@design-factory/design-factory 20.0.1 → 21.0.0-next.0

package/package.json

@@ -2,81 +2,54 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "20.0.1",
+  "version": "21.0.0-next.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@agnos-ui/angular-bootstrap": "~0.9.0",
-    "@agnos-ui/core-bootstrap": "~0.9.0",
-    "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0",
-    "@angular/localize": "^20.0.0",
-    "@angular/router": "^20.0.0",
-    "@ng-bootstrap/ng-bootstrap": "~19.0.0",
-    "@ng-select/ng-select": "^15.0.0 || ^20.0.0",
-    "ag-grid-angular": "^32.0.0",
-    "ag-grid-community": "^32.0.0",
-    "bootstrap": "5.3.7",
-    "colorjs.io": "^0.5.2",
-    "style-dictionary": "^5.0.0"
+    "@agnos-ui/angular-bootstrap": "~0.10.0-next.4",
+    "@agnos-ui/angular-headless": "~0.10.0-next.4",
+    "@angular/common": "^21.0.0",
+    "@angular/core": "^21.0.0",
+    "@angular/localize": "^21.0.0",
+    "@angular/router": "^21.0.0",
+    "@angular-devkit/core": "^21.0.0",
+    "@ng-bootstrap/ng-bootstrap": "~20.0.0",
+    "@ng-select/ng-select": "^21.0.0",
+    "ag-grid-angular": "^35.0.0",
+    "@design-factory/styles": "21.0.0-next.0"
   },
   "peerDependenciesMeta": {
     "@angular/router": {
       "optional": true
     },
-    "@angular/localize": {
-      "optional": true
-    },
     "ag-grid-angular": {
       "optional": true
     },
     "@agnos-ui/angular-bootstrap": {
       "optional": true
-    },
-    "colorjs.io": {
-      "optional": true
-    },
-    "style-dictionary": {
-      "optional": true
     }
   },
   "schematics": "./schematics/collection.json",
   "ng-add": {
     "save": true
   },
