@design-factory/design-factory 15.2.3 → 16.0.0

package/lib/angular/df.module.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./alert/alert.module";
+import * as i2 from "./datepicker/datepicker.module";
+import * as i3 from "./selects/select.module";
+import * as i4 from "./progressbar/progressbar.module";
+import * as i5 from "./progressindicator/progressindicator.module";
+import * as i6 from "./inputs/input-advanced.module";
+import * as i7 from "./accessibility/accessibility.module";
+import * as i8 from "./slider/slider.module";
+import * as i9 from "./popover/popover.module";
+import * as i10 from "./icon/icon.module";
+import * as i11 from "./tooltip/tooltip.module";
+import * as i12 from "./sidenav/sidenav.module";
+import * as i13 from "./sidenav/dfSideNavCollapse.module";
+import * as i14 from "./card/card-advanced.module";
+import * as i15 from "./footer/footer.module";
+import * as i16 from "./toast/toast.module";
+import * as i17 from "./stepper/stepper.module";
+/**
+ * @deprecated Import only the needed modules or use standalone components instead of DfModule
+ */
+export declare class DfModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfModule, never, [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule, typeof i17.DfStepperModule], [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule, typeof i17.DfStepperModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DfModule>;
+}

package/lib/angular/stepper/stepper.component.d.ts

