@design-factory/angular 21.1.0 → 22.0.0-next.0

package/package.json

@@ -2,17 +2,17 @@
   "name": "@design-factory/angular",
   "description": "Amadeus design system Angular implementation",
   "license": "BSD-3-Clause",
-  "version": "21.1.0",
+  "version": "22.0.0-next.0",
   "dependencies": {
-    "@design-factory/core": "21.1.0",
+    "@design-factory/core": "22.0.0-next.0",
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@angular/common": "^21.0.0",
-    "@angular/core": "^21.0.0",
-    "@angular/localize": "^21.0.0",
-    "@angular/router": "^21.0.0",
-    "@design-factory/styles": "21.1.0",
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/localize": "^22.0.0",
+    "@angular/router": "^22.0.0",
+    "@design-factory/styles": "22.0.0-next.0",
     "@amadeus-it-group/tansu": "^2.0.0",
     "@floating-ui/dom": "^1.6.12",
     "embla-carousel": "^8.5.2",
@@ -43,26 +43,79 @@
       "types": "./types/design-factory-angular.d.ts",
       "default": "./fesm2022/design-factory-angular.mjs"
     },
+    "./accordion": {
+      "types": "./types/design-factory-angular-accordion.d.ts",
+      "default": "./fesm2022/design-factory-angular-accordion.mjs"
+    },
+    "./alert": {
+      "types": "./types/design-factory-angular-alert.d.ts",
+      "default": "./fesm2022/design-factory-angular-alert.mjs"
+    },
+    "./breakpoints": {
+      "types": "./types/design-factory-angular-breakpoints.d.ts",
+      "default": "./fesm2022/design-factory-angular-breakpoints.mjs"
+    },
+    "./button": {
+      "types": "./types/design-factory-angular-button.d.ts",
+      "default": "./fesm2022/design-factory-angular-button.mjs"
+    },
+    "./buttongroup": {
+      "types": "./types/design-factory-angular-buttongroup.d.ts",
+      "default": "./fesm2022/design-factory-angular-buttongroup.mjs"
+    },
     "./drawer": {
       "types": "./types/design-factory-angular-drawer.d.ts",
       "default": "./fesm2022/design-factory-angular-drawer.mjs"
     },
+    "./dropdown": {
+      "types": "./types/design-factory-angular-dropdown.d.ts",
+      "default": "./fesm2022/design-factory-angular-dropdown.mjs"
+    },
+    "./form-field": {
+      "types": "./types/design-factory-angular-form-field.d.ts",
+      "default": "./fesm2022/design-factory-angular-form-field.mjs"
+    },
+    "./icon": {
+      "types": "./types/design-factory-angular-icon.d.ts",
+      "default": "./fesm2022/design-factory-angular-icon.mjs"
+    },
+    "./input": {
+      "types": "./types/design-factory-angular-input.d.ts",
+      "default": "./fesm2022/design-factory-angular-input.mjs"
+    },
     "./internals": {
       "types": "./types/design-factory-angular-internals.d.ts",
       "default": "./fesm2022/design-factory-angular-internals.mjs"
     },
+    "./separator": {
+      "types": "./types/design-factory-angular-separator.d.ts",
+      "default": "./fesm2022/design-factory-angular-separator.mjs"
+    },
     "./sidenav": {
       "types": "./types/design-factory-angular-sidenav.d.ts",
       "default": "./fesm2022/design-factory-angular-sidenav.mjs"
     },
+    "./slider": {
+      "types": "./types/design-factory-angular-slider.d.ts",
+      "default": "./fesm2022/design-factory-angular-slider.mjs"
+    },
     "./theme": {
       "types": "./types/design-factory-angular-theme.d.ts",
       "default": "./fesm2022/design-factory-angular-theme.mjs"
     },
+    "./toggle": {
+      "types": "./types/design-factory-angular-toggle.d.ts",
+      "default": "./fesm2022/design-factory-angular-toggle.mjs"
+    },
+    "./tooltip": {
+      "types": "./types/design-factory-angular-tooltip.d.ts",
+      "default": "./fesm2022/design-factory-angular-tooltip.mjs"
+    },
     "./topnav": {
       "types": "./types/design-factory-angular-topnav.d.ts",
       "default": "./fesm2022/design-factory-angular-topnav.mjs"
     }
   },