-  "exports": {
-    "./assets/*": "./assets/*",
-    "./styles/scss/*": {
-      "sass": "./styles/scss/*.scss"
-    },
-    "./design-factory.scss": "./design-factory.scss",
-    "./design-factory.css": "./design-factory.css",
-    "./design-factory-initial-branding.scss": "./design-factory-initial-branding.scss",
-    "./design-factory-initial-branding.css": "./design-factory-initial-branding.css",
-    "./themes/initial-branding": {
-      "sass": "./design-factory-initial-branding.scss",
-      "style": "./design-factory-initial-branding.css"
+  "ng-update": {
+    "requirements": {
+      "@design-factory/design-factory": ">= 14"
     },
+    "migrations": "./schematics/migrations/migration.json"
+  },
+  "module": "fesm2022/design-factory.mjs",
+  "typings": "types/design-factory.d.ts",
+  "exports": {
     "./package.json": {
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/design-factory.d.ts",
       "default": "./fesm2022/design-factory.mjs"
-    },
-    "./tokens/style-dictionary": {
-      "types": "./tokens/style-dictionary/index.d.ts",
-      "default": "./fesm2022/design-factory-design-factory-tokens-style-dictionary.mjs"
     }
   },
-  "ng-update": {
-    "requirements": {
-      "@design-factory/design-factory": ">= 14"
-    },
-    "migrations": "./schematics/migrations/migration.json"
-  },
-  "module": "fesm2022/design-factory.mjs",
-  "typings": "index.d.ts",
   "sideEffects": false
 }

package/schematics/migrations/21_0_0/style-import-package/index.d.ts

@@ -0,0 +1,7 @@
+import { type Rule } from '@angular-devkit/schematics';
+/**
+ * This migration updates the global styles to import the correct package of design factory styles.
+ *
+ * @returns the Rule to migrate the style import
+ */
+export default function styleImportPackage(): Rule;

package/schematics/migrations/21_0_0/style-import-package/index.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = styleImportPackage;
+const workspace_1 = require("@schematics/angular/utility/workspace");
+const importRegex = /@import\s+(['"])(@design-factory\/design-factory\/[^'"]+)\1;/g;
+const replaceImport = (match, _quote, importPath) => {
+    const modifiedImport = transformImport(importPath);
+    if (modifiedImport) {
+        return `@import "${modifiedImport}";`;
+    }
+    return match;
+};
+const cssBundleRegex = /^@design-factory\/design-factory\/design-factory\.css$/;
+const scssBundleRegex = /^@design-factory\/design-factory\/design-factory(\.scss)?$/;
+const scssUtilitiesRegex = /^@design-factory\/design-factory\/design-factory-utilities(\.scss)?$/;
+const scssNamespaceRegex = /^@design-factory\/design-factory\/styles\/scss\/df-styles-namespace(\.scss)?$/;
+const scssFolderRegex = /^@design-factory\/design-factory\/styles\/scss\/(.*)$/;
+const transformImport = (importPath, forceExtension = false) => {
+    if (cssBundleRegex.test(importPath)) {
+        return `@design-factory/styles/bundle${forceExtension ? '.css' : ''}`;
+    }
+    if (scssBundleRegex.test(importPath)) {
+        return `@design-factory/styles/scss/bundle${forceExtension ? '.scss' : ''}`;
+    }
+    if (scssUtilitiesRegex.test(importPath)) {
+        return `@design-factory/styles/scss/utilities${forceExtension ? '.scss' : ''}`;
+    }
+    if (scssNamespaceRegex.test(importPath)) {
+        return `@design-factory/styles/scss/namespace${forceExtension ? '.scss' : ''}`;
+    }
+    const match = scssFolderRegex.exec(importPath);
+    if (match && match[1]) {
+        return `@design-factory/styles/scss/${match[1]}`;
+    }
+    return null;
+};
+/**
+ * This migration updates the global styles to import the correct package of design factory styles.
+ *
+ * @returns the Rule to migrate the style import
+ */
+function styleImportPackage() {
+    return (tree, _context) => {
+        tree.visit((_, entry) => {
+            const path = entry?.path;
+            if (path && (path.endsWith('.scss') || path.endsWith('.css'))) {
+                const styleText = entry.content.toString();
+                const modifiedText = styleText.replace(importRegex, replaceImport);
+                if (modifiedText !== styleText) {
+                    tree.overwrite(path, modifiedText);
+                }
+            }
+        });
+        return (0, workspace_1.updateWorkspace)((workspace) => {
+            for (const project of workspace.projects.values()) {
+                for (const target of project.targets.values()) {
+                    if (Array.isArray(target.options?.['styles'])) {
+                        target.options['styles'] = target.options['styles'].map((style) => typeof style === 'string' ? (transformImport(style, true) ?? style) : style);
+                    }
+                }
+            }
+        });
+    };
+}

package/schematics/migrations/migration.json

@@ -75,6 +75,11 @@
       "description": "DfModalService has been removed and replaced with NgbModal.",
       "version": "20.0.0",
       "factory": "./20_0_0/modal-removal"
+    },
+    "style-import-package": {
+      "description": "The package from which Design Factory styles are imported has changed.",
+      "version": "21.0.0",
+      "factory": "./21_0_0/style-import-package"
     }
   }
 }

package/schematics/ng-add/index.js