@@ -0,0 +1,31 @@
+import { TemplateRef, QueryList, AfterContentInit } from '@angular/core';
+import { DfStepperNormalizedState, DfStepperService } from './stepper.service';
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.directive";
+export declare class DfStepperStepContentDirective {
+    templateRef: TemplateRef<any>;
+    /**
+     * The step index
+     * -1 means that the input index is not set
+     */
+    dfStepperStepContent: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperStepContentDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfStepperStepContentDirective, "ng-template[dfStepperStepContent]", never, { "dfStepperStepContent": { "alias": "dfStepperStepContent"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_dfStepperStepContent: unknown;
+}
+/**
+ * Stepper component is a component to provide a step by step navigation
+ * You have two ways to navigate through the steps:
+ * - Using the linear navigation, where you can only go to the next step
+ * - Using the non-linear navigation, where you can go to any step
+ */
+export declare class DfStepperComponent implements AfterContentInit {
+    stepperService: DfStepperService;
+    mapStepToContent: Map<number, TemplateRef<any>>;
+    tplStepsContent: QueryList<DfStepperStepContentDirective>;
+    state: DfStepperNormalizedState | undefined;
+    constructor();
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DfStepperComponent, "[dfStepper]", never, {}, {}, ["tplStepsContent"], never, true, [{ directive: typeof i1.DfStepperDirective; inputs: {}; outputs: {}; }]>;
+}

package/lib/angular/stepper/stepper.directive.d.ts

@@ -0,0 +1,37 @@
+import { AfterViewChecked, OnDestroy, OnInit } from '@angular/core';
+import { DfStepperService } from './stepper.service';
+import * as i0 from "@angular/core";
+export declare const DF_STEP_CLASS = "df-stepper-step";
+export declare class DfStepperStepDirective implements OnInit, OnDestroy {
+    private readonly unlistener;
+    private readonly renderer2;
+    private readonly element;
+    ngOnInit(): void;
+    handleFocusTabIndex(): void;
+    handleBlurTabIndex(event: FocusEvent): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperStepDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfStepperStepDirective, "[dfStepperStep]", ["dfStepperStep"], {}, {}, never, never, true, never>;
+}
+export declare class DfStepperDirective implements OnInit, AfterViewChecked {
+    private direction;
+    stepperService: DfStepperService;
+    private readonly element;
+    private readonly rtlDirectionService;
+    ngOnInit(): void;
+    handleEnterDown(): void;
+    handleSpaceDown(): void;
+    private handleGoPrevious;
+    private handleGoNext;
+    handleKeyDownRight(event: KeyboardEvent): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleKeyDownUp(event: KeyboardEvent): void;
+    handleKeyDownDown(event: KeyboardEvent): void;
+    getSteps(): HTMLButtonElement[];
+    private handleSelect;
+    private arrowRightInnerHandler;
+    private arrowLeftInnerHandler;
+    ngAfterViewChecked(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfStepperDirective, "[dfStepperLogic]", ["dfStepperLogic"], {}, {}, never, never, true, never>;
+}

package/lib/angular/stepper/stepper.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./stepper.directive";
+import * as i2 from "./stepper.component";
+export declare class DfStepperModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfStepperModule, never, [typeof i1.DfStepperDirective, typeof i1.DfStepperStepDirective, typeof i2.DfStepperComponent, typeof i2.DfStepperStepContentDirective], [typeof i1.DfStepperDirective, typeof i1.DfStepperStepDirective, typeof i2.DfStepperComponent, typeof i2.DfStepperStepContentDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DfStepperModule>;
+}

package/lib/angular/stepper/stepper.service.d.ts

@@ -0,0 +1,126 @@
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export interface DfStepperStep {
+    warning: boolean;
+    completed: boolean;
+    label: string;
+    ariaControl: string;
+    warningLabel?: string;
+    optionalLabel?: string;
+}
+export type DfStepType = 'warning' | 'current' | 'completed' | 'future';
+export interface DfStepperNormalizedStep extends DfStepperStep {
+    type: DfStepType;
+}
+export interface DfStepperState {
+    steps: DfStepperStep[];
+    active: number;
+    isLinear: boolean;
+    isInline: boolean;
+    isVertical: boolean;
+}
+export interface DfStepperNormalizedState {
+    steps: DfStepperNormalizedStep[];
+    active: number;
+    isLinear: boolean;
+    isInline: boolean;
+    isVertical: boolean;
+}
+export declare class DfStepperService {
+    setFocus: boolean;
+    private readonly _stepperState$;
+    private _state;
+    private _completedLabel;
+    private _warningLabel;
+    private _stepperAriaLabel;
+    get stepperState$(): Observable<DfStepperNormalizedState>;
+    get state(): DfStepperNormalizedState;
+    private dispatchStepperState;
+    private updateStepperState;
+    /**
+     * Use this to init the list of Elements from your stepper
+     *
+     * Here we are not deep copying the array --> the function will change it
+     */
+    initStepperState(state: DfStepperState): void;
+    /**
+     * Use this to normalize the state of the stepper (completed, warning, current, future)
+     * @param state
+     * @returns
+     */
+    normalizeState(state: DfStepperState): DfStepperNormalizedState;
+    /**
+     * Internal to get the stepper aria label in the template
+     */
+    get stepperAriaLabel(): string;
+    /**
+     * Use this to set the stepper aria label (i18n)
+     */
+    set stepperAriaLabel(label: string);
+    /**
+     * Internal to get the completed label in the template
+     */
+    get completedLabel(): string;
+    /**
+     * Internal to get the waring label in the template
+     */
+    get warningLabel(): string;
+    /**
+     * Use this to set the completed label (i18n)
+     */
+    set completedLabel(label: string);
+    /**
+     * Use this to set the warning label (i18n)
+     */
+    set warningLabel(label: string);
+    /**
+     * TODO make it customizable
+     * @param index - index of the step
+     * @returns - string of the step number to display
+     */
+    getStepNumberLabel(index: number): string;
+    resetFocus(): void;
+    /**
+     *
+     * @param isLinear - true if the stepper is linear
+     */
+    setLinear(isLinear: boolean): void;
+    /**
+     *
+     * @param isInline - true if the stepper is inline
+     */
+    setInline(isInline: boolean): void;
+    /**
+     *
+     * @param index - index of the step to select start at 0
+     */
+    selectStep(index: number): void;
+    /**
+     * Same as selectStep but with focus on the step selected
+     * @param index - index of the step to select start at 0
+     */
+    selectWithFocus(index: number): void;
+    /**
+     *
+     * @param index - index of the step to complete start at 0
+     */
+    completeStep(index: number): void;
+    /**
+     *
+     * @param index - index of the step to complete start at 0
+     */
+    completeStepAndGoNext(index: number): void;
+    /**
+     * Attention if the step was completed it will be uncompleted after.
+     * @param index - index of the step to make Warning start at 0
+     * @param warningLabel - label to display in the warning by default it will take the warningLabel if it exists or the label
+     */
+    makeWarning(index: number, warningLabel?: string): void;
+    /**
+     *
+     * @param index - index of the step to remove Warning start at 0
+     */
+    removeWarning(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DfStepperService>;
+}

package/lib/angular/tooltip/truncate/tooltipTruncate.directive.d.ts

@@ -11,6 +11,7 @@ export declare class DfTooltipTruncateDirective implements OnInit, DoCheck {
     constructor(tooltip: NgbTooltip, elementRef: ElementRef<HTMLElement>, renderer: Renderer2);
     ngOnInit(): void;
     ngDoCheck(): void;
+    private hasOverflow;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfTooltipTruncateDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DfTooltipTruncateDirective, "[dfTooltipTruncate]", ["dfTooltipTruncate"], {}, {}, never, never, true, never>;
 }

package/lib/index.d.ts

@@ -1,20 +1,3 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./angular/alert/alert.module";
-import * as i2 from "./angular/datepicker/datepicker.module";
-import * as i3 from "./angular/selects/select.module";
-import * as i4 from "./angular/progressbar/progressbar.module";
-import * as i5 from "./angular/progressindicator/progressindicator.module";
-import * as i6 from "./angular/inputs/input-advanced.module";
-import * as i7 from "./angular/accessibility/accessibility.module";
-import * as i8 from "./angular/slider/slider.module";
-import * as i9 from "./angular/popover/popover.module";
-import * as i10 from "./angular/icon/icon.module";
-import * as i11 from "./angular/tooltip/tooltip.module";
-import * as i12 from "./angular/sidenav/sidenav.module";
-import * as i13 from "./angular/sidenav/dfSideNavCollapse.module";
-import * as i14 from "./angular/card/card-advanced.module";
-import * as i15 from "./angular/footer/footer.module";
-import * as i16 from "./angular/toast/toast.module";
 export { DfAccessibilityModule } from './angular/accessibility/accessibility.module';
 export { SkipLinkDirective } from './angular/accessibility/directives/skip-link.directive';
 export { SkipLinksContainerComponent } from './angular/accessibility/components/skip-links-container/skip-links-container.component';
@@ -59,6 +42,12 @@ export { DfManageNavSelectDirective } from './angular/selects/nav/manage-nav-sel
 export { DfOptionHighlightDirective } from './angular/selects/option-highlight.directive';
 export { DfManageBadgeEventsDirective } from './angular/selects/events/manage-badge-events.directive';
 export { DfSelectModule } from './angular/selects/select.module';
+export { DfStepperDirective } from './angular/stepper/stepper.directive';
+export { DfStepperStepContentDirective, DfStepperComponent } from './angular/stepper/stepper.component';
+export { DfStepperStepDirective } from './angular/stepper/stepper.directive';
+export type { DfStepperStep, DfStepperState, DfStepperNormalizedState, DfStepperNormalizedStep } from './angular/stepper/stepper.service';
+export { DfStepperModule } from './angular/stepper/stepper.module';
+export { DfStepperService, DfStepType } from './angular/stepper/stepper.service';
 export { DfTooltipTruncateDirective } from './angular/tooltip/truncate/tooltipTruncate.directive';
 export { DfTooltipModule } from './angular/tooltip/tooltip.module';
 export { DfSideNavItem } from './angular/sidenav/sidenav.service';
@@ -75,9 +64,4 @@ export { DfMedia } from './angular/mediaqueries/media.service';
 export { DfMediaModule } from './angular/mediaqueries/media.module';
 export { DfManageCardSelectionDirective } from './angular/card/manage-card-selection.directive';
 export { DfAdvancedCardModule } from './angular/card/card-advanced.module';
-export declare class DfModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DfModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfModule, never, [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule], [typeof i1.DfAlertModule, typeof i2.DfDatePickerModule, typeof i3.DfSelectModule, typeof i4.DfProgressbarModule, typeof i5.DfProgressIndicatorModule, typeof i6.DfAdvancedInputModule, typeof i7.DfAccessibilityModule, typeof i8.DfSliderModule, typeof i9.DfPopoverModule, typeof i10.DfIconModule, typeof i11.DfTooltipModule, typeof i12.DfSideNavModule, typeof i13.DfSideNavCollapseModule, typeof i14.DfAdvancedCardModule, typeof i15.DfFooterModule, typeof i16.DfToastModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DfModule>;
-}
-export { DfTitleTruncateDirective } from './angular/utils/titleTruncate.directive';
+export { DfModule } from './angular/df.module';

package/package.json

@@ -2,7 +2,7 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "15.2.3",
+  "version": "16.0.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
@@ -10,12 +10,27 @@
     "@angular/common": "^16.0.0",
     "@angular/core": "^16.0.0",
     "@angular/localize": "^16.0.0",
+    "@angular/router": "^16.0.0",
     "@ng-bootstrap/ng-bootstrap": "~15.1.0",
-    "@ng-select/ng-select": "~11.0.0",
-    "ag-grid-angular": "~29.3.5",
-    "ag-grid-community": "~29.3.5",
+    "@ng-select/ng-select": "~11.2.0",
+    "ag-grid-angular": "~30.2.1",
+    "ag-grid-community": "~30.2.1",
     "bootstrap": "5.2.0"
   },
+  "peerDependenciesMeta": {
+    "@angular/router": {
+      "optional": true
+    },
+    "@ng-select/ng-select": {
+      "optional": true
+    },
+    "@angular/localize": {
+      "optional": true
+    },
+    "@ng-bootstrap/ng-bootstrap": {
+      "optional": true
+    }
+  },
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": true
@@ -30,6 +45,10 @@
       "esm": "./esm2022/design-factory.mjs",
       "default": "./fesm2022/design-factory.mjs"
     },
+    "./themes/initial-branding": {
+      "sass": "./design-factory-initial-branding.scss",
+      "style": "./design-factory-initial-branding.css"
+    },
     "./package.json": {
       "default": "./package.json"
     }

package/schematics/migrations/15_0_0/remove-ngx-slider/index.js

@@ -110,4 +110,3 @@ function removeNgxSliderDependencyFromPackage(pathToPkg, tree) {
     });
     tree.overwrite(pathToPkg, JSON.stringify(pkg, null, 2));
 }