-  "sideEffects": false
+  "sideEffects": false,
+  "type": "module"
 }

package/schematics/collection.json

@@ -5,6 +5,41 @@
       "description": "Add design factory angular to the project and install dependencies.",
       "factory": "./ng-add/index",
       "schema": "./ng-add/schema.json"
+    },
+    "migrate-alert": {
+      "description": "Scan or migrate legacy alert usages in an Angular project.",
+      "factory": "./component-migration/alert/index",
+      "schema": "./component-migration/alert/schema.json"
+    },
+    "component-migration": {
+      "description": "Scan an Angular project for legacy Design Factory component usages.",
+      "factory": "./component-migration/index",
+      "schema": "./component-migration/schema.json"
+    },
+    "migrate-button": {
+      "description": "Scan or migrate legacy button usages in an Angular project.",
+      "factory": "./component-migration/button/index",
+      "schema": "./component-migration/button/schema.json"
+    },
+    "migrate-accordion": {
+      "description": "Scan or migrate legacy accordion usages in an Angular project.",
+      "factory": "./component-migration/accordion/index",
+      "schema": "./component-migration/accordion/schema.json"
+    },
+    "migrate-dropdown": {
+      "description": "Scan or migrate legacy dropdown usages in an Angular project.",
+      "factory": "./component-migration/dropdown/index",
+      "schema": "./component-migration/dropdown/schema.json"
+    },
+    "migrate-tooltip": {
+      "description": "Scan or migrate legacy tooltip usages in an Angular project.",
+      "factory": "./component-migration/tooltip/index",
+      "schema": "./component-migration/tooltip/schema.json"
+    },
+    "component-migration-next-steps": {
+      "description": "Print final component migration next steps.",
+      "factory": "./component-migration/next-steps/index",
+      "private": true
     }
   }
 }

package/schematics/component-migration/accordion/constants.d.ts

@@ -0,0 +1,10 @@
+import { StandaloneImportRequirement } from '../shared/types';
+export declare const ACCORDION_IMPORT_MODULE = "@design-factory/angular/accordion";
+export declare const ACCORDION_IMPORTS: StandaloneImportRequirement[];
+export declare const LEGACY_IMPORT_MODULES: Set<string>;
+export declare const LEGACY_IMPORT_SYMBOLS: Set<string>;
+export declare const LEGACY_PROGRAMMATIC_IMPORT_SYMBOLS: Set<string>;
+export declare const LEGACY_REMOVABLE_IMPORT_SYMBOLS: Set<string>;
+export declare const LEGACY_SCOPE_IMPORT_SYMBOLS: Set<string>;
+export declare const LEGACY_HOST_CLASSES: Set<string>;
+export declare function componentUsesLegacyAccordion(templates: string[]): boolean;

