@design-factory/design-factory 18.1.0 → 19.0.0

package/lib/angular/accessibility/components/skip-links-container/skip-links-container.component.d.ts

@@ -1,13 +1,7 @@
-import { AfterContentInit, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SkipLinksContainerComponent implements AfterContentInit, OnDestroy {
-    private changeDetector;
-    inFocus: boolean;
-    private links;
-    private focusSubscription;
-    constructor(changeDetector: ChangeDetectorRef);
-    ngAfterContentInit(): void;
-    ngOnDestroy(): void;
+export declare class SkipLinksContainerComponent {
+    private readonly links;
+    readonly inFocus: import("@angular/core").Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinksContainerComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkipLinksContainerComponent, "df-skip-links-container", never, {}, {}, ["links"], ["*"], true, never>;
 }

package/lib/angular/accessibility/directives/skip-link.directive.d.ts

@@ -1,15 +1,9 @@
-import { EventEmitter, ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SkipLinkDirective {
+    readonly inFocus: import("@angular/core").WritableSignal<boolean>;
     private readonly element;
     private readonly document;
-    class: string;
-    inFocus: EventEmitter<boolean>;
-    onFocus(): void;
-    onClick(): void;
-    onBlur(): void;
-    constructor(element: ElementRef, document: any);
-    private focusOnTarget;
+    focusOnTarget(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkipLinkDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SkipLinkDirective, "[dfSkipLink]", never, {}, { "inFocus": "inFocus"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SkipLinkDirective, "[dfSkipLink]", never, {}, {}, never, never, true, never>;
 }

package/lib/angular/card/manage-card-selection.directive.d.ts

@@ -1,13 +1,13 @@
-import { ElementRef, AfterViewInit, Renderer2 } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DfManageCardSelectionDirective implements AfterViewInit {
+    private input;
+    readonly dfManageCardSelected: import("@angular/core").InputSignal<boolean>;
     private readonly element;
     private readonly renderer;
-    private input;
-    set dfManageCardSelected(isSelected: boolean);
-    constructor(element: ElementRef, renderer: Renderer2);
+    constructor();
     ngAfterViewInit(): void;
     click(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfManageCardSelectionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfManageCardSelectionDirective, "[dfManageCardSelected]", never, { "dfManageCardSelected": { "alias": "dfManageCardSelected"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfManageCardSelectionDirective, "[dfManageCardSelected]", never, { "dfManageCardSelected": { "alias": "dfManageCardSelected"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/datepicker/datepicker-range.directive.d.ts

@@ -1,20 +1,19 @@
-import { ElementRef, Renderer2, OnInit, OnDestroy, DoCheck, AfterViewInit } from '@angular/core';
-import { DfDirectionDetectionService } from '../right-to-left/directionDetection.service';
+import { ElementRef, OnInit, OnDestroy, DoCheck, AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * My dfDatepickerRange directive
  */
 export declare class DfDatepickerRangeDirective implements OnInit, OnDestroy, DoCheck, AfterViewInit {
-    private readonly renderer;
-    readonly el: ElementRef;
-    private readonly dfDirectionServ;
     private inputsElements;
     private isDisabled;
     private readonly siblingsNode;
     private readonly removeListener;
     private focusState;
     private direction?;
-    constructor(renderer: Renderer2, el: ElementRef, dfDirectionServ: DfDirectionDetectionService);
+    private readonly renderer;
+    readonly el: ElementRef<any>;
+    private readonly dfDirectionServ;
+    private readonly platformId;
     ngOnInit(): void;
     initInput(el: HTMLInputElement, index: number): void;
     removeFocus(): void;

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

@@ -1,12 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@ng-bootstrap/ng-bootstrap";
-import * as i2 from "./closedatepicker.directive";
-import * as i3 from "./datepicker-range.directive";
-import * as i4 from "../inputs/input-advanced.module";
-export { CloseInputDatePickerDirective } from './closedatepicker.directive';
+import * as i2 from "./datepicker-range.directive";
+import * as i3 from "../inputs/input-advanced.module";
 export { DfDatepickerRangeDirective } from './datepicker-range.directive';
 export declare class DfDatePickerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DfDatePickerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DfDatePickerModule, never, [typeof i1.NgbDropdownModule, typeof i2.CloseInputDatePickerDirective, typeof i3.DfDatepickerRangeDirective], [typeof i2.CloseInputDatePickerDirective, typeof i1.NgbDatepickerModule, typeof i4.DfAdvancedInputModule, typeof i3.DfDatepickerRangeDirective, typeof i1.NgbDropdownModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DfDatePickerModule, never, [typeof i1.NgbDropdownModule, typeof i2.DfDatepickerRangeDirective], [typeof i1.NgbDatepickerModule, typeof i3.DfAdvancedInputModule, typeof i2.DfDatepickerRangeDirective, typeof i1.NgbDropdownModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DfDatePickerModule>;
 }

package/lib/angular/inputs/icon/inputicon.directive.d.ts

@@ -1,18 +1,17 @@
-import { ElementRef, Renderer2, OnInit, DoCheck, OnDestroy } from '@angular/core';
+import { OnInit, DoCheck, OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 export type DfDirection = 'append' | 'prepend';
 /**
  * My dfInputIcon directive
  */
 export declare class DfInputIconDirective implements OnInit, DoCheck, OnDestroy {
-    private readonly renderer;
-    private readonly el;
-    dfInputIcon: DfDirection[];
+    readonly dfInputIcon: import("@angular/core").InputSignal<DfDirection[]>;
     private button;
     private removeListener?;
     private isDisabled;
     private readonly siblingsNode;
-    constructor(renderer: Renderer2, el: ElementRef);
+    private readonly renderer;
+    private readonly el;
     ngDoCheck(): void;
     ngOnInit(): void;
     /**
@@ -24,5 +23,5 @@ export declare class DfInputIconDirective implements OnInit, DoCheck, OnDestroy
     ngOnDestroy(): void;
     private initButtonHandler;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfInputIconDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfInputIconDirective, "[dfInputIcon]", ["dfInputIcon"], { "dfInputIcon": { "alias": "dfInputIcon"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfInputIconDirective, "[dfInputIcon]", ["dfInputIcon"], { "dfInputIcon": { "alias": "dfInputIcon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/mediaqueries/ifMedia.directive.d.ts

@@ -1,5 +1,4 @@
-import { OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
-import { DfMedia } from './media.service';
+import { OnDestroy } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Directive using the matchMedia JS feature (https://developer.mozilla.org/fr/docs/Web/API/Window/matchMedia)
@@ -7,20 +6,20 @@ import * as i0 from "@angular/core";
  * Import DfMediaModule from DF to use all media elements provided
  */
 export declare class DfIfMediaDirective implements OnDestroy {
-    private readonly _viewContainerRef;
-    private readonly _template;
-    private readonly _mediaService;
     private _viewInstance;
-    private readonly _subscription;
     /**
      * Input of the directive
      * @param mediaOrBreakpoints either media query string/Array of string or in case of BS usage a
      * string/Array of string of the breakpoints name (sm...).
      */
-    set dfIfMedia(mediaOrBreakpoints: string | string[]);
-    constructor(_viewContainerRef: ViewContainerRef, _template: TemplateRef<any>, _mediaService: DfMedia);
+    readonly dfIfMedia: import("@angular/core").InputSignal<string | string[]>;
+    private readonly _viewContainerRef;
+    private readonly _template;
+    private readonly _mediaService;
+    private _subscription;
+    constructor();
     ngOnDestroy(): void;
     private update;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfIfMediaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfIfMediaDirective, "[dfIfMedia]", never, { "dfIfMedia": { "alias": "dfIfMedia"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfIfMediaDirective, "[dfIfMedia]", never, { "dfIfMedia": { "alias": "dfIfMedia"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -2,6 +2,10 @@ import { NgbModalOptions, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
 import { NgbModal } from '@ng-bootstrap/ng-bootstrap';
 import { RendererFactory2 } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * @deprecated `DfModalService` is deprecated, use `NgbModal` from ng-bootstrap instead.
+ * Please note that `NgbModal` adds 'modal-open' class to the body while DfModalService adds 'df-modal-open' class. Both classes include the same styles, but you may need to update your stylesheets if you were overriding 'df-modal-open' in your application.
+ */
 export declare class DfModalService {
     private modalService;
     private rendererFactory;

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

@@ -1,58 +1,48 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { OnDestroy, OnInit } from '@angular/core';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class DfProgressbarComponent implements OnInit, OnDestroy {
-    infiniteAnimation: boolean;
+    readonly PERCENTAGE_PLACEHOLDER = "%PERCENTAGE%";
+    readonly FADING_DELAY_MS = 1500;
+    readonly infiniteAnimation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     /**
      * Current value of the progressBar. If 'maxValue' is not defined, value represents a percentage. Otherwise, progress
      * bar percentage value will be computed based on the ratio of 'value/maxValue'
      */
-    private _value;
-    set value(newValue: number);
-    get value(): number;
-    private _maxValue;
-    set maxValue(newValue: number);
-    get maxValue(): number;
-    /**
-     * Text to be displayed on top of the progressbar
-     */
-    private _text;
-    set text(newText: string);
-    get text(): string;
+    readonly value: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly maxValue: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    readonly innerValue: import("@angular/core").WritableSignal<number>;
+    readonly percentageValue: import("@angular/core").Signal<number>;
+    readonly percentageValueChange: import("@angular/core").OutputEmitterRef<number>;
     /**
      * Observable used to trigger the start of the loading.
      * When emitting, progressbar will start to randomly increment toward 100%.
      */
-    start$?: Observable<any>;
+    readonly start$: import("@angular/core").InputSignal<Observable<any> | undefined>;
     /**
      * Observable used to trigger the end of the loading.
      * When emitting, it forces the progressbar to reach 100%.
      */
-    end$?: Observable<any>;
+    readonly end$: import("@angular/core").InputSignal<Observable<any> | undefined>;
     /**
      * Id of the label used to describe the progress bar.
      * It is used in priority compared to the ariaLabel.
      */
-    ariaLabelledBy?: string;
+    readonly ariaLabelledBy: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Aria label used to describe the progress bar if no ariaLabelledBy is specified.
      */
-    ariaLabel?: string;
-    private _percentageValue;
-    set percentageValue(newValue: number);
-    get percentageValue(): number;
-    percentageValueChange: EventEmitter<number>;
-    computedText: string;
-    displayProgressBar: boolean;
-    FADING_DELAY_MS: number;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
+    readonly text: import("@angular/core").InputSignal<string>;
+    readonly computedText: import("@angular/core").Signal<string>;
+    readonly displayProgressBar: import("@angular/core").WritableSignal<boolean>;
     private startSubscription?;
     private endSubscription?;
     private intervalId;
     private animationOngoing;
+    constructor();
     ngOnInit(): void;
     ngOnDestroy(): void;
-    private updateText;
-    private updatePercentageValue;
     /**
      * Randomly increase the percentage but making sure that it can never reach 100%
      */
@@ -67,5 +57,5 @@ export declare class DfProgressbarComponent implements OnInit, OnDestroy {
     private startAutomaticIncrement;
     private resetProgressBarValues;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressbarComponent, "df-progressbar", never, { "infiniteAnimation": { "alias": "infiniteAnimation"; "required": false; }; "value": { "alias": "value"; "required": false; }; "maxValue": { "alias": "maxValue"; "required": false; }; "text": { "alias": "text"; "required": false; }; "start$": { "alias": "start$"; "required": false; }; "end$": { "alias": "end$"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "percentageValueChange": "percentageValueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressbarComponent, "df-progressbar", never, { "infiniteAnimation": { "alias": "infiniteAnimation"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "start$": { "alias": "start$"; "required": false; "isSignal": true; }; "end$": { "alias": "end$"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, { "percentageValueChange": "percentageValueChange"; }, never, never, true, never>;
 }

package/lib/angular/progressindicator/default/default-spinner.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DfDefaultSpinnerComponent {
-    isGlobalSpinner: boolean;
-    contentClass: string;
-    ariaLabel?: string;
+    readonly isGlobalSpinner: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly contentClass: import("@angular/core").InputSignal<string>;
+    readonly ariaLabel: import("@angular/core").InputSignal<string | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfDefaultSpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfDefaultSpinnerComponent, "df-default-spinner", never, { "isGlobalSpinner": { "alias": "isGlobalSpinner"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DfDefaultSpinnerComponent, "df-default-spinner", never, { "isGlobalSpinner": { "alias": "isGlobalSpinner"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/progressindicator/progressindicator-backdrop.component.d.ts

@@ -1,8 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DfProgressIndicatorBackdropComponent {
-    get classes(): string;
-    backdropClass?: string;
-    isGlobalBackdrop: boolean;
+    readonly backdropClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly isGlobalBackdrop: import("@angular/core").InputSignal<boolean>;
+    readonly classes: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressIndicatorBackdropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressIndicatorBackdropComponent, "df-progressindicator-backdrop", never, { "backdropClass": { "alias": "backdropClass"; "required": false; }; "isGlobalBackdrop": { "alias": "isGlobalBackdrop"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressIndicatorBackdropComponent, "df-progressindicator-backdrop", never, { "backdropClass": { "alias": "backdropClass"; "required": false; "isSignal": true; }; "isGlobalBackdrop": { "alias": "isGlobalBackdrop"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/progressindicator/progressindicator-container.component.d.ts

@@ -2,12 +2,10 @@ import { DfProgressIndicatorContentPosition } from './progressindicator-config';
 import * as i0 from "@angular/core";
 export declare class DfProgressIndicatorContainerComponent {
     private readonly DEFAULT_CLASS_POSITION;
-    get classes(): string;
-    containerClass?: string;
-    set position(newPosition: DfProgressIndicatorContentPosition | undefined);
-    get position(): DfProgressIndicatorContentPosition | undefined;
-    private _position?;
-    positionClass: string;
+    readonly containerClass: import("@angular/core").InputSignal<string | undefined>;
+    readonly position: import("@angular/core").InputSignal<DfProgressIndicatorContentPosition | undefined>;
+    readonly positionClass: import("@angular/core").Signal<"df-progressindicator-centered" | "df-progressindicator-top" | "df-progressindicator-bottom">;
+    readonly classes: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressIndicatorContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfProgressIndicatorContainerComponent, "df-progressindicator-container", never, { "containerClass": { "alias": "containerClass"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, {}, never, ["*"], true, 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>;
 }

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

@@ -1,18 +1,16 @@
-import { ElementRef, OnChanges, SimpleChanges } from '@angular/core';
-import { DfProgressIndicatorService, DfProgressIndicatorContent } from './progressindicator.service';
+import { DfProgressIndicatorContent } from './progressindicator.service';
 import { DfProgressIndicatorOptions } from './progressindicator-config';
 import * as i0 from "@angular/core";
-export declare class DfProgressIndicatorDirective implements OnChanges {
-    private readonly elementRef;
-    private readonly progressService;
-    dfProgressIndicator: boolean;
-    dfProgressIndicatorConfig?: {
+export declare class DfProgressIndicatorDirective {
+    readonly dfProgressIndicator: import("@angular/core").InputSignal<boolean>;
+    readonly dfProgressIndicatorConfig: import("@angular/core").InputSignal<{
         content?: DfProgressIndicatorContent<unknown>;
         options: DfProgressIndicatorOptions;
-    };
+    } | undefined>;
+    private readonly elementRef;
+    private readonly progressService;
     private progressIndicatorRef;
-    constructor(elementRef: ElementRef, progressService: DfProgressIndicatorService);
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<DfProgressIndicatorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfProgressIndicatorDirective, "[dfProgressIndicator]", never, { "dfProgressIndicator": { "alias": "dfProgressIndicator"; "required": false; }; "dfProgressIndicatorConfig": { "alias": "dfProgressIndicatorConfig"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfProgressIndicatorDirective, "[dfProgressIndicator]", never, { "dfProgressIndicator": { "alias": "dfProgressIndicator"; "required": true; "isSignal": true; }; "dfProgressIndicatorConfig": { "alias": "dfProgressIndicatorConfig"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/selects/events/manage-badge-events.directive.d.ts

@@ -1,16 +1,15 @@
-import { ElementRef, Renderer2, AfterViewInit } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class DfManageBadgeEventsDirective implements AfterViewInit {
+    readonly dfManageBadgeEventsSelect: import("@angular/core").InputSignal<[(arg: any) => void, any]>;
     private readonly renderer;
     private readonly element;
-    dfManageBadgeEventsSelect: [(arg: any) => void, any];
-    tabindex: string;
-    constructor(renderer: Renderer2, element: ElementRef);
+    constructor();
     ngAfterViewInit(): void;
     handleKeyDownBackspace(event: any): void;
     handleClick(event: any): void;
     handleKeyDownEnter(event: any): void;
     handleKeyDownDelete(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfManageBadgeEventsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfManageBadgeEventsDirective, "[dfManageBadgeEventsSelect]", never, { "dfManageBadgeEventsSelect": { "alias": "dfManageBadgeEventsSelect"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfManageBadgeEventsDirective, "[dfManageBadgeEventsSelect]", never, { "dfManageBadgeEventsSelect": { "alias": "dfManageBadgeEventsSelect"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/selects/option-highlight.directive.d.ts

@@ -1,19 +1,14 @@
-import { AfterViewInit, ElementRef, OnChanges, Renderer2 } from '@angular/core';
+import { AfterViewInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class DfOptionHighlightDirective implements OnChanges, AfterViewInit {
+export declare class DfOptionHighlightDirective implements AfterViewInit {
+    readonly dfOptionHighlight: import("@angular/core").InputSignal<string>;
+    private readonly label;
     private readonly elementRef;
     private readonly renderer;
-    term: string;
-    private element;
-    private label;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
-    ngOnChanges(): void;
+    private readonly canHighlight;
+    constructor();
     ngAfterViewInit(): void;
-    private escapeRegExp;
-    private highlightLabel;
-    private get canHighlight();
     private setInnerHtml;
-    private isDefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfOptionHighlightDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfOptionHighlightDirective, "[dfOptionHighlight]", never, { "term": { "alias": "dfOptionHighlight"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfOptionHighlightDirective, "[dfOptionHighlight]", never, { "dfOptionHighlight": { "alias": "dfOptionHighlight"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/angular/sidenav/dfSideNavCollapse.d.ts

@@ -1,37 +1,35 @@
-import { ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
-import { DfSideNavCollapseService } from './dfSideNavCollapse.service';
+import { OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * A directive to provide a simple way of hiding and showing the sideNav on the page.
  */
-export declare class DfSideNavCollapseDirective implements OnInit, OnChanges, OnDestroy {
-    private readonly _element;
-    private readonly _sideNavCollapseService;
-    private readonly _zone;
+export declare class DfSideNavCollapseDirective implements OnInit {
     /**
      * If `true`, will collapse the element or show it otherwise.
      */
-    collapsed: boolean;
-    dfSideNavCollapseChange: EventEmitter<boolean>;
+    readonly dfSideNavCollapse: import("@angular/core").InputSignal<boolean>;
+    private readonly collapsed;
+    readonly minimized: import("@angular/core").InputSignal<boolean>;
+    readonly dfSideNavCollapseChange: import("@angular/core").OutputEmitterRef<boolean>;
     /**
      * An event emitted when the collapse element is shown, after the transition. It has no payload.
      *
      * @since 9.1.0
      */
-    shown: EventEmitter<void>;
+    readonly shown: import("@angular/core").OutputEmitterRef<void>;
     /**
      * An event emitted when the collapse element is hidden, after the transition. It has no payload.
      *
      * @since 9.1.0
      */
-    hidden: EventEmitter<void>;
-    minimized: boolean;
+    readonly hidden: import("@angular/core").OutputEmitterRef<void>;
+    private readonly elementRef;
+    private readonly sideNavCollapseService;
+    private readonly zone;
+    private readonly injector;
     private animation;
-    private readonly subscription;
-    constructor(_element: ElementRef, _sideNavCollapseService: DfSideNavCollapseService, _zone: NgZone);
+    constructor();
     ngOnInit(): void;
-    ngOnChanges(simpleChanges: SimpleChanges): void;
-    ngOnDestroy(): void;
     /**
      * Triggers collapsing programmatically.
      *
@@ -41,8 +39,8 @@ export declare class DfSideNavCollapseDirective implements OnInit, OnChanges, On
      * @since 9.1.0
      */
     toggle(open?: boolean): void;
-    private _runTransition;
-    private _runTransitionWithEvents;
+    private runTransition;
+    private runTransitionWithEvents;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfSideNavCollapseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfSideNavCollapseDirective, "[dfSideNavCollapse]", ["dfSideNavCollapse"], { "collapsed": { "alias": "dfSideNavCollapse"; "required": false; }; "minimized": { "alias": "minimized"; "required": false; }; }, { "dfSideNavCollapseChange": "dfSideNavCollapseChange"; "shown": "shown"; "hidden": "hidden"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfSideNavCollapseDirective, "[dfSideNavCollapse]", ["dfSideNavCollapse"], { "dfSideNavCollapse": { "alias": "dfSideNavCollapse"; "required": true; "isSignal": true; }; "minimized": { "alias": "minimized"; "required": false; "isSignal": true; }; }, { "dfSideNavCollapseChange": "dfSideNavCollapseChange"; "shown": "shown"; "hidden": "hidden"; }, never, never, true, never>;
 }

package/lib/angular/sidenav/excludeTrap.directive.d.ts

@@ -1,5 +1,5 @@
-import { ElementRef, NgZone, OnDestroy, OnInit } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
+import { OnDestroy, OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
  * The directive to catch focusin event and put the focus at a defined position in the page
@@ -7,24 +7,23 @@ import * as i0 from "@angular/core";
  * @since 9.1.0
  */
 export declare class DfExcludeTrapDirective implements OnDestroy, OnInit {
-    private readonly zone;
-    private readonly element;
-    subscription: Subscription;
-    subscriptionInput?: Subscription;
+    private subscription;
+    private subscriptionInput?;
     /**
      * The CSS selector used to get the element to put the focus when catched
      *
      */
-    dfExcludeTrapSelector: string;
+    readonly dfExcludeTrapSelector: import("@angular/core").InputSignal<string>;
     /**
      * The Observable to enable or disable the ExcludeTrap
      * If `True` the excludeTrap will work
      */
-    dfExcludeTrap: Observable<boolean>;
-    constructor(zone: NgZone, element: ElementRef);
+    readonly dfExcludeTrap: import("@angular/core").InputSignal<Observable<boolean>>;
+    private readonly zone;
+    private readonly element;
     init(): void;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfExcludeTrapDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfExcludeTrapDirective, "[dfExcludeTrap]", never, { "dfExcludeTrapSelector": { "alias": "dfExcludeTrapSelector"; "required": false; }; "dfExcludeTrap": { "alias": "dfExcludeTrap"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfExcludeTrapDirective, "[dfExcludeTrap]", never, { "dfExcludeTrapSelector": { "alias": "dfExcludeTrapSelector"; "required": false; "isSignal": true; }; "dfExcludeTrap": { "alias": "dfExcludeTrap"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,5 +1,4 @@
 import { OnDestroy, TemplateRef } from '@angular/core';
-import { DfSideNavService } from './sidenav.service';
 import * as i0 from "@angular/core";
 export declare class DfSideNavHeaderDirective {
     templateRef: TemplateRef<any>;
@@ -29,13 +28,13 @@ export declare class DfSideNavItemDirective {
  *  - Can be used with media queries to adjust behavior to different breakpoints (see media section)
  */
 export declare class DfSideNavComponent implements OnDestroy {
-    tplHeader: DfSideNavHeaderDirective;
-    tplIcon: DfSideNavIconDirective;
-    tplItem: DfSideNavItemDirective;
-    overlayClass?: boolean;
-    elements: string;
-    private readonly subscription;
-    sideNavService: DfSideNavService;
+    readonly tplHeader: import("@angular/core").Signal<DfSideNavHeaderDirective | undefined>;
+    readonly tplIcon: import("@angular/core").Signal<DfSideNavIconDirective | undefined>;
+    readonly tplItem: import("@angular/core").Signal<DfSideNavItemDirective | undefined>;
+    readonly overlayClass: import("@angular/core").WritableSignal<boolean>;
+    readonly classes: import("@angular/core").Signal<string>;
+    private readonly sideNavService;
+    readonly navItems: import("@angular/core").Signal<import("./sidenav.service").DfSideNavItem[]>;
     constructor();
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfSideNavComponent, never>;

package/lib/angular/sidenav/sidenavlist.component.d.ts

@@ -12,14 +12,14 @@ import * as i0 from "@angular/core";
  *  - Can be used with media queries to adjust behavior to different breakpoints (see media section)
  */
 export declare class DfSideNavListComponent {
-    items: DfSideNavItem[];
-    tplIcon: DfSideNavIconDirective;
-    tplItem: DfSideNavItemDirective;
-    currentItem: DfSideNavItem | undefined;
-    id: string | undefined;
-    controlledUniqueId: string;
-    sideNavService: DfSideNavService;
+    readonly items: import("@angular/core").InputSignal<DfSideNavItem[]>;
+    readonly tplIcon: import("@angular/core").InputSignal<DfSideNavIconDirective | undefined>;
+    readonly tplItem: import("@angular/core").InputSignal<DfSideNavItemDirective | undefined>;
+    readonly currentItem: import("@angular/core").InputSignal<DfSideNavItem | undefined>;
+    readonly id: import("@angular/core").InputSignal<string | undefined>;
+    readonly controlledUniqueId: string;
+    readonly sideNavService: DfSideNavService;
     getControlledUniqueId(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DfSideNavListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DfSideNavListComponent, "df-sidenavlist", never, { "items": { "alias": "items"; "required": false; }; "tplIcon": { "alias": "tplIcon"; "required": false; }; "tplItem": { "alias": "tplItem"; "required": false; }; "currentItem": { "alias": "currentItem"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DfSideNavListComponent, "df-sidenavlist", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "tplIcon": { "alias": "tplIcon"; "required": false; "isSignal": true; }; "tplItem": { "alias": "tplItem"; "required": false; "isSignal": true; }; "currentItem": { "alias": "currentItem"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,15 +1,13 @@
-import { ElementRef, OnInit } from '@angular/core';
-import { DfDirectionDetectionService } from '../../right-to-left/directionDetection.service';
+import { OnInit } from '@angular/core';
 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.
+ * @deprecated DfSliderDirectionDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
  */
 export declare class DfSliderDirectionDirective implements OnInit {
+    readonly dfSliderDirection: import("@angular/core").InputSignal<any>;
     private readonly elementRef;
     private readonly rtlDirectionService;
-    host: any;
-    constructor(elementRef: ElementRef, rtlDirectionService: DfDirectionDetectionService);
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DfSliderDirectionDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DfSliderDirectionDirective, "[dfSliderDirection]", never, { "host": { "alias": "dfSliderDirection"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DfSliderDirectionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DfSliderDirectionDirective, "[dfSliderDirection]", never, { "dfSliderDirection": { "alias": "dfSliderDirection"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -1,7 +1,7 @@
 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.
+ * @deprecated SliderElementDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
  */
 export declare class SliderElementDirective {
     protected elemRef: ElementRef;
@@ -28,6 +28,7 @@ export declare class SliderElementDirective {
     transform: string;
     private eventListenerHelper;
     private eventListeners;
+    private readonly platformId;
     constructor(elemRef: ElementRef, renderer: Renderer2, changeDetectionRef: ChangeDetectorRef);
     setAlwaysHide(hide: boolean): void;
     hide(): void;

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

@@ -2,7 +2,7 @@ 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.
+ * @deprecated SliderHandleDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
  */
 export declare class SliderHandleDirective extends SliderElementDirective {
     active: boolean;

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

@@ -2,7 +2,7 @@ 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.
+ * @deprecated SliderLabelDirective is deprecated. Use {@link https://design-factory.amadeus.net/components/slider/agnosui AgnosUI Slider} instead.
  */
 export declare class SliderLabelDirective extends SliderElementDirective {
     private _value?;