-//# sourceMappingURL=index.js.map

package/schematics/migrations/16_0_0/navbar-logo-dark/index.d.ts

@@ -0,0 +1,9 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * This optional migration migrates:
+ * - any nav element containing the classes navbar-dark and bg-primary into bg-dark-primary
+ * - any div element containing the class df-amadeus-primary into df-amadeus-dark-primary
+ *
+ * @returns the Rule to migrate the classes
+ */
+export default function navbarLogoUpdate(): Rule;

package/schematics/migrations/16_0_0/navbar-logo-dark/index.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
+const project_tsconfig_paths_1 = require("../../utils/project_tsconfig_paths");
+const compiler_host_1 = require("../../utils/typescript/compiler_host");
+const template_updater_1 = require("../../utils/template-updater");
+const regexNavbar = /(<nav\s[^>]*\sclass="|<nav\sclass=")([^"]*(bg-primary)[^"]*(navbar-dark)[^"]*|[^"]*(navbar-dark)[^"]*(bg-primary)[^"]*)"/g;
+const regexLogo = /(<div\s[^>]*\sclass="|<div\sclass=")([^"]*df-amadeuslogo-primary[^"]*)"/g;
+function replaceHtmlContent(content) {
+    return content
+        .replace(regexNavbar, (_match, g1, g2) => {
+        return `${g1}${g2.replace('bg-primary', 'bg-dark-primary').replace('navbar-dark', '')}"`;
+    })
+        .replace(regexLogo, (_match, g1, g2) => `${g1}${g2.replace('df-amadeuslogo-primary', 'df-amadeuslogo-dark-primary')}"`);
+}
+/**
+ * This optional migration migrates:
+ * - any nav element containing the classes navbar-dark and bg-primary into bg-dark-primary
+ * - any div element containing the class df-amadeus-primary into df-amadeus-dark-primary
+ *
+ * @returns the Rule to migrate the classes
+ */
+function navbarLogoUpdate() {
+    return async (tree) => {
+        const { buildPaths, testPaths } = await (0, project_tsconfig_paths_1.getProjectTsConfigPaths)(tree);
+        const basePath = process.cwd();
+        const allPaths = [...buildPaths, ...testPaths];
+        if (!allPaths.length) {
+            throw new schematics_1.SchematicsException('Could not find any tsconfig file. Cannot run the `NavbarUpdate` migration.');
+        }
+        const templateUpdater = new template_updater_1.TemplateUpdater(tree, replaceHtmlContent);
+        for (const tsconfigPath of allPaths) {
+            const program = (0, compiler_host_1.createMigrationProgram)(tree, tsconfigPath, basePath);
+            const sourceFiles = program
+                .getSourceFiles()
+                .filter((sourceFile) => (0, compiler_host_1.canMigrateFile)(basePath, sourceFile, program));
+            for (const sourceFile of sourceFiles) {
+                templateUpdater.update(sourceFile, program.getTypeChecker());
+            }
+        }
+    };
+}
+exports.default = navbarLogoUpdate;

