From 35d24796e7df77fb3e5277878339707ab65b1380 Mon Sep 17 00:00:00 2001 From: Milad Faghihi Date: Tue, 15 Jul 2025 20:37:56 +0200 Subject: [PATCH 1/5] chore: upgrade to ng20 and react19 --- .gitignore | 5 + apps/angular-kits-doc/.eslintrc.json | 3 +- .../angular-kits-doc/.storybook/tsconfig.json | 1 + apps/angular-kits-doc/package.json | 10 +- .../animation-overlay-story.component.ts | 1 - .../basic-overlay-example.component.ts | 1 - .../basic-overlay-story.component.ts | 1 - .../connect-to-element-story.component.ts | 1 - .../default-overlay-example.component.ts | 1 - .../default-overlay-story.component.ts | 1 - .../size-overlay-example.component.ts | 1 - .../size-overlay-story.component.ts | 1 - ...ample-overlay-default-overlay.component.ts | 1 - .../example-overlay-default.component.ts | 1 - .../getting-started/utils/install.utils.tsx | 3 +- .../accordion/overview/control.stories.ts | 1 - .../examples/add-new-button/_story.source.ts | 1 - .../add-new-button.component.ts | 1 - .../examples/back-button/_story.source.ts | 1 - .../back-button/back-button.component.ts | 1 - .../copy-link-button/_story.source.ts | 1 - .../copy-link-button.component.ts | 1 - .../examples/delete-button/_story.source.ts | 1 - .../delete-button/delete-button.component.ts | 1 - .../show-more-button/_story.source.ts | 1 - .../show-more-button.component.ts | 1 - .../stack-horizontal-button/_story.source.ts | 1 - .../stack-horizontal-button.component.ts | 1 - .../stack-vertical-button/_story.source.ts | 1 - .../stack-vertical-button.component.ts | 1 - .../examples/mode-toggle/_story.source.ts | 1 - .../mode-toggle/mode-toggle.component.ts | 1 - .../examples/social-buttons/_story.source.ts | 1 - .../social-buttons.component.ts | 1 - .../examples/volume-button/_story.source.ts | 1 - .../volume-button/volume-button.component.ts | 1 - .../checkbox/archive/indeterminate.stories.ts | 1 - .../checkbox-indeterminate.component.ts | 1 - .../_story.source.ts | 1 - .../checkbox-box-selection-info.component.ts | 1 - .../checkbox-box-selection/_story.source.ts | 1 - .../checkbox-box-selection.component.ts | 1 - .../checkbox-group-column/_story.source.ts | 1 - .../checkbox-group-column.component.ts | 1 - .../checkbox-group-row/_story.source.ts | 1 - .../checkbox-group-row.component.ts | 1 - .../checkbox-label-link/_story.source.ts | 1 - .../checkbox-label-link.component.ts | 1 - .../checkbox-label-through/_story.source.ts | 1 - .../checkbox-label-through.component.ts | 1 - .../email-validation/_story.source.ts | 1 - .../email-validation.component.ts | 1 - .../input-hint-success/_story.source.ts | 1 - .../input-hint-success.component.ts | 1 - .../examples/input-link/_story.source.ts | 1 - .../input-link/input-link.component.ts | 1 - .../input-side-label/_story.source.ts | 1 - .../input-side-label.component.ts | 1 - .../input-suffix-success/_story.source.ts | 1 - .../input-suffix-success.component.ts | 1 - .../leading-currency/_story.source.ts | 1 - .../leading-currency.component.ts | 1 - .../examples/leading-icon/_story.source.ts | 1 - .../leading-icon/leading-icon.component.ts | 1 - .../examples/leading-website/_story.source.ts | 1 - .../leading-website.component.ts | 1 - .../examples/password/_story.source.ts | 1 - .../examples/password/password.component.ts | 1 - .../examples/phone-number/_story.source.ts | 1 - .../phone-number/phone-number.component.ts | 1 - .../prefix-icon-select/_story.source.ts | 1 - .../prefix-icon-select.component.ts | 1 - .../prefix-suffix-search/_story.source.ts | 1 - .../prefix-suffix-search.component.ts | 1 - .../select-preview-tag/_story.source.ts | 1 - .../select-preview-tag.component.ts | 1 - .../suffix-card-pattern/_story.source.ts | 1 - .../suffix-card-pattern.component.ts | 1 - .../textarea-max-char/_story.source.ts | 1 - .../textarea-max-char.component.ts | 1 - .../examples/trailing-copy/_story.source.ts | 1 - .../trailing-copy/trailing-copy.component.ts | 1 - .../trailing-custom-color/_story.source.ts | 1 - .../trailing-custom-color.component.ts | 1 - .../examples/trailing-domain/_story.source.ts | 1 - .../trailing-domain.component.ts | 1 - .../trailing-select-amount/_story.source.ts | 1 - .../trailing-select-amount.component.ts | 1 - .../tabs/tabs/overview/control.stories.ts | 2 - apps/angular-kits-doc/stories/utils/pipes.mdx | 8 +- .../angular-kits-doc/stories/utils/signal.mdx | 60 +- apps/react-kits-doc/.eslintrc.json | 2 +- .../getting-started/utils/install.utils.tsx | 2 +- .../accordion/overview/color.stories.tsx | 5 +- .../accordion/overview/size.stories.tsx | 6 +- .../accordion/overview/type.stories.tsx | 6 +- .../StackVerticalButton.tsx | 2 +- .../stack-vertical-button/_story.source.ts | 2 +- .../examples/social-buttons/SocialButtons.tsx | 2 +- .../examples/social-buttons/_story.source.ts | 2 +- .../phone-number/PhoneNumber.styled.ts | 6 +- .../examples/phone-number/_story.source.ts | 6 +- .../TrailingCustomColor.styled.tsx | 4 +- .../trailing-custom-color/_story.source.ts | 4 +- apps/react-kits-doc/stories/utils/_hidden.mdx | 28 +- .../stories/utils/feature-store.mdx | 12 +- .../stories/utils/use-animation.mdx | 12 +- .../stories/utils/use-debug.mdx | 6 +- .../stories/utils/use-effect-after-mount.mdx | 6 +- .../stories/utils/use-immediately-effect.mdx | 6 +- .../stories/utils/use-on-destroy.mdx | 6 +- .../stories/utils/use-on-init.mdx | 6 +- .../stories/utils/use-promise.mdx | 22 +- .../stories/utils/use-selection.mdx | 14 +- .../stories/utils/use-silent-state.mdx | 12 +- .../stories/utils/use-slot-children.mdx | 12 +- .../stories/utils/use-static-text.mdx | 6 +- nx.json | 54 +- package.json | 132 +- packages/angular/accordion/.eslintrc.json | 5 +- packages/angular/accordion/package.json | 4 +- .../accordion-header-icon.tmpl-directive.ts | 1 - .../accordion-header.component.ts | 4 +- .../accordion-panel.component.ts | 1 - .../src/lib/accordion/accordion.component.ts | 1 - packages/angular/accordion/tsconfig.lib.json | 3 +- .../angular/accordion/tsconfig.lib.prod.json | 3 +- packages/angular/avatar/.eslintrc.json | 5 +- packages/angular/avatar/package.json | 4 +- .../avatar-group/avatar-group.component.ts | 1 - .../avatar-label/avatar-label.component.ts | 1 - .../avatar/src/lib/avatar/avatar.component.ts | 1 - .../src/lib/avatar/avatar.tmpl-directive.ts | 1 - packages/angular/avatar/tsconfig.lib.json | 3 +- .../angular/avatar/tsconfig.lib.prod.json | 3 +- packages/angular/button/.eslintrc.json | 5 +- packages/angular/button/package.json | 4 +- .../button/src/lib/button/button.component.ts | 1 - .../lib/icon-button/icon-button.component.ts | 1 - packages/angular/button/tsconfig.lib.json | 3 +- .../angular/button/tsconfig.lib.prod.json | 3 +- packages/angular/checkbox/.eslintrc.json | 5 +- packages/angular/checkbox/package.json | 6 +- .../src/lib/checkbox/checkbox.component.ts | 1 - packages/angular/checkbox/tsconfig.lib.json | 3 +- .../angular/checkbox/tsconfig.lib.prod.json | 3 +- packages/angular/components/package.json | 6 +- packages/angular/core/.eslintrc.json | 5 +- packages/angular/core/package.json | 4 +- packages/angular/core/tsconfig.lib.json | 3 +- packages/angular/core/tsconfig.lib.prod.json | 3 +- packages/angular/divider/.eslintrc.json | 5 +- packages/angular/divider/package.json | 4 +- .../src/lib/divider/divider.component.ts | 1 - packages/angular/divider/tsconfig.lib.json | 3 +- .../angular/divider/tsconfig.lib.prod.json | 3 +- packages/angular/form-field/.eslintrc.json | 5 +- packages/angular/form-field/package.json | 8 +- .../src/lib/chip-list/chip-list.component.ts | 1 - .../form-field/src/lib/chip/chip.component.ts | 1 - .../src/lib/error/error.component.ts | 1 - .../lib/form-field/form-field.component.ts | 1 - .../form-field/src/lib/hint/hint.component.ts | 1 - .../src/lib/input/input.component.ts | 1 - .../src/lib/label/label.component.ts | 1 - .../src/lib/leading/leading.component.ts | 1 - .../option-group/option-group.component.ts | 1 - .../src/lib/option/option.component.ts | 1 - .../src/lib/prefix/prefix.component.ts | 1 - .../select-preview.component.ts | 1 - .../src/lib/select/select.component.ts | 1 - .../src/lib/suffix/suffix.component.ts | 1 - .../src/lib/textarea/textarea.component.ts | 1 - .../src/lib/trailing/trailing.component.ts | 1 - packages/angular/form-field/tsconfig.lib.json | 3 +- .../angular/form-field/tsconfig.lib.prod.json | 3 +- packages/angular/icon/.eslintrc.json | 5 +- packages/angular/icon/package.json | 6 +- .../src/lib/svg-icon/svg-icon.component.ts | 1 - packages/angular/icon/tsconfig.lib.json | 3 +- packages/angular/icon/tsconfig.lib.prod.json | 3 +- packages/angular/menu/.eslintrc.json | 5 +- packages/angular/menu/package.json | 4 +- .../src/lib/menu-item/menu-item.component.ts | 1 - .../menu-trigger/menu-trigger.directive.ts | 1 - .../menu/src/lib/menu/menu.component.ts | 1 - packages/angular/menu/tsconfig.lib.json | 3 +- packages/angular/menu/tsconfig.lib.prod.json | 3 +- packages/angular/overlay/.eslintrc.json | 5 +- packages/angular/overlay/package.json | 6 +- .../components/overlay/overlay.component.ts | 1 - packages/angular/overlay/tsconfig.lib.json | 3 +- .../angular/overlay/tsconfig.lib.prod.json | 3 +- packages/angular/radio/.eslintrc.json | 5 +- packages/angular/radio/package.json | 6 +- .../radio/src/lib/radio/radio.component.ts | 2 - packages/angular/radio/tsconfig.lib.json | 3 +- packages/angular/radio/tsconfig.lib.prod.json | 3 +- packages/angular/tabs/package.json | 4 +- .../src/lib/tab/tab-header.tmpl-directive.ts | 1 - .../angular/tabs/src/lib/tab/tab.component.ts | 3 +- .../tabs/src/lib/tabs/tabs.component.ts | 1 - packages/angular/tabs/tsconfig.lib.json | 3 +- packages/angular/tabs/tsconfig.lib.prod.json | 3 +- packages/angular/toggle/.eslintrc.json | 5 +- packages/angular/toggle/package.json | 6 +- .../toggle/src/lib/toggle/toggle.component.ts | 1 - packages/angular/toggle/tsconfig.lib.json | 3 +- .../angular/toggle/tsconfig.lib.prod.json | 3 +- packages/angular/utils/.eslintrc.json | 5 +- packages/angular/utils/package.json | 8 +- .../src/lib/pipes/object/obj-to-keys.pipe.ts | 1 - .../lib/pipes/sanitizer/trust-html.pipe.ts | 1 - packages/angular/utils/tsconfig.lib.json | 3 +- packages/angular/utils/tsconfig.lib.prod.json | 3 +- packages/common/core/.eslintrc.json | 2 +- packages/common/core/package.json | 4 +- packages/common/icons/.eslintrc.json | 2 +- packages/common/icons/package.json | 4 +- packages/common/utils/.eslintrc.json | 2 +- packages/common/utils/package.json | 4 +- .../components/feature-image.tsx | 530 +- .../getting-started/components/feature.tsx | 2 +- .../getting-started/components/features.tsx | 2 +- .../getting-started/components/intro.tsx | 2 +- .../getting-started/components/neon-box.tsx | 14 +- .../components/who-can-use.tsx | 2 +- .../common-kits-doc/stories/utils/DOM.mdx | 16 +- .../common-kits-doc/stories/utils/Promise.mdx | 10 +- .../common-kits-doc/stories/utils/_hidden.mdx | 26 +- .../stories/utils/animation.mdx | 102 +- .../common-kits-doc/stories/utils/common.mdx | 150 +- .../stories/utils/comparator.mdx | 24 +- .../common-kits-doc/stories/utils/differs.mdx | 60 +- .../common-kits-doc/stories/utils/ensure.mdx | 156 +- .../stories/utils/event-listener.mdx | 40 +- .../common-kits-doc/stories/utils/math.mdx | 6 +- .../stories/utils/model.common.model.mdx | 16 +- .../stories/utils/observer.mdx | 36 +- .../common-kits-doc/stories/utils/scroll.mdx | 18 +- .../common-kits-doc/stories/utils/search.mdx | 6 +- .../stories/utils/selection.mdx | 100 +- .../common-kits-doc/stories/utils/string.mdx | 30 +- .../stories/utils/transform.mdx | 32 +- .../.eslintrc.json | 6 + .../package.json | 12 +- .../storybook-addon-theme-react/package.json | 8 +- .../storybook-addon-theme/package.json | 24 +- .../assets/styles/cck-themes-components.css | 24 +- .../styles/cck-themes-components.min.css | 2 +- .../mdx-page/mdx-page-with-theme-section.tsx | 5 +- .../story-control/story-control-image.tsx | 2 +- .../story-control/story-control-select.tsx | 2 +- .../theme-selection-dialog-modes.tsx | 2 + .../theme-selection-dialog-themes.tsx | 2 + .../theme-selection-dialog.tsx | 3 +- .../theme-selection.service.tsx | 2 + packages/react/accordion/.eslintrc.json | 2 +- packages/react/accordion/package.json | 8 +- packages/react/avatar/.eslintrc.json | 2 +- packages/react/avatar/package.json | 8 +- packages/react/button/.eslintrc.json | 2 +- packages/react/button/package.json | 8 +- packages/react/button/src/lib/button.tsx | 3 +- packages/react/button/src/lib/icon-button.tsx | 4 +- packages/react/cdk/.eslintrc.json | 2 +- packages/react/cdk/package.json | 8 +- packages/react/checkbox/.eslintrc.json | 2 +- packages/react/checkbox/package.json | 8 +- packages/react/components/.eslintrc.json | 2 +- packages/react/core/.eslintrc.json | 2 +- packages/react/core/package.json | 8 +- packages/react/divider/.eslintrc.json | 2 +- packages/react/divider/package.json | 8 +- packages/react/form-field/.eslintrc.json | 2 +- packages/react/form-field/package.json | 8 +- packages/react/icon/.eslintrc.json | 2 +- packages/react/icon/package.json | 8 +- packages/react/menu/.eslintrc.json | 2 +- packages/react/menu/package.json | 8 +- packages/react/menu/src/menu.tsx | 2 +- packages/react/overlay/.eslintrc.json | 2 +- packages/react/overlay/package.json | 10 +- .../components/overlay-standalone.service.tsx | 4 +- .../react/overlay/src/components/overlay.tsx | 3 +- packages/react/radio/.eslintrc.json | 2 +- packages/react/radio/package.json | 8 +- packages/react/radio/src/lib/radio-group.tsx | 3 +- packages/react/radio/src/lib/radio.tsx | 2 +- packages/react/tabs/.eslintrc.json | 2 +- packages/react/tabs/package.json | 8 +- .../react/tabs/src/lib/tabs.feature-store.ts | 4 +- packages/react/toggle/.eslintrc.json | 2 +- packages/react/toggle/package.json | 8 +- packages/react/utils/.eslintrc.json | 2 +- packages/react/utils/package.json | 8 +- packages/react/utils/src/lib/feature-store.ts | 2 +- packages/themes/cocokits/package.json | 2 +- packages/themes/frames-x/package.json | 2 +- .../frames-x/src/styles/scss/_checkbox.scss | 34 +- pnpm-lock.yaml | 16785 ++++++++-------- tools/eslint/eslint.angular.json | 3 + tools/scripts/clean-pnpm.ts | 25 +- .../print-latest-dependecies-version.ts | 182 + tools/scripts/sync-dependencies-version.ts | 56 + tools/typedoc-storybook-plugin/template.mjs | 4 +- tools/workspace-plugin/.eslintrc.json | 2 +- .../src/executors/depcheck/executor.ts | 7 +- .../example-story-source/executor.ts | 20 +- .../utils/generate-content.ts | 8 +- .../__fileName__.component.ts.template | 1 - .../__fileName__.component.ts.template | 1 - .../__fileName__.component.ts.template | 1 - .../files/angular-ui/package.json.template | 4 +- 314 files changed, 10271 insertions(+), 9372 deletions(-) create mode 100644 tools/scripts/print-latest-dependecies-version.ts create mode 100644 tools/scripts/sync-dependencies-version.ts diff --git a/.gitignore b/.gitignore index df5d27d7..b805a80d 100644 --- a/.gitignore +++ b/.gitignore @@ -50,3 +50,8 @@ migration-storybook.log # Next.js .next out + +vite.config.*.timestamp* +vitest.config.*.timestamp* +.cursor/rules/nx-rules.mdc +.github/instructions/nx.instructions.md diff --git a/apps/angular-kits-doc/.eslintrc.json b/apps/angular-kits-doc/.eslintrc.json index 9751dd9d..39d36001 100644 --- a/apps/angular-kits-doc/.eslintrc.json +++ b/apps/angular-kits-doc/.eslintrc.json @@ -24,7 +24,8 @@ "prefix": "cck", "style": "kebab-case" } - ] + ], + "@angular-eslint/prefer-standalone": "off" } }, { diff --git a/apps/angular-kits-doc/.storybook/tsconfig.json b/apps/angular-kits-doc/.storybook/tsconfig.json index 44375d7c..3ef91713 100644 --- a/apps/angular-kits-doc/.storybook/tsconfig.json +++ b/apps/angular-kits-doc/.storybook/tsconfig.json @@ -2,6 +2,7 @@ "extends": "../tsconfig.json", "compilerOptions": { "emitDecoratorMetadata": true, + "noPropertyAccessFromIndexSignature": false, "jsx": "react-jsx" }, "exclude": ["../**/*.spec.ts", "node_modules", "../../../**/node_modules"], diff --git a/apps/angular-kits-doc/package.json b/apps/angular-kits-doc/package.json index 48acaf91..320489c1 100644 --- a/apps/angular-kits-doc/package.json +++ b/apps/angular-kits-doc/package.json @@ -9,10 +9,10 @@ "main": "index.js", "scripts": {}, "dependencies": { - "@angular/common": "18.2.0", - "@angular/core": "18.2.0", - "@storybook/addon-docs": "8.4.4", - "@storybook/angular": "8.4.4", - "@storybook/manager-api": "8.4.4" + "@angular/common": "~20.0.0", + "@angular/core": "~20.0.0", + "@storybook/addon-docs": "8.6.11", + "@storybook/angular": "8.6.11", + "@storybook/manager-api": "8.6.11" } } diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts index e8cd7f2e..a4def7a3 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts @@ -6,7 +6,6 @@ // import { OverlayService } from '../../../src/services/overlay.service'; // @Component({ -// standalone: true, // selector: 'story-animation', // imports: [JsonPipe], // template: ` diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts index 47e6fe49..6d915809 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts @@ -4,7 +4,6 @@ // import { OverlayRef } from '../../../src/services/overlay-ref'; // @Component({ -// standalone: true, // imports: [JsonPipe], // template: ` //