package/schematics/component-migration/accordion/constants.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LEGACY_HOST_CLASSES = exports.LEGACY_SCOPE_IMPORT_SYMBOLS = exports.LEGACY_REMOVABLE_IMPORT_SYMBOLS = exports.LEGACY_PROGRAMMATIC_IMPORT_SYMBOLS = exports.LEGACY_IMPORT_SYMBOLS = exports.LEGACY_IMPORT_MODULES = exports.ACCORDION_IMPORTS = exports.ACCORDION_IMPORT_MODULE = void 0;
+exports.componentUsesLegacyAccordion = componentUsesLegacyAccordion;
+exports.ACCORDION_IMPORT_MODULE = '@design-factory/angular/accordion';
+exports.ACCORDION_IMPORTS = [
+    { moduleName: exports.ACCORDION_IMPORT_MODULE, symbolName: 'DfAccordion' },
+    { moduleName: exports.ACCORDION_IMPORT_MODULE, symbolName: 'DfAccordionItem' },
+    { moduleName: exports.ACCORDION_IMPORT_MODULE, symbolName: 'DfAccordionItemBody' },
+    { moduleName: exports.ACCORDION_IMPORT_MODULE, symbolName: 'DfAccordionItemTitle' }
+];
+exports.LEGACY_IMPORT_MODULES = new Set(['@ng-bootstrap/ng-bootstrap/accordion', '@ng-bootstrap/ng-bootstrap']);
+exports.LEGACY_IMPORT_SYMBOLS = new Set([
+    'NgbAccordionModule',
+    'NgbAccordionDirective',
+    'NgbAccordionItem',
+    'NgbAccordionHeader',
+    'NgbAccordionButton',
+    'NgbAccordionBody',
+    'NgbAccordionCollapse',
+    'NgbAccordionToggle',
+    'NgbAccordionConfig'
+]);
+exports.LEGACY_PROGRAMMATIC_IMPORT_SYMBOLS = new Set(['NgbAccordionDirective', 'NgbAccordionItem']);
+exports.LEGACY_REMOVABLE_IMPORT_SYMBOLS = new Set([
+    'NgbAccordionModule',
+    'NgbAccordionHeader',
+    'NgbAccordionButton',
+    'NgbAccordionBody',
+    'NgbAccordionCollapse',
+    'NgbAccordionToggle'
+]);
+exports.LEGACY_SCOPE_IMPORT_SYMBOLS = new Set([
+    ...exports.LEGACY_REMOVABLE_IMPORT_SYMBOLS,
+    ...exports.LEGACY_PROGRAMMATIC_IMPORT_SYMBOLS
+]);
+exports.LEGACY_HOST_CLASSES = new Set([
+    'df-accordion-sm',
+    'df-accordion-lg',
+    'df-accordion-withsep',
+    'df-accordion-reverse',
+    'df-withsubtitle'
+]);
+function componentUsesLegacyAccordion(templates) {
+    return templates.some((template) => /(^|[\s<])(?:\[)?ngbAccordion(?:Item|Header|Button|Collapse|Body|Toggle)?(?:\]|=|\s|>)/.test(template.replace(/<!--[\s\S]*?-->/g, '')));
+}

package/schematics/component-migration/accordion/guide.md