@@ -31,7 +31,7 @@ function install() {
 }
 // Add DF styles to the main styles file. If no styles.scss found, add DF styles to the workspace.
 function addDFStyles(options) {
-    return async (tree) => {
+    return async (tree, context) => {
         const workspace = await (0, workspace_1.getWorkspace)(tree);
         const project = workspace.projects.get(options.project);
         if (!project) {
@@ -40,35 +40,21 @@ function addDFStyles(options) {
         if (project.extensions['projectType'] !== 'application') {
             throw new schematics_1.SchematicsException(`Requires a project type of "application".`);
         }
-        let addStyleToWorkspace = false;
-        const stylePath = `${project.sourceRoot ?? ''}/styles.scss`;
+        const scssStylePath = `${project.sourceRoot ?? ''}/styles.scss`;
+        const cssStylePath = `${project.sourceRoot ?? ''}/styles.css`;
+        const foundScss = tree.exists(scssStylePath);
+        const foundCss = !foundScss && tree.exists(cssStylePath);
         // if the main `styles.scss` is found, append the df styles imports at the end
-        if (tree.exists(stylePath)) {
-            const recorder = tree.beginUpdate(stylePath);
-            recorder.insertRight(tree.readText(stylePath).length, `
-// If you are using webpack configuration - comment the following line to avoid preprocessor stylesheet errors
-$font-path: '@design-factory/design-factory/assets/fonts';
-
-@import '@design-factory/design-factory/design-factory.scss';
+        if (foundScss || foundCss) {
+            const recorder = tree.beginUpdate(foundScss ? scssStylePath : cssStylePath);
+            recorder.insertRight(tree.readText(foundScss ? scssStylePath : cssStylePath).length, `
+${foundCss ? '@import' : '@use'} '@design-factory/styles/bundle';
 `);
             tree.commitUpdate(recorder);
         }
         else {
-            addStyleToWorkspace = true;
+            context.logger.warn(`Could not find styles.scss or styles.css in the project source root. Please make sure to import Design Factory styles manually.`);
         }
-        return (0, workspace_1.updateWorkspace)((workspace) => {
-            const buildTarget = workspace.projects.get(options.project).targets.get('build');
-            if (!buildTarget) {
-                throw new schematics_1.SchematicsException(`Requires a "build" target`);
-            }
-            const buildOptions = (buildTarget.options || {});
-            // if the main `styles.scss` was not found, add the DF styles to the workspace
-            if (addStyleToWorkspace) {
-                buildOptions.styles = [...(buildOptions.styles ?? []), '@design-factory/design-factory/design-factory.scss'];
-            }
-            // update the style preprocessor options
-            buildOptions.stylePreprocessorOptions = { includePaths: ['./src', 'node_modules'] };
-        });
     };
 }
 function ngAdd(options) {

package/{index.d.ts → types/design-factory.d.ts}

@@ -1,13 +1,21 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, Renderer2, OnInit, OnDestroy, AfterViewChecked, DoCheck, ComponentRef, EmbeddedViewRef, TemplateRef, Type, OnChanges, EventEmitter, ChangeDetectorRef, NgZone, SimpleChanges, AfterContentInit, InjectionToken } from '@angular/core';
-import * as i2 from '@ng-bootstrap/ng-bootstrap';
-import { NgbDate, NgbDropdown, NgbDatepicker, NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap';
+import { AfterViewInit, ElementRef, Renderer2, OnInit, OnDestroy, AfterViewChecked, ComponentRef, EmbeddedViewRef, TemplateRef, Type, OnChanges, EventEmitter, ChangeDetectorRef, NgZone, SimpleChanges, AfterContentInit, DoCheck, InjectionToken } from '@angular/core';
+import * as i2 from '@ng-bootstrap/ng-bootstrap/toast';
+import * as i2$1 from '@ng-bootstrap/ng-bootstrap/alert';
+import * as i1 from '@ng-bootstrap/ng-bootstrap/dropdown';
+import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap/dropdown';
+import * as i3 from '@ng-bootstrap/ng-bootstrap/datepicker';
+import { NgbDatepickerKeyboardService, NgbDatepicker, NgbDate } from '@ng-bootstrap/ng-bootstrap/datepicker';
+import * as i2$2 from '@ng-bootstrap/ng-bootstrap/accordion';
+import * as i1$1 from '@ng-bootstrap/ng-bootstrap/popover';
+import { NgbPopoverConfig } from '@ng-bootstrap/ng-bootstrap/popover';
 import { Observable } from 'rxjs';
+import * as i2$3 from '@ng-bootstrap/ng-bootstrap/progressbar';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i4 from '@ng-select/ng-select';
+import * as i2$4 from '@ng-bootstrap/ng-bootstrap/tooltip';
 
 declare class SkipLinkDirective {
-    readonly inFocus: i0.WritableSignal<boolean>;
     private readonly element;
     private readonly document;
     focusOnTarget(): void;
@@ -16,10 +24,8 @@ declare class SkipLinkDirective {
 }
 
 declare class SkipLinksContainerComponent {
-    private readonly links;
-    readonly inFocus: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinksContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkipLinksContainerComponent, "df-skip-links-container", never, {}, {}, ["links"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkipLinksContainerComponent, "df-skip-links-container", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare class DfAccessibilityModule {
@@ -53,7 +59,7 @@ declare class DfToastModule {
 
 declare class DfAlertModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfAlertModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfAlertModule, never, [typeof DfInsertIconModule], [typeof i2.NgbAlertModule, typeof DfInsertIconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfAlertModule, never, [typeof DfInsertIconModule], [typeof i2$1.NgbAlertModule, typeof DfInsertIconModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfAlertModule>;
 }
 
@@ -88,48 +94,26 @@ declare class DfDatepickerRangeDirective implements OnInit, OnDestroy, AfterView
 
 declare class DfTriggerClickDirective {
     private readonly elementRef;
-    triggerClick(event: KeyboardEvent | MouseEvent): void;
+    triggerClick(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfTriggerClickDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DfTriggerClickDirective, "[dfTriggerClick]", never, {}, {}, never, never, true, never>;
 }
 
-type DfDirection = 'append' | 'prepend';
-/**
- * dfInputIcon directive
- * @deprecated `DfInputIconDirective` is deprecated and will be removed in DF 21, in favor of pure css.
- * To migrate and keep the same behavior, simply add the class `df-input-withicon` to the input element this directive was used on and remove the directive.
- */
-declare class DfInputIconDirective implements OnInit, DoCheck, OnDestroy {
-    readonly dfInputIcon: i0.InputSignal<DfDirection[]>;
-    private button;
-    private removeListener?;
-    private isDisabled;
-    private readonly siblingsNode;
-    private readonly renderer;
-    private readonly el;
-    ngDoCheck(): void;
-    ngOnInit(): void;
-    /**
-     * onBlur catch blur event to set the focused to false
-     */
-    onBlur(): void;
-    onFocus(): void;
-    onTab(e: KeyboardEvent): void;
-    ngOnDestroy(): void;
-    private initButtonHandler;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DfInputIconDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfInputIconDirective, "[dfInputIcon]", ["dfInputIcon"], { "dfInputIcon": { "alias": "dfInputIcon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class DfAdvancedInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfAdvancedInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfAdvancedInputModule, never, [typeof DfTriggerClickDirective, typeof DfInputIconDirective], [typeof DfTriggerClickDirective, typeof DfInputIconDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfAdvancedInputModule, never, [typeof DfTriggerClickDirective], [typeof DfTriggerClickDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfAdvancedInputModule>;
 }
 
+declare class DfDatepickerKeyboardService extends NgbDatepickerKeyboardService {
+    processKey(event: KeyboardEvent, dp: NgbDatepicker): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfDatepickerKeyboardService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DfDatepickerKeyboardService>;
+}
+
 declare class DfDatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfDatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfDatePickerModule, never, [typeof i2.NgbDropdownModule, typeof DfDatepickerRangeDirective], [typeof i2.NgbDatepickerModule, typeof DfAdvancedInputModule, typeof DfDatepickerRangeDirective, typeof i2.NgbDropdownModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfDatePickerModule, never, [typeof i1.NgbDropdownModule, typeof DfDatepickerRangeDirective], [typeof i3.NgbDatepickerModule, typeof DfAdvancedInputModule, typeof DfDatepickerRangeDirective, typeof i1.NgbDropdownModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfDatePickerModule>;
 }
 
@@ -195,24 +179,13 @@ declare class DfMediaModule {
 
 declare class DfFooterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfFooterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfFooterModule, never, [typeof DfMediaModule, typeof i2.NgbAccordionModule], [typeof DfMediaModule, typeof i2.NgbAccordionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfFooterModule, never, [typeof DfMediaModule, typeof i2$2.NgbAccordionModule], [typeof DfMediaModule, typeof i2$2.NgbAccordionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfFooterModule>;
 }
 
-declare class DfAmadeusIconComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DfAmadeusIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfAmadeusIconComponent, "df-amadeus-icon", never, {}, {}, never, never, true, never>;
-}
-
-declare class DfIconModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DfIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfIconModule, never, [typeof DfAmadeusIconComponent], [typeof DfAmadeusIconComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DfIconModule>;
-}
-
 declare class DfPopoverModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfPopoverModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfPopoverModule, never, never, [typeof i2.NgbPopoverModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfPopoverModule, never, never, [typeof i1$1.NgbPopoverModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfPopoverModule>;
 }
 
@@ -283,7 +256,7 @@ declare class DfProgressbarComponent implements OnInit, OnDestroy {
 
 declare class DfProgressbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfProgressbarModule, never, [typeof DfProgressbarComponent], [typeof DfProgressbarComponent, typeof i2.NgbProgressbarModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfProgressbarModule, never, [typeof DfProgressbarComponent], [typeof DfProgressbarComponent, typeof i2$3.NgbProgressbarModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfProgressbarModule>;
 }
 
@@ -362,7 +335,7 @@ declare class DfProgressIndicatorContainerComponent {
     private readonly DEFAULT_CLASS_POSITION;
     readonly containerClass: i0.InputSignal<string | undefined>;
     readonly position: i0.InputSignal<DfProgressIndicatorContentPosition | undefined>;
-    readonly positionClass: i0.Signal<"df-progressindicator-centered" | "df-progressindicator-top" | "df-progressindicator-bottom">;
+    readonly positionClass: i0.Signal<"align-items-center justify-content-center" | "align-items-start justify-content-center" | "align-items-end justify-content-center">;
     readonly classes: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressIndicatorContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressIndicatorContainerComponent, "df-progressindicator-container", never, { "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -1416,10 +1389,10 @@ declare class DfStepperDirective implements OnInit, AfterViewChecked {
     handleSpaceDown(): void;
     private handleGoPrevious;
     private handleGoNext;
-    handleKeyDownRight(event: KeyboardEvent): void;
-    handleKeyDown(event: KeyboardEvent): void;
-    handleKeyDownUp(event: KeyboardEvent): void;
-    handleKeyDownDown(event: KeyboardEvent): void;
+    handleKeyDownRight(event: Event): void;
+    handleKeyDown(event: Event): void;
+    handleKeyDownUp(event: Event): void;
+    handleKeyDownDown(event: Event): void;
     getSteps(): HTMLButtonElement[];
     private handleSelect;
     private arrowRightInnerHandler;
@@ -1450,6 +1423,7 @@ declare class DfStepperComponent implements AfterContentInit {
     mapStepToContent: Map<number, TemplateRef<any>>;
     readonly tplStepsContent: i0.Signal<readonly DfStepperStepContentDirective[]>;
     readonly state: i0.WritableSignal<DfStepperNormalizedState | undefined>;
+    readonly stepperLabelClasses = "d-block fw-medium text-truncate";
     constructor();
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfStepperComponent, never>;
@@ -1482,7 +1456,7 @@ declare class DfTooltipTruncateDirective implements OnInit, DoCheck {
 
 declare class DfTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfTooltipModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfTooltipModule, never, [typeof DfTooltipTruncateDirective], [typeof DfTooltipTruncateDirective, typeof i2.NgbTooltipModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfTooltipModule, never, [typeof DfTooltipTruncateDirective], [typeof DfTooltipTruncateDirective, typeof i2$4.NgbTooltipModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfTooltipModule>;
 }
 
@@ -1690,7 +1664,7 @@ declare class DfAdvancedCardModule {
  */
 declare class DfModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfModule, never, [typeof DfAlertModule, typeof DfDatePickerModule, typeof DfSelectModule, typeof DfProgressbarModule, typeof DfProgressIndicatorModule, typeof DfAdvancedInputModule, typeof DfAccessibilityModule, typeof DfSliderModule, typeof DfPopoverModule, typeof DfIconModule, typeof DfTooltipModule, typeof DfSideNavModule, typeof DfSideNavCollapseModule, typeof DfAdvancedCardModule, typeof DfFooterModule, typeof DfToastModule, typeof DfStepperModule], [typeof DfAlertModule, typeof DfDatePickerModule, typeof DfSelectModule, typeof DfProgressbarModule, typeof DfProgressIndicatorModule, typeof DfAdvancedInputModule, typeof DfAccessibilityModule, typeof DfSliderModule, typeof DfPopoverModule, typeof DfIconModule, typeof DfTooltipModule, typeof DfSideNavModule, typeof DfSideNavCollapseModule, typeof DfAdvancedCardModule, typeof DfFooterModule, typeof DfToastModule, typeof DfStepperModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfModule, never, [typeof DfAlertModule, typeof DfDatePickerModule, typeof DfSelectModule, typeof DfProgressbarModule, typeof DfProgressIndicatorModule, typeof DfAdvancedInputModule, typeof DfAccessibilityModule, typeof DfSliderModule, typeof DfPopoverModule, typeof DfTooltipModule, typeof DfSideNavModule, typeof DfSideNavCollapseModule, typeof DfAdvancedCardModule, typeof DfFooterModule, typeof DfToastModule, typeof DfStepperModule], [typeof DfAlertModule, typeof DfDatePickerModule, typeof DfSelectModule, typeof DfProgressbarModule, typeof DfProgressIndicatorModule, typeof DfAdvancedInputModule, typeof DfAccessibilityModule, typeof DfSliderModule, typeof DfPopoverModule, typeof DfTooltipModule, typeof DfSideNavModule, typeof DfSideNavCollapseModule, typeof DfAdvancedCardModule, typeof DfFooterModule, typeof DfToastModule, typeof DfStepperModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfModule>;
 }
 
@@ -1698,6 +1672,8 @@ declare class DfModule {
  * DfTitleTruncate directive
  * It adds the title attribute with the element's textContent as value
  * when the element is truncated.
+ *
+ * @deprecated Use the bootstrap class text-truncate or CSS property text-overflow: ellipsis instead
  */
 declare class DfTitleTruncateDirective implements OnInit, DoCheck {
     private readonly elementRef;
@@ -1720,15 +1696,9 @@ declare class DfWavesOfProgressDirective {
      * 'dark-sky', 'vivid-crimson', 'light-forest', ['#000835', '#3A8BFF']
      */
     readonly color: i0.InputSignal<"dark-sky" | "dark-crimson" | "dark-pumpkin" | "dark-forest" | "dark-canary" | "dark-fuchsia" | "dark-violet" | "vivid-sky" | "vivid-crimson" | "vivid-pumpkin" | "vivid-forest" | "vivid-canary" | "vivid-fuchsia" | "vivid-violet" | "light-sky" | "light-crimson" | "light-pumpkin" | "light-forest" | "light-canary" | "light-fuchsia" | "light-violet" | [string, string]>;
-    readonly backgroundImage: i0.Signal<string>;
-    /**
-     * Prepares the SVG string by replacing color variables and encoding it.
-     * @param svgAsString - The SVG string to prepare.
-     * @param bgColor - The background color.
-     * @param lineColor - The line color.
-     * @returns The prepared SVG string.
-     */
-    private prepareSvg;
+    readonly maskImage: i0.Signal<string>;
+    readonly bgColor: i0.Signal<string>;
+    readonly lineColor: i0.Signal<string>;
     private getWavesAsString;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfWavesOfProgressDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DfWavesOfProgressDirective, "[dfWavesOfProgress]", ["dfWavesOfProgress"], { "dfWavesOfProgress": { "alias": "dfWavesOfProgress"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1749,5 +1719,11 @@ declare class DfAmadeusLogoComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<DfAmadeusLogoComponent, "df-amadeus-logo", never, { "svgClass": { "alias": "svgClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { BREAKPOINTS_VARS, ChangeContext, DF_BREAKPOINTS_VAR_DEFAULT, DfAccessibilityModule, DfAdvancedCardModule, DfAdvancedInputModule, DfAlertModule, DfAmadeusIconComponent, DfAmadeusLogoComponent, DfBreakpoints, DfDatePickerModule, DfDatepickerRangeDirective, DfDatepickerRangeService, DfDefaultSpinnerComponent, DfDirectionDetectionService, DfFooterModule, DfIconModule, DfIfMediaDirective, DfInputIconDirective, DfInsertIconDirective, DfInsertIconModule, DfManageBadgeEventsDirective, DfManageCardSelectionDirective, DfManageNavSelectDirective, DfManageSideNavDirective, DfMedia, DfMediaModule, DfMediaObserver, DfMediaQuery, DfModule, DfNavItemType, DfOptionHighlightDirective, DfPopoverConfig, DfPopoverModule, DfProgressIndicatorBackdropComponent, DfProgressIndicatorContainerComponent, DfProgressIndicatorContentPosition, DfProgressIndicatorContentProgressBar, DfProgressIndicatorContentSpinner, DfProgressIndicatorContentType, DfProgressIndicatorDirective, DfProgressIndicatorModule, DfProgressIndicatorRef, DfProgressIndicatorService, DfProgressbarComponent, DfProgressbarModule, DfSelectModule, DfSideNavCollapseDirective, DfSideNavCollapseModule, DfSideNavCollapseService, DfSideNavComponent, DfSideNavConfig, DfSideNavHeaderDirective, DfSideNavIconDirective, DfSideNavItemDirective, DfSideNavModule, DfSideNavService, DfSliderDirectionDirective, DfSliderModule, DfStepperComponent, DfStepperDirective, DfStepperModule, DfStepperService, DfStepperStepContentDirective, DfStepperStepDirective, DfTitleTruncateDirective, DfToastModule, DfTooltipModule, DfTooltipTruncateDirective, DfTriggerClickDirective, DfWavesOfProgressDirective, DfWavesOfProgressModule, LabelType, Options, PointerType, RightToLeftDirectionEnum, SkipLinkDirective, SkipLinksContainerComponent, SliderComponent };
-export type { CombineLabelsFunction, CustomStepDefinition, DfDirection, DfProgressIndicatorContent, DfProgressIndicatorOptions, DfSideNavItem, DfStepType, DfStepperNormalizedState, DfStepperNormalizedStep, DfStepperState, DfStepperStep, GetLegendFunction, GetStepLegendFunction, PositionToValueFunction, TranslateFunction, ValueToPositionFunction };
+/**
+ * Provides AG Grid configuration with all community modules and legacy theme support
+ * @returns Environment providers for AG Grid setup
+ */
+declare const provideAgGrid: () => i0.EnvironmentProviders;
+
+export { BREAKPOINTS_VARS, ChangeContext, DF_BREAKPOINTS_VAR_DEFAULT, DfAccessibilityModule, DfAdvancedCardModule, DfAdvancedInputModule, DfAlertModule, DfAmadeusLogoComponent, DfBreakpoints, DfDatePickerModule, DfDatepickerKeyboardService, DfDatepickerRangeDirective, DfDatepickerRangeService, DfDefaultSpinnerComponent, DfDirectionDetectionService, DfFooterModule, DfIfMediaDirective, DfInsertIconDirective, DfInsertIconModule, DfManageBadgeEventsDirective, DfManageCardSelectionDirective, DfManageNavSelectDirective, DfManageSideNavDirective, DfMedia, DfMediaModule, DfMediaObserver, DfMediaQuery, DfModule, DfNavItemType, DfOptionHighlightDirective, DfPopoverConfig, DfPopoverModule, DfProgressIndicatorBackdropComponent, DfProgressIndicatorContainerComponent, DfProgressIndicatorContentPosition, DfProgressIndicatorContentProgressBar, DfProgressIndicatorContentSpinner, DfProgressIndicatorContentType, DfProgressIndicatorDirective, DfProgressIndicatorModule, DfProgressIndicatorRef, DfProgressIndicatorService, DfProgressbarComponent, DfProgressbarModule, DfSelectModule, DfSideNavCollapseDirective, DfSideNavCollapseModule, DfSideNavCollapseService, DfSideNavComponent, DfSideNavConfig, DfSideNavHeaderDirective, DfSideNavIconDirective, DfSideNavItemDirective, DfSideNavModule, DfSideNavService, DfSliderDirectionDirective, DfSliderModule, DfStepperComponent, DfStepperDirective, DfStepperModule, DfStepperService, DfStepperStepContentDirective, DfStepperStepDirective, DfTitleTruncateDirective, DfToastModule, DfTooltipModule, DfTooltipTruncateDirective, DfTriggerClickDirective, DfWavesOfProgressDirective, DfWavesOfProgressModule, LabelType, Options, PointerType, RightToLeftDirectionEnum, SkipLinkDirective, SkipLinksContainerComponent, SliderComponent, provideAgGrid };
+export type { CombineLabelsFunction, CustomStepDefinition, DfProgressIndicatorContent, DfProgressIndicatorOptions, DfSideNavItem, DfStepType, DfStepperNormalizedState, DfStepperNormalizedStep, DfStepperState, DfStepperStep, GetLegendFunction, GetStepLegendFunction, PositionToValueFunction, TranslateFunction, ValueToPositionFunction };