@lucca-front/ng 21.1.0-split.0 → 21.1.1-rc.1

package/schematics/tokens-typo/migration.spec.js

@@ -3,25 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs = require("fs");
 const glob = require("glob");
 const path = require("path");
-const migration_test_js_1 = require("../lib/migration-test.js");
+const lib_1 = require("../lib");
 const collectionPath = path.normalize(path.join(__dirname, '..', 'collection.json'));
 const testsRoot = path.join(__dirname, 'tests');
 const files = fs.readdirSync(testsRoot);
 describe('Tokens typo Migration', () => {
     it('should update files', async () => {
         // Arrange
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.input.');
-        const expectedTree = (0, migration_test_js_1.createTreeFromFiles)(testsRoot, files, '.output.');
+        const tree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.input.');
+        const expectedTree = (0, lib_1.createTreeFromFiles)(testsRoot, files, '.output.');
         // Act
         try {
-            await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+            await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
         }
         catch (error) {
             // eslint-disable-next-line no-console
             console.log(error);
         }
         // Assert
-        (0, migration_test_js_1.expectTree)(tree).toMatchTree(expectedTree);
+        (0, lib_1.expectTree)(tree).toMatchTree(expectedTree);
     });
     // Use this to migrate @lucca-front/* packages
     it.skip('should migrate @lucca-front/*', async () => {
@@ -33,10 +33,10 @@ describe('Tokens typo Migration', () => {
             ...glob.sync('packages/ng/**/*', { cwd: lfRoot, nodir: true, ignore: ['**/schematics/**'] }),
             ...glob.sync('stories/**', { cwd: lfRoot, nodir: true }),
         ];
-        const treeOriginalTree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
-        const tree = (0, migration_test_js_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const treeOriginalTree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
+        const tree = (0, lib_1.createTreeFromFiles)(lfRoot, lfFiles, '.');
         // Act
-        await (0, migration_test_js_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
+        await (0, lib_1.runSchematic)('collection', collectionPath, 'tokens-typo', { skipInstallation: true }, tree);
         // Assert
         tree.visit((p, entry) => {
             const original = treeOriginalTree.get(p)?.content.toString() || '';

package/src/components/cdk/_overlay.scss

@@ -33,12 +33,17 @@
 
 	> * {
 		flex-grow: 1;
+		min-inline-size: 0;
 	}
 
 	&.mod-optionPicker {
 		min-inline-size: 13rem;
 		max-inline-size: 30rem;
 	}
+
+	&:has(> lu-select-panel) {
+		max-inline-size: 35rem !important;
+	}
 }
 
 .cdk-overlay-backdrop {

package/src/definitions/option/_option-item.scss

@@ -51,6 +51,7 @@
 			padding-inline: var(--components-options-item-padding-horizontal);
 			transition: background-color 50ms;
 			cursor: pointer;
+			overflow-wrap: anywhere;
 
 			::ng-deep {
 				.avatar {

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

@@ -5,7 +5,7 @@ import { LuTranslation } from '@lucca-front/ng/core';
 
 declare class LuSkipLinksComponent {
     #private;
-    protected intl: i0.InputSignalWithTransform<_lucca_front_ng_a11y.ILuSkipLinksLabel, Partial<_lucca_front_ng_a11y.ILuSkipLinksLabel>>;
+    readonly intl: i0.InputSignalWithTransform<_lucca_front_ng_a11y.ILuSkipLinksLabel, Partial<_lucca_front_ng_a11y.ILuSkipLinksLabel>>;
     anchor(hash: string, e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuSkipLinksComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LuSkipLinksComponent, "lu-skip-links", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

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

@@ -122,15 +122,6 @@ declare class LuApiFeederComponent<T extends ILuApiItem = ILuApiItem> extends AL
     static ɵcmp: i0.ɵɵComponentDeclaration<LuApiFeederComponent<any>, "lu-api-feeder", never, { "standard": { "alias": "standard"; "required": false; }; "api": { "alias": "api"; "required": false; }; "fields": { "alias": "fields"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "sort": { "alias": "sort"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-/**
- * @deprecated use `LuApiFeederComponent` instead
- */
-declare class LuApiFeederModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuApiFeederModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuApiFeederModule, never, [typeof LuApiFeederComponent], [typeof LuApiFeederComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuApiFeederModule>;
-}
-
 type ILuApiOptionSearcher<T extends ILuApiItem = ILuApiItem> = ILuApiOptionFeeder<T>;
 declare abstract class ALuApiOptionSearcher<T extends ILuApiItem = ILuApiItem, S extends ILuApiService<T> = ILuApiService<T>> implements ILuApiOptionFeeder<T>, ILuOnOpenSubscriber {
     protected _service: S;
@@ -291,15 +282,6 @@ declare class LuApiSearcherModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuApiSearcherModule>;
 }
 
-/**
- * @deprecated use `LuApiPagerComponent` instead
- */
-declare class LuApiPagerModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuApiPagerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuApiPagerModule, never, [typeof LuApiPagerComponent], [typeof LuApiPagerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuApiPagerModule>;
-}
-
 /**
  * @deprecated use `LuApiSelectInputComponent` instead
  */
@@ -309,5 +291,5 @@ declare class LuApiSelectInputModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuApiSelectInputModule>;
 }
 
-export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiFeederModule, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiPagerModule, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
+export { ALuApiOptionFeeder, ALuApiOptionPagedSearcher, ALuApiOptionPager, ALuApiOptionSearcher, ALuApiService, LuApiFeederComponent, LuApiHybridService, LuApiModule, LuApiPagedSearcherComponent, LuApiPagerComponent, LuApiSearcherComponent, LuApiSearcherModule, LuApiSelectInputComponent, LuApiSelectInputModule, LuApiSelectModule, LuApiV3Service, LuApiV4Service };
 export type { ILuApiCollectionResponse, ILuApiFeederService, ILuApiItem, ILuApiOptionFeeder, ILuApiOptionPagedSearcher, ILuApiOptionPager, ILuApiOptionSearcher, ILuApiPagerService, ILuApiResponse, ILuApiService, ILuApiSuggestion };

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

@@ -5,8 +5,9 @@ declare class BoxComponent {
     readonly neutral: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly killable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly withArrow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly killed: _angular_core.OutputEmitterRef<void>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BoxComponent, "lu-box", never, { "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "neutral": { "alias": "neutral"; "required": false; "isSignal": true; }; "killable": { "alias": "killable"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BoxComponent, "lu-box", never, { "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "neutral": { "alias": "neutral"; "required": false; "isSignal": true; }; "killable": { "alias": "killable"; "required": false; "isSignal": true; }; "withArrow": { "alias": "withArrow"; "required": false; "isSignal": true; }; }, { "killed": "killed"; }, never, ["*"], true, never>;
 }
 
 export { BoxComponent };

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

@@ -12,7 +12,7 @@ interface LuBreadcrumbsLabel {
 }
 
 declare class BreadcrumbsComponent {
-    intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<LuBreadcrumbsLabel, Partial<LuBreadcrumbsLabel>>;
     readonly disableCompact: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly links: _angular_core.Signal<readonly BreadcrumbsLinkDirective[]>;
     readonly isCompact: _angular_core.Signal<boolean>;

package/types/lucca-front-ng-bubble-illustration.d.ts

@@ -8,7 +8,7 @@ declare class BubbleIllustrationComponent {
     readonly domain = "https://cdn.lucca.fr";
     readonly path = "/transverse/prisme/visuals/bubble-illustration/";
     readonly extension = ".svg";
-    readonly illustration: _angular_core.InputSignal<"moodAngry" | "moodBored" | "moodHappy" | "moodJoyful" | "moodMoody" | "moodSad" | "moodShoked" | "moodSly" | "moodSmirking" | "moodSurprised" | "absence" | "anniversary" | "awardRibbon" | "banknote" | "battery" | "bell" | "binders" | "biscuit" | "bookmark" | "books" | "bronzeMedal" | "building" | "bulb" | "calculator" | "calendar" | "camera" | "charts" | "chat" | "checkmark" | "chemistry" | "clipboard" | "clock" | "coffee" | "cup" | "diamond" | "equity" | "error" | "export" | "file" | "fish" | "folder" | "gear" | "gift" | "goldMedal" | "graduate" | "growth" | "hearth" | "home" | "hourglass" | "import" | "invoice" | "jigsaw" | "link" | "lock" | "magnifyingGlass" | "mail" | "map" | "mapPin" | "medical" | "megaphone" | "mix" | "mobile" | "multipleReceipts" | "newbie" | "newsFeed" | "office" | "outside" | "paint" | "paperplane" | "party" | "paymentCards" | "payslip" | "pen" | "percent" | "phone" | "picture" | "polaroid" | "receipt" | "recruit" | "reload" | "restaurant" | "rocket" | "save" | "screwdriver" | "security" | "silverMedal" | "sliders" | "speed" | "stopwatch" | "subjects" | "survey" | "target" | "tasklist" | "temperature" | "thumbtack" | "thumbUp" | "timer" | "trash" | "userID" | "video" | "warning" | "widget">;
+    readonly illustration: _angular_core.InputSignal<string>;
     readonly palette: _angular_core.InputSignal<Palette | DecorativePalette>;
     readonly size: _angular_core.InputSignal<"" | "S" | "L">;
     readonly action: _angular_core.InputSignalWithTransform<boolean, unknown>;

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

@@ -11,9 +11,23 @@ declare class CalloutActionsComponent {
 }
 
 declare class CalloutDisclosureComponent {
+    /**
+     * The title of the disclosure callout
+     */
     readonly heading: _angular_core.InputSignal<PortalContent>;
+    /**
+     * Which icon should we display in the disclosure callout if any?
+     * Defaults to no icon.
+     */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Which palette should be used for the entire disclosure callout.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Which size should the disclosure callout be? Defaults to medium
+     */
     readonly size: _angular_core.InputSignal<"M" | "S">;
     /**
      * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
@@ -23,12 +37,18 @@ declare class CalloutDisclosureComponent {
      * state (so setting state to success and palette to warning will make the palette warning)
      */
     readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
+    /**
+     * Is the disclosure callout is open by default
+     */
     readonly open: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emit boolean event when toggle disclosure callout opened
+     */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
     readonly calloutPalette: _angular_core.Signal<string>;
     readonly calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
     }>;
-    openChange: _angular_core.OutputEmitterRef<boolean>;
     onToggle(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
@@ -45,7 +65,14 @@ declare class CalloutFeedbackItemComponent {
 
 declare class CalloutFeedbackListComponent {
     #private;
+    /**
+     * Which palette should be used for the entire feedback list callout.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Which size should the feedback list callout be? Defaults to medium
+     */
     readonly size: _angular_core.InputSignal<"M" | "S">;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
@@ -69,6 +96,9 @@ declare class CalloutPopoverComponent {
      * Alternative for the button
      */
     readonly buttonAlt: _angular_core.InputSignal<string>;
+    /**
+     * Hide callout popover title if there is only one item
+     */
     readonly headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Palette for both the button and the popover content
@@ -124,7 +154,7 @@ interface LuCalloutLabel {
 declare const luCalloutTranslations: LuTranslation<LuCalloutLabel>;
 
 declare class CalloutComponent {
-    intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_callout.LuCalloutLabel, Partial<_lucca_front_ng_callout.LuCalloutLabel>>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_callout.LuCalloutLabel, Partial<_lucca_front_ng_callout.LuCalloutLabel>>;
     /**
      * The title of the callout
      */

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

@@ -8,16 +8,46 @@ interface ChipTranslate {
 }
 
 declare class ChipComponent {
-    intl: _angular_core.InputSignalWithTransform<ChipTranslate, Partial<ChipTranslate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<ChipTranslate, Partial<ChipTranslate>>;
+    /**
+     * Add an ellipsis if the text is too long
+     */
     readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Makes the chip non-removable
+     */
     readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which palette should be used for the entire chip.
+     * Defaults to none (inherits parent palette)
+     */
     readonly palette: _angular_core.InputSignal<string>;
+    /**
+     * Disabled the chip
+     */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which size should the chip be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"S">;
+    /**
+     * State is a shorthand to set the icon and the palette to the recommended values for the icon and palette based on
+     * the provided state.
+     *
+     * If one of the icon or palette inputs are filled along with the state input, their values will have the priority over
+     * state (so setting state to success and palette to warning will make the palette warning)
+     */
     readonly state: _angular_core.InputSignal<"warning" | "critical">;
-    readonly stateAlt: _angular_core.Signal<string>;
+    /**
+     * Which icon should we display in the chip if any?
+     * Defaults to no icon.
+     */
     readonly icon: _angular_core.InputSignal<LuccaIcon>;
+    /**
+     * Emit event when button kill is click
+     */
     readonly kill: _angular_core.OutputEmitterRef<Event>;
+    readonly stateAlt: _angular_core.Signal<string>;
     readonly isWarning: _angular_core.Signal<boolean>;
     readonly isCritical: _angular_core.Signal<boolean>;
     readonly displayedIcon: _angular_core.Signal<LuccaIcon>;

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

@@ -16,11 +16,26 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
     #private;
-    intl: _angular_core.InputSignalWithTransform<LuClearLabel, Partial<LuClearLabel>>;
-    size: _angular_core.InputSignal<"S">;
-    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    palette: _angular_core.InputSignal<Palette>;
-    inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly intl: _angular_core.InputSignalWithTransform<LuClearLabel, Partial<LuClearLabel>>;
+    /**
+     * Which size should the clear be? Defaults to small
+     */
+    readonly size: _angular_core.InputSignal<"S">;
+    /**
+     * Disabled the clear
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Which palette should be used for the entire clear
+     */
+    readonly palette: _angular_core.InputSignal<Palette>;
+    /**
+     * Change the clear colors for use on a dark background
+     */
+    readonly inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Emit event when button clear is click
+     */
     onClear: EventEmitter<T>;
     contentRef: _angular_core.Signal<readonly ElementRef<any>[]>;
     constructor();

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

@@ -5,34 +5,42 @@ import { PortalContent } from '@lucca-front/ng/core';
 
 declare class CommentComponent {
     #private;
-    noAvatar: _angular_core.Signal<boolean>;
-    avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
-    authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
-    size: _angular_core.Signal<"S" | "M">;
-    date: _angular_core.InputSignal<Date>;
+    readonly content: _angular_core.InputSignal<string>;
+    readonly date: _angular_core.InputSignal<Date>;
     /**
      * format given to the date pipe for display.
      *
      * See https://angular.dev/api/common/DatePipe#custom-format-options
      */
-    datePipeFormat: _angular_core.InputSignal<string>;
-    content: _angular_core.InputSignal<string>;
-    contentIsHTML: _angular_core.Signal<boolean>;
-    dateDisplay: _angular_core.Signal<string>;
-    role: _angular_core.Signal<string>;
+    readonly datePipeFormat: _angular_core.InputSignal<string>;
+    readonly noAvatar: _angular_core.Signal<boolean>;
+    readonly avatar: _angular_core.Signal<_angular_core.TemplateRef<unknown>>;
+    readonly authorName: _angular_core.Signal<_lucca_front_ng_core.PortalContent>;
+    readonly size: _angular_core.Signal<"S" | "M">;
+    readonly contentIsHTML: _angular_core.Signal<boolean>;
+    readonly dateDisplay: _angular_core.Signal<string>;
+    readonly role: _angular_core.Signal<string>;
     get roleAttr(): string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CommentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; "content": { "alias": "content"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CommentComponent, "lu-comment", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "date": { "alias": "date"; "required": false; "isSignal": true; }; "datePipeFormat": { "alias": "datePipeFormat"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CommentBlockComponent {
     #private;
     readonly comments: _angular_core.Signal<readonly CommentComponent[]>;
     readonly compact: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Small is a shorthand to set the size to small
+     *
+     * If the size input is filled along with the small input, their values will have the priority
+     */
     readonly small: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly chatAnswer: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly authorName: _angular_core.InputSignal<PortalContent>;
     readonly avatar: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /**
+     * Which size should the block comment be? Defaults or small
+     */
     readonly size: _angular_core.InputSignal<"S" | "M">;
     readonly noAvatar: _angular_core.Signal<boolean>;
     readonly isSingleComment: _angular_core.Signal<boolean>;

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

@@ -1,10 +1,10 @@
 import * as _angular_core from '@angular/core';
 
 declare class ContainerComponent {
-    center: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
-    classesConfig: _angular_core.Signal<{
+    readonly center: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly overflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly max: _angular_core.InputSignal<"M" | "L" | "XL" | "XXL" | "XXXL">;
+    readonly classesConfig: _angular_core.Signal<{
         [x: string]: boolean;
         "mod-center": boolean;
         "mod-overflow": boolean;

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

@@ -135,7 +135,7 @@ declare class CoreSelectPanelElement<T> implements Highlightable, OnDestroy {
 
 declare class LuOptionComponent<T> implements AfterViewInit, OnDestroy, OnInit {
     protected selectableItem: CoreSelectPanelElement<any>;
-    protected intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
+    readonly intl: _angular_core.InputSignalWithTransform<OptionTranslate, Partial<OptionTranslate>>;
     hasOptionItemClass: boolean;
     optionTpl: TemplateRef<LuOptionContext<T>> | Type<unknown> | undefined;
     option?: T;
@@ -249,6 +249,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     protected afterCloseFn?: () => void;
     protected updatePositionFn?: () => void;
     protected filterPillMode: boolean;
+    ignorePresentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     selectParent$?: Subject<void>;
     selectChildren$?: Subject<void>;
     panelClosed: _angular_core.OutputEmitterRef<void>;
@@ -350,7 +351,7 @@ declare abstract class ALuSelectInputComponent<TOption, TValue> implements OnDes
     onFilterPillOpened(): void;
     onFilterPillClosed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ALuSelectInputComponent<any, any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "addOptionLabel": { "alias": "addOptionLabel"; "required": false; }; "addOptionStrategy": { "alias": "addOptionStrategy"; "required": false; }; "overlayConfig": { "alias": "overlayConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionComparer": { "alias": "optionComparer"; "required": false; }; "optionKey": { "alias": "optionKey"; "required": false; }; "noClueIcon": { "alias": "noClueIcon"; "required": false; "isSignal": true; }; "inputTabindex": { "alias": "inputTabindex"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "colorPicker": { "alias": "colorPicker"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "panelHeaderTpl": { "alias": "panelHeaderTpl"; "required": false; "isSignal": true; }; "panelFooterTpl": { "alias": "panelFooterTpl"; "required": false; "isSignal": true; }; }, { "panelClosed": "panelClosed"; "panelOpened": "panelOpened"; "highlightedOption": "highlightedOption"; "optionTpl": "optionTplChange"; "valueTpl": "valueTplChange"; "panelHeaderTpl": "panelHeaderTplChange"; "panelFooterTpl": "panelFooterTplChange"; "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "addOption": "addOption"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "ignorePresentation": { "alias": "ignorePresentation"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "addOptionLabel": { "alias": "addOptionLabel"; "required": false; }; "addOptionStrategy": { "alias": "addOptionStrategy"; "required": false; }; "overlayConfig": { "alias": "overlayConfig"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionComparer": { "alias": "optionComparer"; "required": false; }; "optionKey": { "alias": "optionKey"; "required": false; }; "noClueIcon": { "alias": "noClueIcon"; "required": false; "isSignal": true; }; "inputTabindex": { "alias": "inputTabindex"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "colorPicker": { "alias": "colorPicker"; "required": false; "isSignal": true; }; "optionTpl": { "alias": "optionTpl"; "required": false; "isSignal": true; }; "valueTpl": { "alias": "valueTpl"; "required": false; "isSignal": true; }; "panelHeaderTpl": { "alias": "panelHeaderTpl"; "required": false; "isSignal": true; }; "panelFooterTpl": { "alias": "panelFooterTpl"; "required": false; "isSignal": true; }; }, { "panelClosed": "panelClosed"; "panelOpened": "panelOpened"; "highlightedOption": "highlightedOption"; "optionTpl": "optionTplChange"; "valueTpl": "valueTplChange"; "panelHeaderTpl": "panelHeaderTplChange"; "panelFooterTpl": "panelFooterTplChange"; "clueChange": "clueChange"; "nextPage": "nextPage"; "previousPage": "previousPage"; "addOption": "addOption"; }, never, never, true, never>;
     static ngAcceptInputType_clearable: unknown;
 }
 

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

@@ -127,15 +127,6 @@ declare class LuCalendarInputComponent<D> extends ALuInput<D> implements Control
     static ɵcmp: i0.ɵɵComponentDeclaration<LuCalendarInputComponent<any>, "lu-calendar", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "granularity": { "alias": "granularity"; "required": false; }; "startOn": { "alias": "startOn"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-/**
- * @deprecated use `LuCalendarInputComponent` instead
- */
-declare class LuCalendarInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuCalendarInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuCalendarInputModule, never, [typeof LuCalendarInputComponent], [typeof LuCalendarInputComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuCalendarInputModule>;
-}
-
 declare class LuDatePickerComponent<D = Date> extends ALuPickerPanel<D> {
     private _adapter;
     _value: D;
@@ -244,15 +235,6 @@ declare class LuHumanizeDatePipe implements PipeTransform {
 declare function getRelativeTime(date: number | Date, reference: number | Date, allowedUnits?: readonly LuRelativeTimeFormatUnit[]): LuRelativeTime;
 declare function relativeTimeTimer(date: Date | number, allowedUnits?: readonly LuRelativeTimeFormatUnit[]): Observable<LuRelativeTime>;
 
-/**
- * @deprecated use `LuDateInputDirective` instead
- */
-declare class LuDateInputModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuDateInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuDateInputModule, never, [typeof LuDateInputDirective], [typeof LuDateInputDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuDateInputModule>;
-}
-
 declare const LU_DATE_INPUT_TRANSLATIONS: InjectionToken<LuTranslation<ILuDateInputLabel>>;
 interface ILuDateInputLabel {
     placeholderDay: string;
@@ -287,5 +269,5 @@ interface ILuDateSelectInputLabel {
 }
 declare const luDateSelectInputTranslations: LuTranslation<ILuDateSelectInputLabel>;
 
-export { LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuCalendarInputModule, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateInputModule, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputModule, LuHumanizeDateFormatter, LuHumanizeDatePipe, getRelativeTime, luDateInputTranslations, luDateSelectInputTranslations, luRelativeTimeFormatUnit, relativeTimeTimer };
+export { LU_DATE_INPUT_TRANSLATIONS, LU_DATE_SELECT_INPUT_TRANSLATIONS, LuCalendarInputComponent, LuDateAdapterModule, LuDateAdapterPipe, LuDateInputDirective, LuDateModule, LuDatePickerComponent, LuDatePickerModule, LuDateSelectInputComponent, LuDateSelectInputModule, LuHumanizeDateFormatter, LuHumanizeDatePipe, getRelativeTime, luDateInputTranslations, luDateSelectInputTranslations, luRelativeTimeFormatUnit, relativeTimeTimer };
 export type { ILuDateInputLabel, ILuDateSelectInputLabel, LuRelativeTime, LuRelativeTimeFormatUnit };

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

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ElementRef } from '@angular/core';
+import { OnInit, ElementRef, Signal } from '@angular/core';
 import { Palette, PortalContent } from '@lucca-front/ng/core';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
-import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
+import { ControlValueAccessor, Validator, NgControl, AbstractControl, ValidationErrors } from '@angular/forms';
 import { LuccaIcon } from '@lucca-front/icons';
 import { FilterPillInputComponent } from '@lucca-front/ng/filter-pills';
 import { PopoverDirective } from '@lucca-front/ng/popover2';
@@ -210,6 +210,7 @@ type DateInputValidatorErrorType = {
 declare class DateInputComponent extends AbstractDateComponent implements OnInit, ControlValueAccessor, Validator, FilterPillInputComponent {
     #private;
     parentInput: FilterPillInputComponent;
+    ngControl: NgControl;
     autocomplete: _angular_core.InputSignal<AutoFill>;
     placeholder: _angular_core.InputSignal<string>;
     disableOverflow: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -265,38 +266,40 @@ declare const PremadeShortcuts: Record<string, (locale: string) => DateRange>;
 declare class DateRangeInputComponent extends AbstractDateComponent implements OnInit, ControlValueAccessor, Validator, FilterPillInputComponent {
     #private;
     parentInput: FilterPillInputComponent;
-    hasTwoCalendars: _angular_core.Signal<boolean>;
+    hasTwoCalendars: Signal<boolean>;
     idSuffix: number;
-    startTextInputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
-    endTextInputRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    startTextInputRef: Signal<ElementRef<HTMLInputElement>>;
+    startUserTextInput: _angular_core.WritableSignal<string>;
+    endTextInputRef: Signal<ElementRef<HTMLInputElement>>;
+    endUserTextInput: _angular_core.WritableSignal<string>;
     initialValue: _angular_core.WritableSignal<DateRange>;
     selectedRange: _angular_core.WritableSignal<DateRange>;
     dateHovered: _angular_core.WritableSignal<Date>;
     placeholder: _angular_core.InputSignal<string>;
     widthAuto: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: PortalContent;
+    label: Signal<PortalContent | undefined>;
     popoverPositions: ConnectionPositionPair[];
     inputFocused: _angular_core.WritableSignal<boolean>;
     editedField: _angular_core.WritableSignal<0 | 1 | -1>;
     highlightedField: _angular_core.WritableSignal<0 | 1 | -1>;
     shortcuts: _angular_core.InputSignal<readonly CalendarShortcut[]>;
     autocomplete: _angular_core.InputSignal<AutoFill>;
-    protected currentRightDate: _angular_core.Signal<Date>;
-    protected currentStartDisplayDate: _angular_core.Signal<Date>;
-    protected currentEndDisplayDate: _angular_core.Signal<Date>;
-    calendars: _angular_core.Signal<readonly Calendar2Component[]>;
+    protected currentRightDate: Signal<Date>;
+    protected currentStartDisplayDate: Signal<Date>;
+    protected currentEndDisplayDate: Signal<Date>;
+    calendars: Signal<readonly Calendar2Component[]>;
     combinedGetCellInfo: (date: Date, mode: CalendarMode) => CellStatus;
-    calendarRanges: _angular_core.Signal<DateRange[]>;
-    startLabel: _angular_core.Signal<string>;
-    endLabel: _angular_core.Signal<string>;
-    previousButton: _angular_core.Signal<ElementRef<Element>>;
-    nextButton: _angular_core.Signal<ElementRef<Element>>;
+    calendarRanges: Signal<DateRange[]>;
+    startLabel: Signal<string>;
+    endLabel: Signal<string>;
+    previousButton: Signal<ElementRef<Element>>;
+    nextButton: Signal<ElementRef<Element>>;
     focusedCalendarIndex: _angular_core.WritableSignal<number>;
-    focusedCalendar: _angular_core.Signal<Calendar2Component>;
+    focusedCalendar: Signal<Calendar2Component>;
     isFilterPill: boolean;
     get isWidthAuto(): boolean;
-    isFilterPillEmpty: _angular_core.Signal<boolean>;
-    isFilterPillClearable: _angular_core.Signal<boolean>;
+    isFilterPillEmpty: Signal<boolean>;
+    isFilterPillClearable: Signal<boolean>;
     filterPillPopoverCloseFn?: () => void;
     filterPillDisabled: _angular_core.WritableSignal<boolean>;
     get isNavigationButtonFocused(): boolean;

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

@@ -120,15 +120,6 @@ declare class LuDepartmentModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuDepartmentModule>;
 }
 
-/**
- * @deprecated use `LuDepartmentFeederComponent` instead
- */
-declare class LuDepartmentFeederModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<LuDepartmentFeederModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<LuDepartmentFeederModule, never, [typeof LuDepartmentFeederComponent], [typeof LuDepartmentFeederComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<LuDepartmentFeederModule>;
-}
-
 /**
  * @deprecated use `LuDepartmentSelectInputComponent` instead
  */
@@ -144,5 +135,5 @@ interface ILuDepartmentSelectInputLabel {
 }
 declare const luDepartmentSelectInputTranslations: LuTranslation<ILuDepartmentSelectInputLabel>;
 
-export { ALuDepartmentService, LU_DEPARTMENT_SELECT_INPUT_TRANSLATIONS, LuDepartmentFeederComponent, LuDepartmentFeederModule, LuDepartmentModule, LuDepartmentSelectInputComponent, LuDepartmentSelectInputModule, LuDepartmentSelectModule, LuDepartmentV3Service, LuDepartmentV4Service, luDepartmentSelectInputTranslations };
+export { ALuDepartmentService, LU_DEPARTMENT_SELECT_INPUT_TRANSLATIONS, LuDepartmentFeederComponent, LuDepartmentModule, LuDepartmentSelectInputComponent, LuDepartmentSelectInputModule, LuDepartmentSelectModule, LuDepartmentV3Service, LuDepartmentV4Service, luDepartmentSelectInputTranslations };
 export type { IApiDepartment, ILuDepartment, ILuDepartmentSelectInputLabel, ILuDepartmentService };

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

@@ -143,7 +143,7 @@ type BaseLuDialogConfig<C, TData = LuDialogData<C>> = {
     /**
      * The size of the panel used for the dialog
      */
-    size?: 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL' | 'fitContent' | `maxContent` | 'fullScreen';
+    size?: LuDialogSize;
     /**
      * Should it be a modal (default), a drawer? a drawer from bottom?
      */
@@ -154,6 +154,7 @@ type BaseLuDialogConfig<C, TData = LuDialogData<C>> = {
     panelClasses?: string[];
 };
 type LuDialogConfig<T, TData = LuDialogData<T>> = [TData] extends [never] ? Omit<BaseLuDialogConfig<T, TData>, 'data'> : BaseLuDialogConfig<T, TData>;
+type LuDialogSize = 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL' | 'fitContent' | `maxContent` | 'fullScreen';
 
 declare const DISMISSED_VALUE: {};
 declare class LuDialogRef<C = unknown, TData = LuDialogData<C>> {
@@ -185,10 +186,12 @@ declare class LuDialogRef<C = unknown, TData = LuDialogData<C>> {
     constructor(cdkRef: DialogRef<LuDialogResult<C> | typeof DISMISSED_VALUE, C>, config: LuDialogConfig<C, TData>);
     dismiss(): void;
     close(res: LuDialogResult<C>): void;
+    resize(size: LuDialogSize): void;
 }
 type LuDialogSelfRef<R> = {
     dismiss(): void;
     close(res: R): void;
+    resize(size: LuDialogSize): void;
 };
 
 declare function injectDialogData<TData>(): TData & ɵDialogDataFlag;
@@ -291,7 +294,7 @@ declare class DialogOpenDirective {
         cdkConfigOverride?: _angular_cdk_dialog.DialogConfig<unknown, unknown, _angular_cdk_portal.BasePortalOutlet>;
         canClose?: (comp: unknown) => boolean | rxjs.Observable<boolean>;
         canCloseWithBackdrop?: boolean;
-        size?: "XS" | "S" | "M" | "L" | "XL" | "XXL" | "fitContent" | `maxContent` | "fullScreen";
+        size?: _lucca_front_ng_dialog.LuDialogSize;
         mode?: "default" | "drawer" | "drawer-from-bottom";
         panelClasses?: string[];
     }, "data">>;
@@ -301,4 +304,4 @@ declare class DialogOpenDirective {
 }
 
 export { DIALOG_ROUTE_CLOSE_TRIGGER, DIALOG_ROUTE_CONFIG, DIALOG_ROUTE_DISMISS_TRIGGER, DialogCloseDirective, DialogComponent, DialogContentComponent, DialogDismissDirective, DialogFooterComponent, DialogHeaderAction, DialogHeaderComponent, DialogOpenDirective, DialogRoutingContainerComponent, LU_DIALOG_HEADER_TRANSLATIONS, LuDialogRef, LuDialogService, LuccaDialogRoutingReuseStrategy, configureLuDialog, createDialogRoute, defaultOnClosedFn, dialogLazyRouteFactory, dialogRouteFactory, injectDialogData, injectDialogRef, luDialogHeaderTranslations, provideDialogRoutingReuseStrategy, provideLuDialog };
-export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, ɵDialogDataFlag, ɵDialogResultFlag };
+export type { DialogFactoryConfig, DialogFactoryResult, DialogFactoryResultOptions, DialogRouteCloseTrigger, DialogRouteConfig, DialogRouteDialogConfig, DialogRouteDismissTrigger, LuDialogConfig, LuDialogData, LuDialogHeaderTranslations, LuDialogResult, LuDialogSelfRef, LuDialogSize, ɵDialogDataFlag, ɵDialogResultFlag };