@@ -0,0 +1,257 @@
+# Accordion Migration Guide
+
+This guide is used by AI-assisted migration after the deterministic `migrate-accordion` schematic has run.
+
+Use it together with the user's current working tree and current git diff. The diff shows which safe changes were made
+by the schematic and which `TODO(df-migration ...)` comments still need review.
+
+## Legacy API
+
+Legacy accordions use ng-bootstrap directives and legacy Design Factory classes:
+
+- `ngbAccordion`
+- `ngbAccordionItem`
+- `ngbAccordionHeader`
+- `ngbAccordionButton`
+- `ngbAccordionCollapse`
+- `ngbAccordionBody`
+- `df-accordion-sm`
+- `df-accordion-lg`
+- `df-accordion-withsep`
+- `df-accordion-reverse`
+- `df-withsubtitle`
+- `df-subtitle`
+- `df-accordion-number`
+
+Some accordion-like patterns are not migrated deterministically, including selectable/radio accordions and custom
+header/body structures.
+
+## New API
+
+New accordions use standalone exports from `@design-factory/angular/accordion`:
+
+```ts
+import {
+  DfAccordion,
+  DfAccordionItem,
+  DfAccordionItemBody,
+  DfAccordionItemTitle
+} from '@design-factory/angular/accordion';
+```
+
+Supported default accordion structure:
+
+```html
+<df-accordion itemHeadingLevel="3">
+  <df-accordion-item>
+    <ng-template dfAccordionItemTitle>Title</ng-template>
+    <ng-template dfAccordionItemBody>Body</ng-template>
+  </df-accordion-item>
+</df-accordion>
+```
+
+Useful inputs and outputs:
+
+- `df-accordion`: `itemHeadingLevel`, `closeOthers`, `itemDestroyOnHide`, `animated`, `size`, `arrowPosition`, `addon`,
+  `subtitleType`, `separator`, `itemShown`, `itemHidden`
+- `df-accordion-item`: `id`, `visible`, `disabled`, `destroyOnHide`, `subtitle`, `number`, `iconClass`, `shown`,
+  `hidden`, `visibleChange`
+
+Use `df-accordion-selectable` / `df-accordion-item-selectable` for radio/selectable accordions. Use
+`df-accordion-item-interactive` when the header contains interactive controls.
+
+## Deterministic Schematic Changes
+
+The schematic migrates canonical ng-bootstrap accordion markup when syntax is local and unambiguous.
+
+It can:
+
+- replace `ngbAccordion` with `df-accordion`;
+- replace `ngbAccordionItem` with `df-accordion-item`;
+- move `ngbAccordionButton` content to `ng-template[dfAccordionItemTitle]`;
+- move `ngbAccordionBody` content to `ng-template[dfAccordionItemBody]`;
+- map `ngbAccordionItem="id"` and `[ngbAccordionItem]="expr"` to `id` / `[id]`;
+- map static and bound `collapsed` to `visible`;
+- map accordion `[destroyOnHide]` to `[itemDestroyOnHide]`;
+- map `[animation]` to `[animated]`;
+- map accordion `(shown)` / `(hidden)` to `(itemShown)` / `(itemHidden)`;
+- map accordion `(show)` / `(hide)` to `(itemShown)` / `(itemHidden)` with timing review TODOs;
+- combine pre-event and post-event handlers when both exist;
+- map `df-accordion-sm` / `df-accordion-lg` to `size`;
+- map `df-accordion-withsep` to `separator`;
+- map `df-accordion-reverse` to `arrowPosition="start"`;
+- remove legacy `df-withsubtitle`;
+- extract simple static `.df-subtitle` content to item `subtitle`;
+- extract simple static `.df-accordion-number` content to item `number` and set accordion `addon="number"`;
+- set accordion `subtitleType="inline"` or `subtitleType="block"` for extracted subtitles;
+- add standalone imports;
+- remove stale legacy accordion imports from simple scopes when no legacy accordion template usage remains;
+- add TODO comments for review, skipped patterns, dynamic state, and behavior-sensitive cases.
+
+Legacy `NgbAccordionConfig` usage is marked with a config TODO for human review, but configuration is not migrated
+automatically.
+
+## TODO Codes
+
+TODO comments may include `[human]`.
+
+Verify every TODO and remove it only when the underlying issue is actually resolved. Preserve `[human]` TODO comments
+unchanged so a human can review them after the AI-assisted pass. `[human]` does not forbid AI-assisted edits around the
+comment when the intent is clear; it means the final result must remain visible for human verification.
+
+### `accordion.review`
+
+The accordion was migrated automatically. Verify behavior and visual appearance.
+
+Check spacing, separator, size, arrow position, initial expanded/collapsed state, disabled state, and custom classes
+preserved by the schematic. If no issue is found, remove this TODO.
+
+### `accordion.selectable-pattern`
+
+The accordion uses selectable/radio markup and was not migrated deterministically.
+
+Try to convert it to `df-accordion-selectable` and `df-accordion-item-selectable` when the form/control behavior is
+clear. Preserve `formControlName`, `ngModel`, item values, ARIA labels, disabled state, custom content, and test
+selectors. Keep the `[human]` TODO after the conversion so the selectable behavior can be reviewed.
+
+Do not migrate this as a default `df-accordion`; selectable accordions have different semantics.
+
+### `accordion.non-canonical-structure`
+
+The legacy markup does not match the canonical ng-bootstrap header/body structure.
+
+Inspect the header and body and attempt a best-effort migration when the behavior is clear. Keep the `[human]` TODO
+after migrating so the result remains visible for review. Use:
+
+- `df-accordion-item` for a regular toggle-only header;
+- `df-accordion-item-interactive` when the header includes buttons, links, inputs, menus, toggles, or click side
+  effects;
+- `df-accordion-selectable` when expanding an item selects a form value.
+
+Extra button classes, `qa-id` attributes, bound attributes, body wrapper classes, icons, and simple title wrappers are
+not blockers by themselves. Preserve custom header controls and behavior. Do not flatten interactive markup into
+`dfAccordionItemTitle` if it would put interactive controls inside the toggle button. Leave the legacy markup in place
+only when the behavior cannot be mapped confidently.
+
+### `accordion.pre-event`
+
+Legacy `show` / `hide` events fired before the state change. The new migrated outputs fire after the item is shown or
+hidden.
+
+The deterministic schematic maps them to `itemShown` / `itemHidden` on the accordion, or `shown` / `hidden` on an item.
+Review handlers for timing-sensitive logic such as measuring DOM before animation, loading content before expansion, or
+blocking side effects. If the handler only logs, tracks analytics, or reacts after the change, the migrated output is
+usually acceptable.
+
+### `accordion.event-conflict`
+
+Both legacy pre-event and post-event handlers existed for the same transition.
+
+The deterministic schematic combines both handlers on the migrated output, preserving call order. Verify that combining
+them after the state change is acceptable. If one handler depends on pre-change timing, split the behavior manually.
+
+### `accordion.programmatic-api`
+
+Template reference exports such as `#acc="ngbAccordion"` or `#item="ngbAccordionItem"` were removed.
+
+Review any TypeScript or template calls using those references. New accordion methods return `Promise<void>`, so callers
+may need `await`, `void`, or async handling. Preserve behavior for `toggle`, `expand`, `collapse`, `expandAll`,
+`collapseAll`, and `isExpanded`.
+
+### `accordion.programmatic-import`
+
+The file still imports legacy TypeScript APIs such as `NgbAccordionDirective` or `NgbAccordionItem`.
+
+Review actual TypeScript usage before removing imports. Replace programmatic APIs with `DfAccordion` / `DfAccordionItem`
+refs only when the new async contract is handled.
+
+### `accordion.config`
+
+Legacy `NgbAccordionConfig` is not supported anymore.
+
+Do not migrate it automatically. Review the legacy defaults and decide whether they should become local accordion inputs,
+new `provideDfAccordionConfig()` usage, or application-specific cleanup.
+
+### `accordion.subtitle`
+
+Legacy subtitle markup was too complex for deterministic extraction and was preserved for review.
+
+For simple cases, the deterministic schematic already removes `df-withsubtitle`, extracts `.df-subtitle` text to the
+item `subtitle` input, and sets `subtitleType` on the accordion. For remaining TODOs:
+
+- remove the legacy `df-withsubtitle` class from the accordion host;
+- move plain `.df-subtitle` text to `subtitle="..."` or `[subtitle]="..."` on the related `df-accordion-item`;
+- remove the old `.df-subtitle` element from `dfAccordionItemTitle` after extracting it;
+- set `subtitleType="inline"` when title and subtitle were sibling content in the button;
+- set `subtitleType="block"` when subtitle was nested under the title in a stacked layout;
+- if `.df-accordion-number` was used, set `addon="number"` on the accordion and `number="..."` on each item, without
+  the trailing dot;
+- for dynamic or rich subtitle content, preserve equivalent visible content in the title template when the new `subtitle`
+  input cannot represent it safely;
+- preserve the `[human]` TODO when subtitle content is conditional, projected through complex markup, translated in a
+  non-obvious way, or mixed with behavior.
+
+Do not leave `.df-subtitle` or `df-withsubtitle` as styling hooks in migrated markup unless the user explicitly asks for
+temporary compatibility.
+
+### `accordion.heading-level`
+
+The schematic could not infer one consistent heading level and defaulted `itemHeadingLevel` to `2`.
+
+Choose the correct semantic heading level for the page. Prefer matching the surrounding document outline, not merely the
+old visual size. Keep the value between `1` and `6`.
+
+### `accordion.custom-classes`
+
+Custom classes were preserved on the accordion or item.
+
+Check whether the class targeted old Bootstrap/ng-bootstrap DOM such as `.accordion`, `.accordion-item`,
+`.accordion-button`, `.accordion-collapse`, `.accordion-body`, `.collapsed`, or `::after`. Update local CSS to the new
+DF DOM only when the styling is still needed.
+
+### `accordion.dynamic-class`
+
+Dynamic class bindings were preserved on the accordion host.
+
+Inspect `[class]`, `[ngClass]`, and class binding expressions. Remove legacy accordion classes from the expression or
+convert them to new inputs when clear:
+
+- `df-accordion-sm` / `df-accordion-lg` -> `size`
+- `df-accordion-withsep` -> `separator`
+- `df-accordion-reverse` -> `arrowPosition`
+- `df-withsubtitle` -> `subtitleType` plus item `subtitle`
+
+Leave the TODO when the expression is computed or shared in a way that needs human review.
+
+### `accordion.dynamic-collapsed`
+
+A legacy collapsed expression was inverted to `visible`.
+
+Verify that `[visible]="!(expr)"` still matches the intended state. If the expression is already inverted or confusing,
+prefer a small component getter/helper with a clear name.
+
+### `accordion.legacy-import`
+
+A legacy ng-bootstrap accordion import remains for second-pass verification.
+
+The deterministic schematic removes stale legacy imports for simple fully migrated scopes. If this TODO remains, the
+file still has legacy accordion markup, an indirect/shared imports shape, or programmatic TypeScript usage.
+
+Remove the import only after confirming no remaining legacy accordion template/directive API or programmatic TypeScript
+API is used in the file.
+
+### `accordion.indirect-component-imports`
+
+The component needs DF accordion imports, but its Angular `imports` metadata is not a simple array literal.
+
+Inspect the referenced value or expression. Add `DfAccordion`, `DfAccordionItem`, `DfAccordionItemBody`, and
+`DfAccordionItemTitle` only when the imports shape is clear. Preserve the TODO when the imports value is computed,
+shared, or otherwise ambiguous.
+
+## Validation
+
+- Review every `TODO(df-migration accordion.*)` comment.
+- Check visual spacing, separator, size, arrow position, subtitle layout, and number/icon addons.
+- Check expanded/collapsed initial state and `closeOthers` behavior.
+- Check programmatic calls and template references.
+- Check custom CSS and tests/page objects that query Bootstrap `.accordion-*` selectors.

