@design-factory/design-factory 17.1.0 → 18.0.0

package/lib/angular/slider/direction/sliderdirection.directive.d.ts

@@ -1,6 +1,9 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { DfDirectionDetectionService } from '../../right-to-left/directionDetection.service';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated DfSliderDirectionDirective is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class DfSliderDirectionDirective implements OnInit {
     private readonly elementRef;
     private readonly rtlDirectionService;

package/lib/angular/slider/lib/slider-element.directive.d.ts

@@ -1,5 +1,8 @@
 import { ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated SliderElementDirective is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class SliderElementDirective {
     protected elemRef: ElementRef;
     protected renderer: Renderer2;

package/lib/angular/slider/lib/slider-handle.directive.d.ts

@@ -1,6 +1,9 @@
 import { ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
 import { SliderElementDirective } from './slider-element.directive';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated SliderHandleDirective is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class SliderHandleDirective extends SliderElementDirective {
     active: boolean;
     role: string;
@@ -12,8 +15,8 @@ export declare class SliderHandleDirective extends SliderElementDirective {
     ariaValueText: string;
     ariaValueMin: string;
     ariaValueMax: string;
-    focus(): void;
     constructor(elemRef: ElementRef, renderer: Renderer2, changeDetectionRef: ChangeDetectorRef);
+    focus(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SliderHandleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SliderHandleDirective, "[ngxSliderHandle]", never, {}, {}, never, never, true, never>;
 }

package/lib/angular/slider/lib/slider-label.directive.d.ts

@@ -1,6 +1,9 @@
 import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';
 import { SliderElementDirective } from './slider-element.directive';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated SliderLabelDirective is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class SliderLabelDirective extends SliderElementDirective {
     private _value?;
     get value(): string;

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

@@ -13,6 +13,9 @@ export declare class Tick {
     valueTooltipPlacement?: string;
     legend?: string;
 }
+/**
+ * @deprecated SliderComponent is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class SliderComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy, ControlValueAccessor {
     private renderer;
     private elementRef;

package/lib/angular/slider/lib/tooltip-wrapper.component.d.ts

@@ -1,5 +1,8 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated TooltipWrapperComponent is deprecated. Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class TooltipWrapperComponent {
     template?: TemplateRef<any>;
     tooltip?: string;

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

@@ -5,6 +5,10 @@ import * as i3 from "./lib/slider-handle.directive";
 import * as i4 from "./lib/slider-label.directive";
 import * as i5 from "./lib/tooltip-wrapper.component";
 import * as i6 from "./direction/sliderdirection.directive";
+/**
+ * @deprecated DfSliderModule is deprecated.
+ * Use {@link https://design-factory-int.app.net6.paas.westeurope.rnd.az.amadeus.net/#/components/slider/agnosui  AgnosUI Slider} instead.
+ */
 export declare class DfSliderModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfSliderModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<DfSliderModule, never, [typeof i1.SliderComponent, typeof i2.SliderElementDirective, typeof i3.SliderHandleDirective, typeof i4.SliderLabelDirective, typeof i5.TooltipWrapperComponent, typeof i6.DfSliderDirectionDirective], [typeof i6.DfSliderDirectionDirective, typeof i1.SliderComponent]>;

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

@@ -3,12 +3,13 @@ import * as i0 from "@angular/core";
 export interface DfStepperStep {
     warning: boolean;
     completed: boolean;
+    visited?: boolean;
     label: string;
     ariaControl: string;
     warningLabel?: string;
     optionalLabel?: string;
 }
-export type DfStepType = 'warning' | 'current' | 'completed' | 'future';
+export type DfStepType = 'warning' | 'completed' | 'future' | 'visited';
 export interface DfStepperNormalizedStep extends DfStepperStep {
     type: DfStepType;
 }

package/lib/angular/waves-of-progress/waves.directive.d.ts

@@ -0,0 +1,35 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DfWavesOfProgressDirective {
+    /**
+     * The type of waves to display. In order to display the waves, the app using the directive must include the assets of Design Factory.
+     * It is possible to do so by adding the following snippet to the `angular.json` file in the `assets` configuration:
+     * @example
+     * "assets": [
+     *  {
+     *    "glob": "** / *", //remove the spaces between the asterisks and the slash
+     *    "input": "node-modules/@design-factory/design-factory/assets/",
+     *    "output": "assets/"
+     *  },
+     *  ...]
+     */
+    set wavesType(value: 'circleDiagonal' | 'circleUp' | 'arrowRight' | 'arrowUp');
+    private readonly http;
+    waveClass: string;
+    elementRef: ElementRef<any>;
+    private baseSvg;
+    /**
+     * Prepares the SVG string by replacing color variables and encoding it.
+     * @param bgColor - The background color.
+     * @param lineColor - The line color.
+     * @returns The prepared SVG string.
+     */
+    prepareSvg(bgColor: string, lineColor: string): string;
+    /**
+     * Updates the SVG background image based on the current element's styles.
+     */
+    updateSvg(): void;
+    private getSvg;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfWavesOfProgressDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfWavesOfProgressDirective, "[dfWavesOfProgress]", ["dfWavesOfProgress"], { "wavesType": { "alias": "dfWavesOfProgress"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/angular/waves-of-progress/waves.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./waves.directive";
+export declare class DfWavesOfProgressModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfWavesOfProgressModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfWavesOfProgressModule, never, [typeof i1.DfWavesOfProgressDirective], [typeof i1.DfWavesOfProgressDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DfWavesOfProgressModule>;
+}

package/lib/index.d.ts

@@ -67,3 +67,5 @@ export { DfManageCardSelectionDirective } from './angular/card/manage-card-selec
 export { DfAdvancedCardModule } from './angular/card/card-advanced.module';
 export { DfModule } from './angular/df.module';
 export { DfTitleTruncateDirective } from './angular/utils/titleTruncate.directive';
+export { DfWavesOfProgressModule } from './angular/waves-of-progress/waves.module';
+export { DfWavesOfProgressDirective } from './angular/waves-of-progress/waves.directive';

package/package.json

@@ -2,29 +2,26 @@
   "name": "@design-factory/design-factory",
   "description": "Amadeus design system",
   "license": "BSD-3-Clause",
-  "version": "17.1.0",
+  "version": "18.0.0",
   "dependencies": {
     "tslib": "^2.0.0"
   },
   "peerDependencies": {
-    "@agnos-ui/angular": "^0.2.0",
-    "@angular/common": "^17.1.0",
-    "@angular/core": "^17.1.0",
-    "@angular/localize": "^17.1.0",
-    "@angular/router": "^17.1.0",
-    "@ng-bootstrap/ng-bootstrap": "~16.0.0",
-    "@ng-select/ng-select": "~12.0.7",
-    "ag-grid-angular": "~31.1.1",
-    "ag-grid-community": "~31.1.1",
+    "@agnos-ui/angular-bootstrap": "~0.4.1",
+    "@angular/common": "^18.0.0",
+    "@angular/core": "^18.0.0",
+    "@angular/localize": "^18.0.0",
+    "@angular/router": "^18.0.0",
+    "@ng-bootstrap/ng-bootstrap": "~17.0.0",
+    "@ng-select/ng-select": "^13.2.0",
+    "ag-grid-angular": "^32.0.0",
+    "ag-grid-community": "^32.0.0",
     "bootstrap": "5.3.3"
   },
   "peerDependenciesMeta": {
     "@angular/router": {
       "optional": true
     },
-    "@ng-select/ng-select": {
-      "optional": true
-    },
     "@angular/localize": {
       "optional": true
     },

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

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = removeNgxSlider;
+const tslib_1 = require("tslib");
 const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
-const ts = require("typescript");
+const ts = tslib_1.__importStar(require("typescript"));
 const path_1 = require("path");
 const project_tsconfig_paths_1 = require("../../utils/project_tsconfig_paths");
 const compiler_host_1 = require("../../utils/typescript/compiler_host");
@@ -18,7 +20,6 @@ function removeNgxSlider() {
         return (0, schematics_1.chain)([renameNgxSliderModules(basePath, allPaths), renameNgxSliderImports(basePath, allPaths), removeNgxSliderDependencies()]);
     };
 }
-exports.default = removeNgxSlider;
 // rename all references of NgxSliderModule to DfSliderModule
 function renameNgxSliderModules(basePath, tsconfigPaths) {
     return (tree) => {

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = navbarLogoUpdate;
 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");
@@ -40,4 +41,3 @@ function navbarLogoUpdate() {
         }
     };
 }
-exports.default = navbarLogoUpdate;

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = revertToOldBranding;
 const workspace_1 = require("@schematics/angular/utility/workspace");
 const regexMainStyleImport = /\@import\s('|")\@design-factory\/design-factory\/design-factory(\.|'|")/g;
 /**
@@ -112,4 +113,3 @@ function revertToOldBranding() {
         });
     };
 }
-exports.default = revertToOldBranding;

package/schematics/migrations/16_0_0/scss-var/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = scssVars;
 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");
@@ -54,4 +55,3 @@ function scssVars() {
         }
     };
 }
-exports.default = scssVars;

package/schematics/migrations/16_0_0/stepper-classes/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = stepperClassesUpdate;
 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");
@@ -60,4 +61,3 @@ function stepperClassesUpdate() {
         }
     };
 }
-exports.default = stepperClassesUpdate;

package/schematics/migrations/18_0_0/font-awesome-6/index.d.ts

@@ -0,0 +1,11 @@
+import { Rule } from '@angular-devkit/schematics';
+/**
+ * This migration updates css classes of the design factory icons.
+ * Updates:
+ * - in-house icon class names based on the mapping
+ * - FW icons will be prefixed with fa- instead of icon-
+ * - df-icon-solid on FW icons will be changed to fa-solid
+ *
+ * @returns the Rule to migrate the classes
+ */
+export default function dfIconsUpdate(): Rule;