THIS IS A OVERLAY

diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-story.component.ts index 1a046e2f..b5f9fb11 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-story.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-story.component.ts @@ -6,7 +6,6 @@ // import { OverlayService } from '../../../src/services/overlay.service'; // @Component({ -// standalone: true, // selector: 'story-basic', // imports: [JsonPipe], // template: ` `, diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/connect-to-element-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/connect-to-element-story.component.ts index 26e68d27..5200822f 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/connect-to-element-story.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/connect-to-element-story.component.ts @@ -6,7 +6,6 @@ // import { OverlayService } from '../../../src/services/overlay.service'; // @Component({ -// standalone: true, // selector: 'story-connect-to-element', // imports: [JsonPipe], // template: ` diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-example.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-example.component.ts index 2fc1aafb..17527906 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-example.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-example.component.ts @@ -4,7 +4,6 @@ // import { OverlayRef } from '../../../src/services/overlay-ref'; // @Component({ -// standalone: true, // imports: [JsonPipe], // template: ` //

THIS IS A OVERLAY

diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-story.component.ts index 6c5ae845..31d48308 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-story.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/default-overlay-story.component.ts @@ -9,7 +9,6 @@ // import { OverlayService } from '../../../src/services/overlay.service'; // @Component({ -// standalone: true, // selector: 'story-default', // imports: [JsonPipe, FormFieldComponent, InputComponent, ButtonComponent], // template: ` diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-example.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-example.component.ts index 9cfea375..8e6e36d8 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-example.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-example.component.ts @@ -4,7 +4,6 @@ // import { OverlayRef } from '../../../src/services/overlay-ref'; // @Component({ -// standalone: true, // imports: [AsyncPipe], // template: ` //