package/schematics/component-migration/accordion/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (options: import("../shared/types").ComponentMigrationSchema) => import("@angular-devkit/schematics").Rule;
+export default _default;

package/schematics/component-migration/accordion/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const create_component_schematic_1 = require("../shared/create-component-schematic");
+const migration_1 = require("./migration");
+exports.default = (0, create_component_schematic_1.createComponentMigrationSchematic)(migration_1.accordionMigration);

package/schematics/component-migration/accordion/migration.d.ts

@@ -0,0 +1,2 @@
+import { ComponentMigrationDefinition } from '../shared/types';
+export declare const accordionMigration: ComponentMigrationDefinition;

package/schematics/component-migration/accordion/migration.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.accordionMigration = void 0;
+const legacy_config_todos_1 = require("../shared/legacy-config-todos");
+const accordion_imports_1 = require("./steps/accordion-imports");
+const template_migration_1 = require("./steps/template-migration");
+exports.accordionMigration = {
+    id: 'accordion',
+    countLegacyTemplateUsages: template_migration_1.countLegacyAccordionUsages,
+    migrateTemplate: template_migration_1.migrateAccordionTemplate,
+    migrateSourceFile: accordion_imports_1.migrateAccordionSourceFile,
+    migrateProjectSourceFile: (context) => (0, legacy_config_todos_1.editLegacyConfigTodos)(context, ['NgbAccordionConfig'])
+};

