@lucca-front/ng 22.0.0-rc.3 → 22.0.0-rc.5

package/types/lucca-front-ng-listing.d.ts

@@ -38,7 +38,7 @@ declare class ListingComponent {
     /**
      * Applies a color palette to the listing
      */
-    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand">;
     /**
      * Allows you to start a list at a value other than 1
      */

package/types/lucca-front-ng-loading.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available LoadingComponent Types
+ */
+declare const LOADING_SIZE: readonly ["L"];
+type LoadingSize = (typeof LOADING_SIZE)[number];
+
 type DisplayMode = 'popin' | 'drawer' | 'fullPage'
 /** @deprecated use 'fullPage' instead */
  | 'fullpage';
@@ -15,4 +21,5 @@ declare class LoadingComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingComponent, "lu-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "invert": { "alias": "invert"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; "hiddenLabel": { "alias": "hiddenLabel"; "required": false; "isSignal": true; }; "template": { "alias": "template"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { LoadingComponent };
+export { LOADING_SIZE, LoadingComponent };
+export type { LoadingSize };

package/types/lucca-front-ng-modal.d.ts

@@ -61,7 +61,7 @@ declare abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent,
 
 declare abstract class ALuModalPanelComponent<T extends ILuModalContent> implements OnDestroy, DoCheck {
     protected _ref: ALuModalRef<T>;
-    protected readonly _containerRef: ViewContainerRef;
+    protected readonly _containerRef: i0.Signal<ViewContainerRef>;
     protected _componentInstance: ILuModalContent;
     protected readonly doCheck$: ReplaySubject<void>;
     intl: _lucca_front_ng_modal.ILuModalLabel;

package/types/lucca-front-ng-multi-select.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { ChangeDetectorRef, ElementRef, Injector, ViewContainerRef, OnDestroy, OnInit, Type, TemplateRef, Signal, InjectionToken, DestroyRef } from '@angular/core';
 import * as _lucca_front_ng_multi_select from '@lucca-front/ng/multi-select';
 import * as _lucca_front_ng_core_select from '@lucca-front/ng/core-select';
@@ -46,17 +46,17 @@ declare class LuMultiSelectPanelRefFactory {
         offsetY?: number;
         overlapInput: boolean;
     }): ConnectedPosition;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectPanelRefFactory, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<LuMultiSelectPanelRefFactory>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectPanelRefFactory, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<LuMultiSelectPanelRefFactory>;
 }
 
 declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T, T[]> implements ControlValueAccessor, OnDestroy, OnInit {
-    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
     showColon: false;
-    readonly valuesTpl: i0.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
-    maxValuesShown: number;
-    keepSearchAfterSelection: boolean;
-    filterPillLabelPlural: string;
+    readonly valuesTpl: _angular_core.ModelSignal<Type<unknown> | TemplateRef<LuOptionContext<T[]>>>;
+    readonly maxValuesShown: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly keepSearchAfterSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterPillLabelPlural: _angular_core.InputSignal<string>;
     readonly selectParent$: Subject<void>;
     readonly selectChildren$: Subject<void>;
     get filterPillClass(): boolean;
@@ -91,10 +91,8 @@ declare class LuMultiSelectInputComponent<T> extends ALuSelectInputComponent<T,
     hasValue(): boolean;
     clearValue(event?: Event): void;
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectInputComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
-    static ngAcceptInputType_maxValuesShown: unknown;
-    static ngAcceptInputType_keepSearchAfterSelection: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectInputComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectInputComponent<any>, "lu-multi-select", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "valuesTpl": { "alias": "valuesTpl"; "required": false; "isSignal": true; }; "maxValuesShown": { "alias": "maxValuesShown"; "required": false; "isSignal": true; }; "keepSearchAfterSelection": { "alias": "keepSearchAfterSelection"; "required": false; "isSignal": true; }; "filterPillLabelPlural": { "alias": "filterPillLabelPlural"; "required": false; "isSignal": true; }; }, { "valuesTpl": "valuesTplChange"; }, never, never, true, never>;
 }
 
 declare const LU_MULTI_SELECT_TRANSLATIONS: InjectionToken<LuTranslation<ILuMultiSelectLabel>>;