package/schematics/migrations/16_0_0/revert-to-old-brand/index.d.ts

@@ -0,0 +1,7 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * This optional migration tries to find the import of the styles and replace it with the old-brand import.
+ *
+ * @returns the Rule to revert to the old branding
+ */
+export default function revertToOldBranding(): Rule;

package/schematics/migrations/16_0_0/revert-to-old-brand/index.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const regexMainStyleImport = /\@import\s('|")\@design-factory\/design-factory\/design-factory(\.|'|")/g;
+/**
+ * Goes through the styles imports declared in the styles options of a build target, trying to update to use the old branding styles.
+ *
+ * @param buildOptions the build options of the build target of a workspace project
+ * @returns true if we found a style option to update
+ */
+function updateImportInBuildOptions(buildOptions) {
+    for (let i = 0; i < (buildOptions.styles?.length ?? 0); i++) {
+        const style = buildOptions.styles?.[i];
+        if (style) {
+            if (typeof style === 'string') {
+                if (style.includes('@design-factory/design-factory/design-factory.scss')) {
+                    buildOptions.styles[i] = style.replace('/design-factory.scss', '/design-factory-initial-branding.scss');
+                    return true;
+                }
+                if (style.includes('@design-factory/design-factory/design-factory.css')) {
+                    buildOptions.styles[i] = style.replace('/design-factory.css', '/design-factory-initial-branding.css');
+                    return true;
+                }
+            }
+            else {
+                const styleObj = style;
+                if (styleObj.input?.includes('@design-factory/design-factory/design-factory.scss')) {
+                    buildOptions.styles[i] = {
+                        ...styleObj,
+                        input: styleObj.input.replace('/design-factory.scss', '/design-factory-initial-branding.scss')
+                    };
+                    return true;
+                }
+                if (styleObj.input?.includes('@design-factory/design-factory/design-factory.css')) {
+                    buildOptions.styles[i] = {
+                        ...styleObj,
+                        input: styleObj.input.replace('/design-factory.css', '/design-factory-initial-branding.css')
+                    };
+                    return true;
+                }
+            }
+        }
+    }
+    return false;
+}
+/**
+ * Parses every main styles file and tries to update imports of the DF styles to use the old branding.
+ *
+ * @param buildOptions the build options of the build target of a workspace project
+ * @param tree the schematics tree
+ * @returns true if we found an import to update
+ */
+function updateImportInMainStyles(buildOptions, tree) {
+    for (const style of buildOptions.styles ?? []) {
+        if (style) {
+            let path = '';
+            if (typeof style === 'string') {
+                if (tree.exists(style)) {
+                    path = style;
+                }
+                else {
+                    continue;
+                }
+            }
+            else {
+                const styleObj = style;
+                if (styleObj.input && tree.exists(styleObj.input)) {
+                    path = styleObj.input;
+                }
+                else {
+                    continue;
+                }
+            }
+            const content = tree.readText(path);
+            const index = content.search(regexMainStyleImport);
+            if (index >= 0) {
+                const recorder = tree.beginUpdate(path);
+                recorder.insertRight(index + 54, '-initial-branding');
+                tree.commitUpdate(recorder);
+                return true;
+            }
+        }
+    }
+    return false;
+}
+/**
+ * This optional migration tries to find the import of the styles and replace it with the old-brand import.
+ *
+ * @returns the Rule to revert to the old branding
+ */
+function revertToOldBranding() {
+    return async (tree, context) => {
+        return (0, workspace_1.updateWorkspace)((workspace) => {
+            workspace.projects.forEach((project, projectName) => {
+                if (project.extensions['projectType'] === 'application') {
+                    const buildTarget = project.targets.get('build');
+                    if (buildTarget) {
+                        const buildOptions = (buildTarget.options || {});
+                        const couldReplaceImport = updateImportInBuildOptions(buildOptions) || updateImportInMainStyles(buildOptions, tree);
+                        if (!couldReplaceImport) {
+                            context.logger.warn(`Could not replace styles import in project ${projectName}.`);
+                        }
+                    }
+                    else {
+                        context.logger.info(`Skipping project ${projectName} as it does not include a build target.`);
+                    }
+                }
+                else {
+                    context.logger.info(`Skipping project ${projectName} as not application.`);
+                }
+            });
+        });
+    };
+}
+exports.default = revertToOldBranding;

package/schematics/migrations/16_0_0/scss-var/files/removed.json

@@ -0,0 +1,55 @@
+[
+  "df-alert-collapse-size-lg-icon-margin",
+  "df-alert-collapse-size-sm-icon-margin",
+  "df-alert-size-lg-padding-bottom",
+  "df-alert-size-lg-padding-left",
+  "df-alert-size-lg-padding-right",
+  "df-alert-size-lg-padding-top",
+  "df-alert-size-sm-padding-bottom",
+  "df-alert-size-sm-padding-left",
+  "df-alert-size-sm-padding-right",
+  "df-alert-size-sm-padding-top",
+  "df-badge-close-font-size",
+  "df-breadcrumb-item-padding",
+  "df-card-alert-border-highlight-color-alpha",
+  "df-danger-background",
+  "df-danger-border-color",
+  "df-info-background",
+  "df-info-border-color",
+  "df-link-color",
+  "df-link-hover-color",
+  "df-listgroup-border-color",
+  "df-listgroup-disabled-bg-color",
+  "df-listgroup-disabled-color",
+  "df-listgroup-disabled-opacity",
+  "df-listgroup-item-action-color",
+  "df-listgroup-item-action-margin-top",
+  "df-listgroup-item-active-color",
+  "df-listgroup-item-hover-color",
+  "df-modal-alert-header-button-close-margin-top",
+  "df-modal-header-icon-font-color",
+  "df-navbar-background-hover-color",
+  "df-navbarbrand-border-bottom-hover",
+  "df-select-input-invalid-feedback-focus-box-shadow",
+  "df-select-input-valid-feedback-focus-box-shadow",
+  "df-select-input-warning-feedback-focus-box-shadow",
+  "df-sidenav-item-box-shadow-zindex",
+  "df-sidenav-item-focus-box-shadow-start",
+  "df-stepper-icon-only-border-radius",
+  "df-stepper-icon-only-font-size",
+  "df-stepper-icon-only-font-size-lg",
+  "df-stepper-icon-only-font-size-sm",
+  "df-stepper-line-zindex",
+  "df-stepper-number-font-size",
+  "df-success-background",
+  "df-success-border-color",
+  "df-tabs-color",
+  "df-tabs-disabled-cursor",
+  "df-text-color",
+  "df-toast-btn-close-hover-color",
+  "df-toast-btn-link-hover-color",
+  "df-tooltip-font-size-default",
+  "df-tooltip-size-default",
+  "df-warning-background",
+  "df-warning-border-color"
+]