package/schematics/component-migration/accordion/schema.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsMigrateAccordion",
+  "title": "Migrate Accordion Schema",
+  "type": "object",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "Name of the Angular project to scan or migrate",
+      "$default": {
+        "$source": "projectName"
+      }
+    },
+    "all": {
+      "type": "boolean",
+      "description": "Scan or migrate every buildable Angular project",
+      "default": false
+    },
+    "scan": {
+      "type": "boolean",
+      "description": "Only scan accordion usages without applying the migration",
+      "default": false
+    }
+  }
+}

package/schematics/component-migration/accordion/steps/accordion-imports.d.ts

@@ -0,0 +1,3 @@
+import { TemplateEdit } from '../../shared/template-edits';
+import { ComponentMigrationSourceContext } from '../../shared/types';
+export declare function migrateAccordionSourceFile(context: ComponentMigrationSourceContext): TemplateEdit[];

package/schematics/component-migration/accordion/steps/accordion-imports.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateAccordionSourceFile = migrateAccordionSourceFile;
+const component_context_1 = require("../../shared/component-context");
+const component_imports_1 = require("../../shared/component-imports");
+const constants_1 = require("../constants");
+function migrateAccordionSourceFile(context) {
+    const legacyImports = (0, component_imports_1.getComponentNamedImports)(context.sourceFile, constants_1.LEGACY_IMPORT_MODULES, constants_1.LEGACY_IMPORT_SYMBOLS);
+    const sourceNeedsDfAccordion = [...context.standaloneImportsByComponent.values()].some((requirements) => requirements.some((requirement) => requirement.moduleName === constants_1.ACCORDION_IMPORT_MODULE));
+    const sourceNeedsLegacyAccordion = (0, component_context_1.sourceFileNeedsComponentTemplate)(context, constants_1.componentUsesLegacyAccordion);
+    const edits = [
+        ...(0, component_imports_1.editStandaloneComponentImports)(context, constants_1.ACCORDION_IMPORT_MODULE, {
+            indirectComponentImportsTodo: {
+                code: 'accordion.indirect-component-imports',
+                message: 'Component imports use an indirect value. Add the required DF accordion imports after verifying its shape.'
+            },
+            legacyImports,
+            legacyScopeImportedNames: constants_1.LEGACY_SCOPE_IMPORT_SYMBOLS,
+            componentKeepsLegacyScope: constants_1.componentUsesLegacyAccordion
+        })
+    ];
+    if (legacyImports.length > 0) {
+        edits.push(...(0, component_imports_1.editRemovableLegacyImports)(context.sourceFile, constants_1.LEGACY_IMPORT_MODULES, legacyImports, (legacyImport) => {
+            if (!sourceNeedsDfAccordion || sourceNeedsLegacyAccordion) {
+                return false;
+            }
+            return constants_1.LEGACY_SCOPE_IMPORT_SYMBOLS.has(legacyImport.importedName);
+        }));
+        edits.push(...(0, component_imports_1.editLegacyImportTodos)(context.sourceFile, constants_1.LEGACY_IMPORT_MODULES, (legacyImport) => (!sourceNeedsDfAccordion || sourceNeedsLegacyAccordion) &&
+            constants_1.LEGACY_REMOVABLE_IMPORT_SYMBOLS.has(legacyImport.importedName), {
+            code: 'accordion.legacy-import',
+            message: 'Legacy accordion import remains for second-pass verification. Remove it after confirming no legacy accordion APIs need it.'
+        }), ...(0, component_imports_1.editLegacyImportTodos)(context.sourceFile, constants_1.LEGACY_IMPORT_MODULES, (legacyImport) => constants_1.LEGACY_PROGRAMMATIC_IMPORT_SYMBOLS.has(legacyImport.importedName) &&
+            (0, component_imports_1.hasIdentifierReferenceOutsideImports)(context.sourceFile, legacyImport.localName), {
+            code: 'accordion.programmatic-import',
+            marker: 'human',
+            message: 'This file still imports legacy ng-bootstrap accordion TypeScript APIs. Review programmatic usage manually because the new API returns promises.'
+        }));
+    }
+    return edits;
+}

package/schematics/component-migration/accordion/steps/template-migration.d.ts

@@ -0,0 +1,3 @@
+import { ComponentMigrationTemplateResult } from '../../shared/types';
+export declare function migrateAccordionTemplate(template: string): ComponentMigrationTemplateResult;
+export declare function countLegacyAccordionUsages(template: string): number;