Resize the textarea to change the overlay size

diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-story.component.ts index e2fd6a76..c9a61fbe 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-story.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/size-overlay-story.component.ts @@ -4,7 +4,6 @@ // import { OverlayService } from '../../../src/services/overlay.service'; // @Component({ -// standalone: true, // selector: 'story-size', // imports: [], // template: ` diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default-overlay.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default-overlay.component.ts index 5ef5ad59..dfb62920 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default-overlay.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default-overlay.component.ts @@ -6,7 +6,6 @@ import { FormFieldComponent, InputComponent } from '@cocokits/angular-form-field import { OverlayRef } from '@cocokits/angular-overlay'; @Component({ - standalone: true, imports: [JsonPipe, FormFieldComponent, InputComponent, ButtonComponent], templateUrl: './example-overlay-default-overlay.component.html', styleUrl: './example-overlay-default-overlay.component.scss', diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default.component.ts index 5602cad7..2987b02e 100644 --- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default.component.ts +++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/default/example-overlay-default.component.ts @@ -8,7 +8,6 @@ import { OverlayAnimationType, OverlayService } from '@cocokits/angular-overlay' import { ExampleOverlayDefaultOverlayComponent } from './example-overlay-default-overlay.component'; @Component({ - standalone: true, selector: 'cck-overlay-default', imports: [JsonPipe, FormFieldComponent, InputComponent, ButtonComponent], templateUrl: './example-overlay-default.component.html', diff --git a/apps/angular-kits-doc/stories/getting-started/utils/install.utils.tsx b/apps/angular-kits-doc/stories/getting-started/utils/install.utils.tsx index 54c09a21..f6f291a3 100644 --- a/apps/angular-kits-doc/stories/getting-started/utils/install.utils.tsx +++ b/apps/angular-kits-doc/stories/getting-started/utils/install.utils.tsx @@ -117,7 +117,7 @@ export function getStep4CollectionModesTable(theme: ThemeChangeEvent) { {Object.entries(theme.tokenDictionary.collectionModeNames).map(([collection, modes]) => modes.map((mode, index) => ( - + {index === 0 && ( {collection} @@ -156,7 +156,6 @@ import { ButtonComponent, CheckboxComponent } from '@cocokits/angular-components @Component({ selector: 'hello', - standalone: true, imports: [ButtonComponent, CheckboxComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts b/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts index 43746f7a..82544940 100644 --- a/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts +++ b/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts @@ -9,7 +9,6 @@ import { StoryObj } from '@cocokits/storybook-addon-theme-angular'; @Component({ selector: 'cck-accordion-control', - standalone: true, imports: [AccordionComponent, AccordionHeaderComponent, AccordionPanelComponent], styles: [ ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts index fd8c9ab9..add0c64c 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts @@ -17,7 +17,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-add-new-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts index 885ae749..0fe542b1 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts @@ -6,7 +6,6 @@ import { Icons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/add-new-button.config'; @Component({ - standalone: true, selector: 'cck-add-new-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts index a52130c2..07c25327 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts @@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-back-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts index 30e0c964..c5766f74 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts @@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/back-button.config'; @Component({ - standalone: true, selector: 'cck-back-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts index 5d5dfab6..45420437 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts @@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-copy-link-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts index b9b9cd32..13e80bc4 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts @@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/copy-link-button.config'; @Component({ - standalone: true, selector: 'cck-copy-link-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts index ac4df791..0b3fda73 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts @@ -16,7 +16,6 @@ import { OutlineIcons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-delete-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts index d0020d16..fddd776c 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts @@ -5,7 +5,6 @@ import { OutlineIcons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/delete-button.config'; @Component({ - standalone: true, selector: 'cck-delete-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts index 4f743355..0427d8f5 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts @@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-show-more-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts index b775db1f..298aeba8 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts @@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/show-more-button.config'; @Component({ - standalone: true, selector: 'cck-show-more-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts index c7245e2a..ff62f370 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts @@ -15,7 +15,6 @@ import { ButtonComponent } from '@cocokits/angular-components'; @Component({ - standalone: true, selector: 'cck-stack-horizontal-button', imports: [ButtonComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts index a818cfe9..d87745cd 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts @@ -4,7 +4,6 @@ import { ButtonComponent } from '@cocokits/angular-components'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/stack-horizontal-button.config'; @Component({ - standalone: true, selector: 'cck-stack-horizontal-button', imports: [ButtonComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts index 2eff9bc0..ee38232a 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts @@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-stack-vertical-button', imports: [ButtonComponent, SvgIconComponent], template: \` diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts index 402554f8..c97112a4 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts @@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons'; import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/stack-vertical-button.config'; @Component({ - standalone: true, selector: 'cck-stack-vertical-button', imports: [ButtonComponent, SvgIconComponent], template: ` diff --git a/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts index 65e21646..a5bf58cc 100644 --- a/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts +++ b/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts @@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons'; @Component({ - standalone: true, selector: 'cck-mode-toggle', imports: [IconButtonComponent, SvgIconComponent], template: \`