@@ -127,12 +125,13 @@ interface LuMultiSelectWithSelectAllContext {
 declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStrategy<TValue> implements LuMultiSelectWithSelectAllContext {
     #private;
     readonly select: LuMultiSelectInputComponent<TValue>;
-    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
-    readonly displayerLabel: i0.InputSignal<string>;
-    readonly mode: i0.Signal<"include" | "exclude" | "none" | "all">;
-    readonly values: i0.Signal<TValue[]>;
-    readonly totalCount: i0.Signal<number>;
-    readonly displayerCount: i0.Signal<number>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel, Partial<_lucca_front_ng_core_select.LuCoreSelectLabel & _lucca_front_ng_multi_select.ILuMultiSelectLabel>>;
+    readonly displayerLabel: _angular_core.InputSignal<string>;
+    readonly mode: _angular_core.Signal<"include" | "exclude" | "none" | "all">;
+    readonly values: _angular_core.Signal<TValue[]>;
+    readonly totalCount: _angular_core.Signal<number>;
+    readonly clueChange: _angular_core.Signal<string>;
+    readonly displayerCount: _angular_core.Signal<number>;
     constructor();
     setSelectAll(selectAll: boolean): void;
     isSelected(option: TValue, selectedOptions: TValue[], optionComparer: LuOptionComparer<TValue>): boolean;
@@ -140,35 +139,38 @@ declare class LuMultiSelectWithSelectAllDirective<TValue> extends _IsSelectedStr
     registerOnChange(fn: (value: TValue[] | LuMultiSelection<TValue>) => void): void;
     writeValue(value: TValue[] | LuMultiSelection<TValue>): void;
     clearValue($event?: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectWithSelectAllDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiSelectWithSelectAllDirective<any>, "lu-multi-select[withSelectAll]", never, { "displayerLabel": { "alias": "withSelectAllDisplayerLabel"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuMultiSelectContentDisplayerComponent<T> {
     readonly select: LuMultiSelectInputComponent<T>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectContentDisplayerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectContentDisplayerComponent<any>, "lu-multi-select-content-displayer", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectContentDisplayerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectContentDisplayerComponent<any>, "lu-multi-select-content-displayer", never, {}, {}, never, ["*"], true, never>;
 }
 
 declare class LuMultiSelectCounterDisplayerComponent<T> implements OnInit {
     readonly select: LuMultiSelectInputComponent<T>;
     readonly context: ILuOptionContext<T[]>;
     protected destroyRef: DestroyRef;
-    readonly inputElementRef: ElementRef<HTMLInputElement>;
+    readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     get value(): T[];
     readonly selectedOptions$: BehaviorSubject<T[]>;
-    set selected(options: T[]);
-    label: string;
+    readonly selected: _angular_core.InputSignal<T[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectCounterDisplayerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectCounterDisplayerComponent<any>, "lu-multi-select-counter-displayer", never, { "selected": { "alias": "selected"; "required": false; }; "label": { "alias": "label"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectCounterDisplayerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectCounterDisplayerComponent<any>, "lu-multi-select-counter-displayer", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuMultiSelectDefaultDisplayerComponent<T> implements OnInit {
+    #private;
     readonly select: LuMultiSelectInputComponent<T>;
-    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel, Partial<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel, Partial<_lucca_front_ng_multi_select.ILuMultiSelectDisplayerLabel>>;
+    valueID: string;
     protected destroyRef: DestroyRef;
-    readonly inputElementRef: ElementRef<HTMLInputElement>;
+    readonly inputElementRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     get value(): T[];
     readonly context: ILuOptionContext<T[]>;
     readonly displayedOptions$: rxjs.Observable<T[]>;
@@ -177,8 +179,8 @@ declare class LuMultiSelectDefaultDisplayerComponent<T> implements OnInit {
     inputBackspace(): void;
     inputSpace(event: Event): void;
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, "lu-multi-select-default-displayer", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuMultiSelectDefaultDisplayerComponent<any>, "lu-multi-select-default-displayer", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare const LU_MULTI_SELECT_DISPLAYER_TRANSLATIONS: InjectionToken<LuTranslation<ILuMultiSelectDisplayerLabel>>;
@@ -201,23 +203,23 @@ declare class LuMultiSelectDisplayerInputDirective<T> implements OnInit {
     get panelOpen(): boolean;
     get activeDescendant(): string;
     get controls(): string;
-    get disabled(): boolean;
+    get disabled(): true;
     get placeholder(): string;
     get readonly(): boolean;
     onInput(): void;
     constructor();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiSelectDisplayerInputDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiSelectDisplayerInputDirective<any>, "[luMultiSelectDisplayerInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.InputDirective; inputs: {}; outputs: {}; }]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiSelectDisplayerInputDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiSelectDisplayerInputDirective<any>, "[luMultiSelectDisplayerInput]", never, {}, {}, never, never, true, [{ directive: typeof i1.InputDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class LuMultiDisplayerDirective<T> {
     private templateRef;
-    set select(select: LuMultiSelectInputComponent<T>);
+    readonly select: _angular_core.InputSignal<LuMultiSelectInputComponent<T>>;
     constructor(templateRef: TemplateRef<LuOptionContext<T[]>>);
     static ngTemplateContextGuard<T>(_dir: LuMultiDisplayerDirective<T>, _ctx: unknown): _ctx is LuOptionContext<T[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuMultiDisplayerDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuMultiDisplayerDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuMultiDisplayerDirective<any>, "[luMultiDisplayer]", never, { "select": { "alias": "luMultiDisplayerSelect"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare function selectionToQueryParams<T, Key extends string>(key: Key, value: LuMultiSelection<T>, selector: (value: T) => unknown): Partial<Record<Key | `-${Key}`, string>>;

package/types/lucca-front-ng-numeric-badge.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available NumericBadgeComponent Types
+ */
+declare const NUMERIC_BADGE_SIZE: readonly ["XS", "S", "M"];
+type NumericBadgeSize = (typeof NUMERIC_BADGE_SIZE)[number];
+
 declare class NumericBadgeComponent {
     #private;
     /**
@@ -13,7 +19,7 @@ declare class NumericBadgeComponent {
     /**
      * The palette to use for this badge. Defaults to 'none' (inherits parent palette)
      */
-    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "primary" | "grey" | "brand">;
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand">;
     /**
      * Applies the loading state
      */
@@ -36,4 +42,5 @@ declare class NumericBadgeComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumericBadgeComponent, "lu-numeric-badge", never, { "value": { "alias": "value"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "maxValue": { "alias": "maxValue"; "required": false; "isSignal": true; }; "disableTooltip": { "alias": "disableTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { NumericBadgeComponent };
+export { NUMERIC_BADGE_SIZE, NumericBadgeComponent };
+export type { NumericBadgeSize };

package/types/lucca-front-ng-option.d.ts

@@ -228,10 +228,10 @@ declare abstract class ALuOptionOperator<T> implements ILuOptionOperator<T> {
 }
 
 declare class LuOptionFeederComponent<T> implements ILuOptionOperator<T> {
-    readonly outOptions$: BehaviorSubject<T[]>;
-    set options(options: T[]);
+    readonly options: i0.InputSignal<T[]>;
+    readonly outOptions$: Observable<T[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionFeederComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionFeederComponent<any>, "lu-option-feeder", never, { "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionFeederComponent<any>, "lu-option-feeder", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -282,7 +282,7 @@ declare class LuForGroupsDirective<TItem, TKey> implements ILuOptionOperator<TIt
     protected _templateRef: TemplateRef<LuForGroupContext<ILuGroup<TItem, TKey>>>;
     outOptions$?: Observable<TItem[]>;
     private _groupByFn;
-    set attrGroupBy(fn: (item: TItem) => TKey);
+    readonly attrGroupBy: i0.InputSignal<(item: TItem) => TKey>;
     protected _subs: Subscription;
     set inOptions$(options$: Observable<TItem[]>);
     constructor(_vcr: ViewContainerRef, _cdr: ChangeDetectorRef, _templateRef: TemplateRef<LuForGroupContext<ILuGroup<TItem, TKey>>>);
@@ -290,7 +290,7 @@ declare class LuForGroupsDirective<TItem, TKey> implements ILuOptionOperator<TIt
     render(options: TItem[]): void;
     protected groupBy(items: TItem[]): ILuGroup<TItem, TKey>[];
     static ɵfac: i0.ɵɵFactoryDeclaration<LuForGroupsDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuForGroupsDirective<any, any>, "[luForGroups]", never, { "attrGroupBy": { "alias": "luForGroupsGroupBy"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuForGroupsDirective<any, any>, "[luForGroups]", never, { "attrGroupBy": { "alias": "luForGroupsGroupBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LuForOptionsDirective<T> extends NgForOf<T> implements ILuOptionOperator<T>, OnDestroy {
@@ -298,11 +298,11 @@ declare class LuForOptionsDirective<T> extends NgForOf<T> implements ILuOptionOp
     outOptions$: any;
     protected _subs: Subscription;
     set inOptions$(options$: Observable<T[]>);
-    set luForOptionsTrackBy(fn: TrackByFunction<T>);
+    readonly luForOptionsTrackBy: i0.InputSignal<TrackByFunction<T>>;
     constructor(_viewContainer: ViewContainerRef, _template: TemplateRef<NgForOfContext<T>>, _differs: IterableDiffers, _changeDetectionRef: ChangeDetectorRef);
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuForOptionsDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuForOptionsDirective<any>, "[luForOptions]", never, { "luForOptionsTrackBy": { "alias": "luForOptionsTrackBy"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LuForOptionsDirective<any>, "[luForOptions]", never, { "luForOptionsTrackBy": { "alias": "luForOptionsTrackBy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -370,14 +370,14 @@ declare class LuOptionSearcherComponent<T> extends ALuOptionOperator<T> implemen
     searchControl: FormControl<any>;
     readonly clue$: Observable<string>;
     empty$: Observable<boolean>;
-    readonly searchInput: ElementRef<HTMLElement>;
+    readonly searchInput: i0.Signal<ElementRef<HTMLElement>>;
     outOptions$: Observable<T[]>;
     set inOptions$(in$: Observable<T[]>);
-    searchFn: (option: T, clue: string) => boolean;
+    readonly searchFn: i0.InputSignal<(option: T, clue: string) => boolean>;
     onOpen(): void;
     resetClue(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionSearcherComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionSearcherComponent<any>, "lu-option-searcher", never, { "searchFn": { "alias": "searchFn"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionSearcherComponent<any>, "lu-option-searcher", never, { "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/types/lucca-front-ng-pagination.d.ts

@@ -1,5 +1,11 @@
 import * as _angular_core from '@angular/core';
 
+/**
+ * Available PaginationComponent Mods
+ */
+declare const PAGINATION_MOD: readonly ["default", "compact"];
+type PaginationMod = (typeof PAGINATION_MOD)[number];
+
 interface LuPaginationLabel {
     results: string;
     previous: string;
@@ -46,4 +52,5 @@ declare class PaginationComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "lu-pagination", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "isFirstPage": { "alias": "isFirstPage"; "required": false; "isSignal": true; }; "isLastPage": { "alias": "isLastPage"; "required": false; "isSignal": true; }; "from": { "alias": "from"; "required": false; "isSignal": true; }; "to": { "alias": "to"; "required": false; "isSignal": true; }; "itemsCount": { "alias": "itemsCount"; "required": false; "isSignal": true; }; "mod": { "alias": "mod"; "required": false; "isSignal": true; }; }, { "previousPage": "previousPage"; "nextPage": "nextPage"; }, never, never, true, never>;
 }
 
-export { PaginationComponent };
+export { PAGINATION_MOD, PaginationComponent };
+export type { PaginationMod };

package/types/lucca-front-ng-popover.d.ts

@@ -1,5 +1,5 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef, OnDestroy, EventEmitter, ElementRef, ViewContainerRef, AfterViewInit } from '@angular/core';
 import { OverlayRef, HorizontalConnectionPos, VerticalConnectionPos, Overlay, OverlayConfig, FlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
 import { Observable, Subscription, Subject } from 'rxjs';
@@ -96,61 +96,64 @@ declare class LuPopoverPanelComponent extends ALuPopoverPanel implements ILuPopo
     protected _template: TemplateRef<unknown>;
     protected _templateContext: unknown;
     /** Template to Use for the popover */
-    get template(): TemplateRef<unknown>;
-    set template(value: TemplateRef<unknown>);
+    readonly template: _angular_core.InputSignal<TemplateRef<unknown>>;
     /** Template context to use for the popover when created using a template */
-    get templateContext(): unknown;
-    set templateContext(value: unknown);
+    readonly templateContext: _angular_core.InputSignal<unknown>;
     /**
      * Popover container close on click
      * default: false
      */
-    set inputCloseOnClick(v: boolean);
+    readonly inputCloseOnClick: _angular_core.InputSignal<boolean>;
     /**
      * Popover focus trap using cdkTrapFocus
      * default: false
      */
-    set inputTrapFocus(v: boolean);
+    readonly inputTrapFocus: _angular_core.InputSignal<boolean>;
     /**
      * Popover scrollStrategy
      * default: reposition
      */
-    set inputScrollStrategy(v: LuPopoverScrollStrategy);
+    readonly inputScrollStrategy: _angular_core.InputSignal<LuPopoverScrollStrategy>;
     /**
      * This method takes classes set on the host lu-popover element and applies them on the
      * popover template that displays in the overlay container.  Otherwise, it's difficult
      * to style the containing popover from outside the component.
      * @param classes list of class names
      */
-    set inputPanelClasses(classes: string);
+    readonly inputPanelClasses: _angular_core.InputSignal<string>;
     /**
      * This method takes classes set on the host lu-popover element and applies them on the
      * popover template that displays in the overlay container. Otherwise, it's difficult
      * to style the containing popover from outside the component.
      * @param classes list of class names
      */
-    set inputContentClasses(classes: string);
+    readonly inputContentClasses: _angular_core.InputSignal<string>;
+    readonly close: EventEmitter<void>;
+    readonly open: EventEmitter<void>;
+    readonly hovered: EventEmitter<boolean>;
     /** Event emitted when the popover is closed. */
-    close: EventEmitter<void>;
-    open: EventEmitter<void>;
-    hovered: EventEmitter<boolean>;
-    set vcTemplateRef(tr: TemplateRef<unknown>);
+    protected readonly closeOutput: _angular_core.OutputRef<void>;
+    /** Event emitted when the popover is open. */
+    protected readonly openOutput: _angular_core.OutputRef<void>;
+    /** Event emitted when the popover is hovered. */
+    protected readonly hoveredOutput: _angular_core.OutputRef<boolean>;
+    readonly vcTemplateRef: _angular_core.Signal<TemplateRef<any>>;
     constructor();
     ngOnDestroy(): void;
     _emitCloseEvent(): void;
     _emitOpenEvent(): void;
     _emitHoveredEvent(hovered: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuPopoverPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuPopoverPanelComponent, "lu-popover", ["LuPopoverPanel"], { "template": { "alias": "template"; "required": false; }; "templateContext": { "alias": "template-context"; "required": false; }; "inputCloseOnClick": { "alias": "close-on-click"; "required": false; }; "inputTrapFocus": { "alias": "trap-focus"; "required": false; }; "inputScrollStrategy": { "alias": "scroll-strategy"; "required": false; }; "inputPanelClasses": { "alias": "panel-classes"; "required": false; }; "inputContentClasses": { "alias": "content-classes"; "required": false; }; }, { "close": "close"; "open": "open"; "hovered": "hovered"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuPopoverPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LuPopoverPanelComponent, "lu-popover", ["LuPopoverPanel"], { "template": { "alias": "template"; "required": false; "isSignal": true; }; "templateContext": { "alias": "template-context"; "required": false; "isSignal": true; }; "inputCloseOnClick": { "alias": "close-on-click"; "required": false; "isSignal": true; }; "inputTrapFocus": { "alias": "trap-focus"; "required": false; "isSignal": true; }; "inputScrollStrategy": { "alias": "scroll-strategy"; "required": false; "isSignal": true; }; "inputPanelClasses": { "alias": "panel-classes"; "required": false; "isSignal": true; }; "inputContentClasses": { "alias": "content-classes"; "required": false; "isSignal": true; }; }, { "closeOutput": "close"; "openOutput": "open"; "hoveredOutput": "hovered"; }, never, ["*"], true, never>;
 }
 
 /**
  * @deprecated use `LuPopoverPanelComponent` instead
  */
 declare class LuPopoverPanelModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuPopoverPanelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuPopoverPanelModule, never, [typeof LuPopoverPanelComponent], [typeof LuPopoverPanelComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuPopoverPanelModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuPopoverPanelModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuPopoverPanelModule, never, [typeof LuPopoverPanelComponent], [typeof LuPopoverPanelComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuPopoverPanelModule>;
 }
 
 type LuPopoverPosition = 'above' | 'below' | 'before' | 'after';
@@ -198,17 +201,17 @@ declare class LuPopoverTarget extends ALuPopoverTarget {
 }
 
 declare class LuPopoverTargetDirective extends ALuPopoverTarget {
-    constructor(ref: ElementRef);
     /** how you want to position the panel relative to the target, allowed values: above, below, before, after */
-    set inputPosition(pos: LuPopoverPosition);
+    readonly inputPosition: _angular_core.InputSignal<LuPopoverPosition>;
     /** how the panel will be align with the target, allowed values: top, bottom, left, right */
-    set inputAlignment(al: LuPopoverAlignment);
+    readonly inputAlignment: _angular_core.InputSignal<LuPopoverAlignment>;
     /** set to true if you want the panel to appear on top of the target */
-    set inputOverlap(ov: boolean);
-    set inputOffsetX(ox: number);
-    set inputOffsetY(oy: number);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuPopoverTargetDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuPopoverTargetDirective, "[luPopoverTarget]", ["LuPopoverTarget"], { "inputPosition": { "alias": "luPopoverPosition"; "required": false; }; "inputAlignment": { "alias": "luPopoverAlignment"; "required": false; }; "inputOverlap": { "alias": "luPopoverOverlap"; "required": false; }; "inputOffsetX": { "alias": "luPopoverOffsetX"; "required": false; }; "inputOffsetY": { "alias": "luPopoverOffsetY"; "required": false; }; }, {}, never, never, true, never>;
+    readonly inputOverlap: _angular_core.InputSignal<boolean>;
+    readonly inputOffsetX: _angular_core.InputSignal<number>;
+    readonly inputOffsetY: _angular_core.InputSignal<number>;
+    constructor(ref: ElementRef);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuPopoverTargetDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuPopoverTargetDirective, "[luPopoverTarget]", ["LuPopoverTarget"], { "inputPosition": { "alias": "luPopoverPosition"; "required": false; "isSignal": true; }; "inputAlignment": { "alias": "luPopoverAlignment"; "required": false; "isSignal": true; }; "inputOverlap": { "alias": "luPopoverOverlap"; "required": false; "isSignal": true; }; "inputOffsetX": { "alias": "luPopoverOffsetX"; "required": false; "isSignal": true; }; "inputOffsetY": { "alias": "luPopoverOffsetY"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 type LuPopoverTriggerEvent = 'click' | 'hover' | 'none' | 'focus';
@@ -369,33 +372,36 @@ declare abstract class ALuPopoverTrigger<TPanel extends ILuPopoverPanel = ILuPop
 }
 
 declare class LuPopoverTriggerDirective<TPanel extends ILuPopoverPanel = ILuPopoverPanel, TTarget extends ILuPopoverTarget = ILuPopoverTarget> extends ALuPopoverTrigger<TPanel, TTarget> implements ILuPopoverTrigger<TPanel, TTarget>, AfterViewInit, OnDestroy {
+    #private;
     protected _overlay: Overlay;
     protected _elementRef: ElementRef<HTMLElement>;
     protected _viewContainerRef: ViewContainerRef;
     /** References the popover instance that the trigger is associated with. */
-    set inputPanel(p: TPanel);
+    readonly inputPanel: _angular_core.InputSignal<TPanel>;
     /** References the popover target instance that the trigger is associated with. */
-    set inputTarget(t: TTarget);
+    readonly inputTarget: _angular_core.InputSignal<TTarget>;
     /** References the popover target instance that the trigger is associated with. */
-    set inputTriggerEvent(te: LuPopoverTriggerEvent);
-    /** Event emitted when the associated popover is opened. */
-    onOpen: EventEmitter<void>;
+    readonly inputTriggerEvent: _angular_core.InputSignal<LuPopoverTriggerEvent>;
+    readonly onOpen: EventEmitter<void>;
+    readonly onClose: EventEmitter<void>;
     /** Event emitted when the associated popover is closed. */
-    onClose: EventEmitter<void>;
+    protected readonly onCloseOutput: _angular_core.OutputRef<void>;
+    /** Event emitted when the associated popover is opened. */
+    protected readonly onOpenOutput: _angular_core.OutputRef<void>;
     /** how you want to position the panel relative to the target, allowed values: above, below, before, after */
-    set inputPosition(pos: LuPopoverPosition);
+    readonly inputPosition: _angular_core.InputSignal<LuPopoverPosition>;
     /** how the panel will be align with the target, allowed values: top, bottom, left, right */
-    set inputAlignment(al: LuPopoverAlignment);
+    readonly inputAlignment: _angular_core.InputSignal<LuPopoverAlignment>;
     /** when trigger = hover, delay before the popover panel appears */
-    set inputEnterDelay(d: number);
+    readonly inputEnterDelay: _angular_core.InputSignal<number>;
     /** when trigger = hover, delay before the popover panel disappears */
-    set inputLeaveDelay(d: number);
+    readonly inputLeaveDelay: _angular_core.InputSignal<number>;
     /** disable popover apparition */
-    set inputDisabled(d: boolean);
+    readonly inputDisabled: _angular_core.InputSignal<boolean>;
     /** set to true if you want the panel to appear on top of the target */
-    set inputOverlap(ov: boolean);
-    set inputOffsetX(ox: number);
-    set inputOffsetY(oy: number);
+    readonly inputOverlap: _angular_core.InputSignal<boolean>;
+    readonly inputOffsetX: _angular_core.InputSignal<number>;
+    readonly inputOffsetY: _angular_core.InputSignal<number>;
     /** accessibility attribute - dont override */
     get _attrAriaExpanded(): boolean;
     /** accessibility attribute - dont override */
@@ -412,17 +418,17 @@ declare class LuPopoverTriggerDirective<TPanel extends ILuPopoverPanel = ILuPopo
     ngOnDestroy(): void;
     protected _emitOpen(): void;
     protected _emitClose(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuPopoverTriggerDirective<any, any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LuPopoverTriggerDirective<any, any>, "[luPopover]", ["LuPopoverTrigger"], { "inputPanel": { "alias": "luPopover"; "required": false; }; "inputTarget": { "alias": "luPopoverTarget"; "required": false; }; "inputTriggerEvent": { "alias": "luPopoverTrigger"; "required": false; }; "inputPosition": { "alias": "luPopoverPosition"; "required": false; }; "inputAlignment": { "alias": "luPopoverAlignment"; "required": false; }; "inputEnterDelay": { "alias": "luPopoverEnterDelay"; "required": false; }; "inputLeaveDelay": { "alias": "luPopoverLeaveDelay"; "required": false; }; "inputDisabled": { "alias": "luPopoverDisabled"; "required": false; }; "inputOverlap": { "alias": "luPopoverOverlap"; "required": false; }; "inputOffsetX": { "alias": "luPopoverOffsetX"; "required": false; }; "inputOffsetY": { "alias": "luPopoverOffsetY"; "required": false; }; }, { "onOpen": "luPopoverOnOpen"; "onClose": "luPopoverOnClose"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuPopoverTriggerDirective<any, any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LuPopoverTriggerDirective<any, any>, "[luPopover]", ["LuPopoverTrigger"], { "inputPanel": { "alias": "luPopover"; "required": false; "isSignal": true; }; "inputTarget": { "alias": "luPopoverTarget"; "required": false; "isSignal": true; }; "inputTriggerEvent": { "alias": "luPopoverTrigger"; "required": false; "isSignal": true; }; "inputPosition": { "alias": "luPopoverPosition"; "required": false; "isSignal": true; }; "inputAlignment": { "alias": "luPopoverAlignment"; "required": false; "isSignal": true; }; "inputEnterDelay": { "alias": "luPopoverEnterDelay"; "required": false; "isSignal": true; }; "inputLeaveDelay": { "alias": "luPopoverLeaveDelay"; "required": false; "isSignal": true; }; "inputDisabled": { "alias": "luPopoverDisabled"; "required": false; "isSignal": true; }; "inputOverlap": { "alias": "luPopoverOverlap"; "required": false; "isSignal": true; }; "inputOffsetX": { "alias": "luPopoverOffsetX"; "required": false; "isSignal": true; }; "inputOffsetY": { "alias": "luPopoverOffsetY"; "required": false; "isSignal": true; }; }, { "onCloseOutput": "luPopoverOnClose"; "onOpenOutput": "luPopoverOnOpen"; }, never, never, true, never>;
 }
 
 /**
  * @deprecated use `LuPopoverPanelComponent, LuPopoverTargetDirective, LuPopoverTriggerDirective` instead
  */
 declare class LuPopoverModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuPopoverModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuPopoverModule, never, [typeof LuPopoverPanelComponent, typeof LuPopoverTargetDirective, typeof LuPopoverTriggerDirective], [typeof LuPopoverPanelComponent, typeof LuPopoverTargetDirective, typeof LuPopoverTriggerDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuPopoverModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LuPopoverModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<LuPopoverModule, never, [typeof LuPopoverPanelComponent, typeof LuPopoverTargetDirective, typeof LuPopoverTriggerDirective], [typeof LuPopoverPanelComponent, typeof LuPopoverTargetDirective, typeof LuPopoverTriggerDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<LuPopoverModule>;
 }
 
 export { ALuPopoverPanel, ALuPopoverTarget, ALuPopoverTrigger, LuPopoverModule, LuPopoverPanelComponent, LuPopoverPanelModule, LuPopoverTarget, LuPopoverTargetDirective, LuPopoverTriggerDirective, luTransformPopover };