@lucca-front/ng 20.3.3-rc.6 → 21.0.0-rc.1

package/select/index.d.ts

@@ -2,7 +2,8 @@ import * as i0 from '@angular/core';
 import { ChangeDetectorRef, ElementRef, ViewContainerRef, Renderer2, ViewRef, AfterViewInit, OnDestroy, EventEmitter } from '@angular/core';
 import { Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { ControlValueAccessor } from '@angular/forms';
-import { ILuInput, ILuClearer, ILuInputDisplayer } from '@lucca-front/ng/input';
+import { ILuClear } from '@lucca-front/ng/clear';
+import { ILuInput, ILuInputDisplayer } from '@lucca-front/ng/input';
 import { ILuPickerPanel, ILuInputWithPicker } from '@lucca-front/ng/picker';
 import { ALuPopoverTrigger } from '@lucca-front/ng/popover';
 import { Subscription } from 'rxjs';
@@ -41,7 +42,7 @@ declare abstract class ALuSelectInput<T, TPicker extends ILuPickerPanel<T> = ILu
      */
     protected set _picker(picker: TPicker);
     protected get _picker(): TPicker;
-    protected set _clearer(clearer: ILuClearer<T>);
+    protected set _clearer(clearer: ILuClear<T>);
     protected subToPickerEvts(): void;
     closePopover(): void;
     onDestroy(): void;
@@ -90,8 +91,8 @@ declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPickerPanel
     vcPicker: TPicker;
     ccDisplayer: ILuInputDisplayer<T>;
     vcDisplayer: ILuInputDisplayer<T>;
-    ccClearer: ILuClearer<T>;
-    vcClearer: ILuClearer<T>;
+    ccClearer: ILuClear<T>;
+    vcClearer: ILuClear<T>;
     onClick(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;

package/simple-select/index.d.ts

@@ -13,6 +13,7 @@ interface ILuSimpleSelectLabel {
     clear: string;
     clearSearch: string;
     emptyResults: string;
+    emptyOptions: string;
     loading: string;
 }
 declare const luSimpleSelectTranslations: LuTranslation<ILuSimpleSelectLabel>;

package/skeleton/index.d.ts

@@ -2,8 +2,9 @@ import * as _angular_core from '@angular/core';
 
 declare class SkeletonButtonComponent {
     dark: boolean;
+    size: 'XS' | 'S' | 'M';
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonButtonComponent, "lu-skeleton-button", never, { "dark": { "alias": "dark"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonButtonComponent, "lu-skeleton-button", never, { "dark": { "alias": "dark"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_dark: unknown;
 }
 

package/sortable-list/index.d.ts

@@ -0,0 +1,22 @@
+import * as _angular_core from '@angular/core';
+
+declare class SortableListItemComponent {
+    label: _angular_core.InputSignal<string>;
+    helperMessage: _angular_core.InputSignal<string>;
+    clickable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    unclearable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    drag: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    delete: _angular_core.OutputEmitterRef<void>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortableListItemComponent, "lu-sortable-list-item", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "helperMessage": { "alias": "helperMessage"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "unclearable": { "alias": "unclearable"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "small": { "alias": "small"; "required": false; "isSignal": true; }; }, { "delete": "delete"; }, never, never, true, never>;
+}
+
+declare class SortableListComponent {
+    small: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    sortableListItems: _angular_core.Signal<readonly SortableListItemComponent[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortableListComponent, "lu-sortable-list", never, { "small": { "alias": "small"; "required": false; "isSignal": true; }; }, {}, ["sortableListItems"], ["*"], true, never>;
+}
+
+export { SortableListComponent, SortableListItemComponent };

package/src/components/cdk/_dragDrop.scss

@@ -4,13 +4,31 @@
 	box-shadow: form.fakeBorderOverlay(var(--palettes-neutral-200));
 	background-color: var(--palettes-neutral-100);
 
+	&.sortableList-item {
+		box-shadow: none;
+	}
+
+	&.dataTable-body-row {
+		box-shadow: none;
+
+		> .dataTable-body-row-cell {
+			visibility: visible;
+			background-color: var(--palettes-neutral-100);
+
+			* {
+				visibility: hidden;
+				color: transparent;
+			}
+		}
+	}
+
 	* {
-		opacity: 0;
+		visibility: hidden;
+		color: transparent;
 	}
 }
 
-.cdk-drag-handle,
-.cdk-drag-placeholder {
+.cdk-drag-handle {
 	cursor: move;
 }
 
@@ -52,7 +70,17 @@
 	box-shadow: form.fakeBorderOverlay(var(--palettes-product-200));
 	background-color: var(--palettes-product-50);
 	border-radius: var(--pr-t-border-radius-default);
+	rotate: 1deg;
 	cursor: grabbing;
+
+	&.dataTable-body-row {
+		display: table;
+
+		.dataTable-body-row-cell {
+			--components-dataTable-cell-background: transparent;
+			--components-dataTable-cell-shadow: none;
+		}
+	}
 }
 
 .cdk-drop-list-dragging {

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

@@ -51,6 +51,12 @@
 			padding-inline: var(--components-options-item-padding-horizontal);
 			transition: background-color 50ms;
 			cursor: pointer;
+
+			::ng-deep {
+				.avatar {
+					margin-inline-end: var(--pr-t-spacings-75);
+				}
+			}
 		}
 
 		@layer mods {

package/status-badge/index.d.ts

@@ -0,0 +1,16 @@
+import * as _angular_core from '@angular/core';
+import { OnChanges } from '@angular/core';
+import { Palette } from '@lucca-front/ng/core';
+
+declare class StatusBadgeComponent implements OnChanges {
+    #private;
+    readonly withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"L" | "M">;
+    readonly palette: _angular_core.InputSignal<Palette>;
+    ngOnChanges(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { StatusBadgeComponent };

package/statusBadge/index.d.ts

@@ -1,16 +1 @@
-import * as _angular_core from '@angular/core';
-import { OnChanges } from '@angular/core';
-import { Palette } from '@lucca-front/ng/core';
-
-declare class StatusBadgeComponent implements OnChanges {
-    #private;
-    withEllipsis: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: _angular_core.InputSignal<string>;
-    size: _angular_core.InputSignal<"L" | "M">;
-    palette: _angular_core.InputSignal<Palette>;
-    ngOnChanges(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatusBadgeComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatusBadgeComponent, "lu-status-badge", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-export { StatusBadgeComponent };
+export * from '@lucca-front/ng/status-badge';

package/table-of-content/index.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class TableOfContentLinkDirective {
+    template: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOfContentLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableOfContentLinkDirective, "[luTableOfContentLink]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TableOfContentComponent {
+    readonly links: i0.Signal<readonly TableOfContentLinkDirective[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableOfContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableOfContentComponent, "lu-table-of-content", never, {}, {}, ["links"], never, true, never>;
+}
+
+export { TableOfContentComponent, TableOfContentLinkDirective };

package/time/index.d.ts

@@ -55,8 +55,8 @@ declare abstract class BasePickerComponent implements ControlValueAccessor {
     step: _angular_core.InputSignal<`${string}P${string}`>;
     disabled: _angular_core.ModelSignal<boolean>;
     size: _angular_core.InputSignal<"S" | "M">;
-    hoursPart?: TimePickerPartComponent;
-    minutesPart?: TimePickerPartComponent;
+    hoursPart: _angular_core.Signal<TimePickerPartComponent>;
+    minutesPart: _angular_core.Signal<TimePickerPartComponent>;
     protected hoursIncrement: _angular_core.Signal<number>;
     protected minutesIncrement: _angular_core.Signal<number>;
     registerOnChange(fn: () => void): void;
@@ -83,21 +83,21 @@ type DurationChangeEvent = {
 declare class DurationPickerComponent extends BasePickerComponent {
     protected intl: DurationPickerTranslations;
     value: _angular_core.ModelSignal<`${string}P${string}`>;
-    max: _angular_core.InputSignal<`${string}P${string}`>;
-    displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    label: string;
-    hideZeroValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    durationChange: _angular_core.OutputEmitterRef<DurationChangeEvent>;
-    protected hours: _angular_core.Signal<number>;
-    protected minutes: _angular_core.Signal<number>;
-    protected shouldHideValue: _angular_core.Signal<boolean>;
-    protected pickerClasses: _angular_core.Signal<{
+    readonly max: _angular_core.InputSignal<`${string}P${string}`>;
+    readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly hideZeroValue: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly durationChange: _angular_core.OutputEmitterRef<DurationChangeEvent>;
+    protected readonly hours: _angular_core.Signal<number>;
+    protected readonly minutes: _angular_core.Signal<number>;
+    protected readonly shouldHideValue: _angular_core.Signal<boolean>;
+    protected readonly pickerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         timePicker: boolean;
         'mod-stepper': boolean;
         'mod-stepperHover': boolean;
     }>;
-    protected fieldsetSuffixClasses: _angular_core.Signal<{
+    protected readonly fieldsetSuffixClasses: _angular_core.Signal<{
         'timePicker-fieldset-groupSeparator': boolean;
         'pr-u-visibilityHidden': boolean;
     }>;
@@ -115,7 +115,7 @@ declare class DurationPickerComponent extends BasePickerComponent {
     protected inputControlClickHandler(part: 'hours' | 'minutes', direction: PickerControlDirection): void;
     focus(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DurationPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DurationPickerComponent, "lu-duration-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "hideZeroValue": { "alias": "hideZeroValue"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "durationChange": "durationChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DurationPickerComponent, "lu-duration-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "hideZeroValue": { "alias": "hideZeroValue"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "durationChange": "durationChange"; }, never, never, true, never>;
 }
 
 declare const LU_TIME_PICKER_TRANSLATIONS: InjectionToken<LuTranslation<TimePickerTranslations>>;
@@ -140,21 +140,21 @@ type TimeChangeEvent = {
 declare class TimePickerComponent extends BasePickerComponent {
     protected intl: TimePickerTranslations;
     protected localeId: string;
-    idSuffix: number;
-    anteMeridiemRef: ElementRef<HTMLInputElement>;
-    postMeridiemRef: ElementRef<HTMLInputElement>;
+    readonly idSuffix: number;
+    readonly anteMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    readonly postMeridiemRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     value: _angular_core.ModelSignal<`${string}:${string}:${string}`>;
-    max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
-    displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    forceMeridiemDisplay: _angular_core.InputSignal<boolean>;
-    enableMeridiemDisplay: _angular_core.Signal<boolean>;
-    label: string;
-    timeChange: _angular_core.OutputEmitterRef<TimeChangeEvent>;
-    protected hoursDisplay: _angular_core.Signal<number | "––">;
-    protected minutesDisplay: _angular_core.Signal<number | "––">;
-    protected hours: _angular_core.Signal<number>;
-    protected minutes: _angular_core.Signal<number>;
-    protected pickerClasses: _angular_core.Signal<{
+    readonly max: _angular_core.InputSignal<`${string}:${string}:${string}`>;
+    readonly displayArrows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly forceMeridiemDisplay: _angular_core.InputSignal<boolean>;
+    readonly enableMeridiemDisplay: _angular_core.Signal<boolean>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly timeChange: _angular_core.OutputEmitterRef<TimeChangeEvent>;
+    protected readonly hoursDisplay: _angular_core.Signal<number | "––">;
+    protected readonly minutesDisplay: _angular_core.Signal<number | "––">;
+    protected readonly hours: _angular_core.Signal<number>;
+    protected readonly minutes: _angular_core.Signal<number>;
+    protected readonly pickerClasses: _angular_core.Signal<{
         [x: string]: boolean;
         timePicker: boolean;
         'mod-stepper': boolean;
@@ -162,8 +162,8 @@ declare class TimePickerComponent extends BasePickerComponent {
     }>;
     protected separator: string;
     protected hoursDecimalConf: string;
-    protected maxHours: _angular_core.Signal<number>;
-    protected ampmDisplay: _angular_core.Signal<"AM" | "PM">;
+    protected readonly maxHours: _angular_core.Signal<number>;
+    protected readonly ampmDisplay: _angular_core.Signal<"AM" | "PM">;
     protected focusPart(type: 'hours' | 'minutes' | 'meridiem'): void;
     writeValue(value: ISO8601Time): void;
     setDisabledState?(isDisabled: boolean): void;
@@ -178,7 +178,7 @@ declare class TimePickerComponent extends BasePickerComponent {
     focus(): void;
     switchMeridiem(newValue: 'AM' | 'PM'): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "lu-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "forceMeridiemDisplay": { "alias": "forceMeridiemDisplay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; }, { "value": "valueChange"; "timeChange": "timeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "lu-time-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "displayArrows": { "alias": "displayArrows"; "required": false; "isSignal": true; }; "forceMeridiemDisplay": { "alias": "forceMeridiemDisplay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "timeChange": "timeChange"; }, never, never, true, never>;
 }
 
 export { DurationPickerComponent, LU_DURATION_PICKER_TRANSLATIONS, LU_TIME_PICKER_TRANSLATIONS, TimePickerComponent, luDurationPickerTranslations, luTimePickerTranslations };

package/toast/index.d.ts

@@ -62,6 +62,9 @@ declare class LuToastsComponent implements OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<LuToastsComponent, "lu-toasts", never, { "bottom": { "alias": "bottom"; "required": false; }; "sources": { "alias": "sources"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuToastsComponent` instead
+ */
 declare class LuToastsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuToastsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuToastsModule, never, [typeof LuToastsComponent], [typeof LuToastsComponent]>;

package/tooltip/index.d.ts

@@ -23,6 +23,9 @@ declare class LuTooltipPanelComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<LuTooltipPanelComponent, "lu-tooltip-panel", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuTooltipPanelComponent` instead
+ */
 declare class LuTooltipPanelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipPanelModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipPanelModule, never, [typeof LuTooltipPanelComponent], [typeof LuTooltipPanelComponent]>;
@@ -71,12 +74,18 @@ declare class LuTooltipTriggerDirective implements AfterContentInit, OnDestroy {
     static ngAcceptInputType_luTooltipOnlyForDisplay: unknown;
 }
 
+/**
+ * @deprecated use `LuTooltipTriggerDirective, OverlayModule` instead
+ */
 declare class LuTooltipTriggerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipTriggerModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipTriggerModule, never, [typeof LuTooltipTriggerDirective, typeof i2.OverlayModule], [typeof LuTooltipTriggerDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<LuTooltipTriggerModule>;
 }
 
+/**
+ * @deprecated use `LuTooltipTriggerDirective, OverlayModule, LuTooltipPanelComponent` instead
+ */
 declare class LuTooltipModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuTooltipModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuTooltipModule, never, [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule], [typeof LuTooltipTriggerModule, typeof LuTooltipPanelModule]>;

package/user/index.d.ts

@@ -68,6 +68,9 @@ declare class LuUserDisplayPipe implements PipeTransform {
     static ɵpipe: i0.ɵɵPipeDeclaration<LuUserDisplayPipe, "luUserDisplay", true>;
 }
 
+/**
+ * @deprecated use `LuUserDisplayPipe` imports && `LuUserDisplayPipe` providers instead
+ */
 declare class LuUserDisplayModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserDisplayModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserDisplayModule, never, [typeof LuUserDisplayPipe], [typeof LuUserDisplayPipe]>;
@@ -111,7 +114,7 @@ declare class LuUserTileComponent {
     /**
      * Which size should the user tile be? Defaults to medium
      */
-    size: i0.InputSignal<"L" | "M" | "S" | "XS">;
+    size: i0.InputSignal<"L" | "XS" | "S" | "M">;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserTileComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<LuUserTileComponent, "lu-user-tile", never, { "user": { "alias": "user"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; "role": { "alias": "role"; "required": false; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -155,17 +158,19 @@ declare class LuUserPictureComponent implements OnChanges {
      */
     private _user;
     set user(user: LuUserPictureUserInput);
+    AI: i0.InputSignalWithTransform<boolean, unknown>;
+    size: i0.InputSignal<"L" | "XS" | "S" | "M" | "XL" | "XXL" | "XXXL">;
     get user(): LuUserPictureUserInput;
     initials: string;
     hasPicture: boolean;
     pictureHref: string;
-    AI: i0.InputSignalWithTransform<boolean, unknown>;
     style: {};
+    modSize: i0.Signal<string>;
     ngOnChanges(): void;
     pictureError(): void;
     private getNameHue;
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserPictureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; }; "user": { "alias": "user"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPictureComponent, "lu-user-picture", never, { "displayFormat": { "alias": "displayFormat"; "required": false; }; "imageLoadingAttribute": { "alias": "imageLoadingAttribute"; "required": false; }; "user": { "alias": "user"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -292,6 +297,9 @@ declare class LuUserPagedSearcherComponent<U extends ILuUser = ILuUser> implemen
     static ɵcmp: i0.ɵɵComponentDeclaration<LuUserPagedSearcherComponent<any>, "lu-user-paged-searcher", never, { "fields": { "alias": "fields"; "required": false; }; "filters": { "alias": "filters"; "required": false; }; "orderBy": { "alias": "orderBy"; "required": false; }; "appInstanceId": { "alias": "appInstanceId"; "required": false; }; "operations": { "alias": "operations"; "required": false; }; "enableFormerEmployees": { "alias": "enableFormerEmployees"; "required": false; }; }, { "clueChange": "clueChange"; }, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuUserPagedSearcherComponent` instead
+ */
 declare class LuUserSearcherModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserSearcherModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserSearcherModule, never, [typeof LuUserPagedSearcherComponent], [typeof LuUserPagedSearcherComponent]>;
@@ -327,6 +335,9 @@ declare class LuUserHomonymsComponent<U extends ILuUser = ILuUser> implements IL
     static ɵcmp: i0.ɵɵComponentDeclaration<LuUserHomonymsComponent<any>, "lu-user-homonyms", never, {}, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuUserHomonymsComponent` instead
+ */
 declare class LuUserHomonymsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserHomonymsModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserHomonymsModule, never, [typeof LuUserHomonymsComponent], [typeof LuUserHomonymsComponent]>;
@@ -358,6 +369,9 @@ declare class LuUserMeOptionDirective<U extends ILuUser = ILuUser> implements IL
     static ɵdir: i0.ɵɵDirectiveDeclaration<LuUserMeOptionDirective<any>, "[luUserMeOption]", never, { "luUserMeOptionFields": { "alias": "luUserMeOptionFields"; "required": false; }; "luUserMeOptionFilters": { "alias": "luUserMeOptionFilters"; "required": false; }; "luUserMeOptionOrderBy": { "alias": "luUserMeOptionOrderBy"; "required": false; }; "luUserMeOptionAppInstanceId": { "alias": "luUserMeOptionAppInstanceId"; "required": false; }; "luUserMeOptionOperations": { "alias": "luUserMeOptionOperations"; "required": false; }; "luUserMeOptionClue": { "alias": "luUserMeOptionClue"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * @deprecated use `LuUserMeOptionDirective` instead
+ */
 declare class LuUserMeOptionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserMeOptionModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserMeOptionModule, never, [typeof LuUserMeOptionDirective], [typeof LuUserMeOptionDirective]>;
@@ -373,6 +387,9 @@ declare class LuUserSelectModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LuUserSelectModule>;
 }
 
+/**
+ * @deprecated use `LuUserDisplayPipe, LuUserPictureComponent, LuUserTileComponent` instead
+ */
 declare class LuUserModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<LuUserModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<LuUserModule, never, [typeof LuUserDisplayModule, typeof LuUserPictureModule, typeof LuUserTileModule, typeof LuUserSelectModule], [typeof LuUserDisplayModule, typeof LuUserPictureModule, typeof LuUserTileModule, typeof LuUserSelectModule]>;

package/vertical-navigation/index.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
+import { PortalContent } from '@lucca-front/ng/core';
+
+declare class VerticalNavigationLinkComponent {
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationLinkComponent, "span[luVerticalNavigationLink], a[luVerticalNavigationLink]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalNavigationGroupComponent {
+    label: _angular_core.InputSignal<PortalContent>;
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    expanded: _angular_core.ModelSignal<boolean>;
+    toggleExpanded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationGroupComponent, "lu-vertical-navigation-group", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+declare class VerticalNavigationComponent {
+    heading: _angular_core.InputSignal<PortalContent>;
+    level: _angular_core.InputSignal<number>;
+    verticalNavigationGroup: _angular_core.Signal<readonly VerticalNavigationGroupComponent[]>;
+    vertivalNavigationLinks: _angular_core.Signal<readonly VerticalNavigationLinkComponent[]>;
+    isIconless: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationComponent, "lu-vertical-navigation", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, ["verticalNavigationGroup", "vertivalNavigationLinks"], ["*"], true, never>;
+}
+
+declare class VerticalNavigationItemComponent {
+    label: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<LuccaIcon>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    expanded: _angular_core.ModelSignal<boolean>;
+    toggleExpanded(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<VerticalNavigationItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<VerticalNavigationItemComponent, "lu-vertical-navigation-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+export { VerticalNavigationComponent, VerticalNavigationGroupComponent, VerticalNavigationItemComponent, VerticalNavigationLinkComponent };