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

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

@@ -3,13 +3,12 @@ import { OnDestroy, Signal, WritableSignal, AfterViewInit, ElementRef, OnInit, I
 import * as _angular_forms from '@angular/forms';
 import { NgModel, FormControlDirective, FormControlName, NgControl, FormControl, ControlValueAccessor, ValidatorFn } from '@angular/forms';
 import { FilterPillInputComponent, FilterPillLayout } from '@lucca-front/ng/filter-pills';
-import * as _lucca_front_ng_form_field from '@lucca-front/ng/form-field';
 import { FormFieldComponent } from '@lucca-front/ng/form-field';
 import { ConnectionPositionPair } from '@angular/cdk/overlay';
 import { NumberFormatStyle, NumberFormatCurrencyDisplay, NumberFormatUnit, NumberFormatUnitDisplay } from '@lucca-front/ng/number-format';
 import { LuccaIcon } from '@lucca-front/icons';
-import * as _lucca_front_ng_forms from '@lucca-front/ng/forms';
 import { PortalContent, LuTranslation } from '@lucca-front/ng/core';
+import * as _lucca_front_ng_forms from '@lucca-front/ng/forms';
 
 declare class FormFieldIdDirective implements OnDestroy {
     #private;
@@ -22,6 +21,12 @@ declare class FormFieldIdDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FormFieldIdDirective, "[luFormFieldId]", never, { "suffix": { "alias": "luFormFieldId"; "required": false; "isSignal": true; }; "labelledByStrategy": { "alias": "labelledByStrategy"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Available FormField Types
+ */
+declare const FORM_FIELD_ID_LABELLED_BY_STRATEGY: readonly ["prepend", "append"];
+type FormFieldIdLabelledByStrategy = (typeof FORM_FIELD_ID_LABELLED_BY_STRATEGY)[number];
+
 declare function injectNgControl(): NgModel | FormControlDirective | FormControlName | (NgControl & {
     control: FormControl<any>;
 });
@@ -78,41 +83,64 @@ declare class MultilanguageInputComponent implements ControlValueAccessor {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     } | {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     }, Partial<{
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     } | {
         clear: string;
         toggleMultilanguage: string;
         translateTo: string;
+        translateWithAI: string;
+        invariantInfo: string;
+        requiredError: string;
     }>>;
-    readonly formFieldSize: _angular_core.InputSignal<_lucca_front_ng_form_field.FormFieldSize>;
+    readonly formFieldRef: FormFieldComponent;
+    readonly formFieldSize: _angular_core.InputSignal<"XS" | "S" | "M">;
     protected onTouched: () => void;
     protected onChange: (_value: MultilanguageTranslation[]) => void;
     readonly placeholder: _angular_core.InputSignal<string>;
     readonly openOnFocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly autocomplete: _angular_core.InputSignal<AutoFill>;
+    readonly hasNoInvariant: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hasAIButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly displayLocale: _angular_core.InputSignal<string>;
+    readonly translateWithAI: _angular_core.OutputEmitterRef<string>;
+    readonly shouldOpenOnFocus: _angular_core.Signal<boolean>;
     readonly disabledInternal: WritableSignal<boolean>;
     readonly model: WritableSignal<MultilanguageTranslation[]>;
-    readonly invariant: _angular_core.Signal<MultilanguageTranslation | {
+    readonly displayRow: _angular_core.Signal<MultilanguageTranslation | {
         value: string;
+        required: boolean;
+        cultureCode: string;
     }>;
+    readonly cultureCodeDisplay: _angular_core.Signal<string>;
     readonly panelInputs: _angular_core.Signal<MultilanguageTranslation[]>;
     readonly presentationValue: _angular_core.Signal<string>;
-    popoverPositions: ConnectionPositionPair[];
+    readonly popoverPositions: ConnectionPositionPair[];
+    constructor();
     getLocaleDisplayName(locale: string): string;
+    protected getPopoverInlineSizeRem(inputElement: HTMLInputElement): number;
     writeValue(value: MultilanguageTranslation[]): void;
     registerOnChange(fn: (value: MultilanguageTranslation[]) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState?(isDisabled: boolean): void;
     valueChange(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultilanguageInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultilanguageInputComponent, "lu-multilanguage-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "openOnFocus": { "alias": "openOnFocus"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "hasNoInvariant": { "alias": "hasNoInvariant"; "required": false; "isSignal": true; }; "hasAIButtons": { "alias": "hasAIButtons"; "required": false; "isSignal": true; }; "displayLocale": { "alias": "displayLocale"; "required": false; "isSignal": true; }; }, { "translateWithAI": "translateWithAI"; }, never, never, true, never>;
 }
 
 declare function areAllLanguagesFilled(model: MultilanguageTranslation[]): boolean;
@@ -128,7 +156,7 @@ type TextfieldIconAddon = {
     ariaLabel: string;
 };
 type TextfieldTextAddon = {
-    content: string;
+    content: PortalContent;
     ariaLabel: string;
 };
 type TextInputAddon = TextfieldIconAddon | TextfieldTextAddon;
@@ -208,6 +236,16 @@ declare class RadioGroupInputComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioGroupInputComponent, "lu-radio-group-input", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "framed": { "alias": "framed"; "required": false; "isSignal": true; }; "framedCenter": { "alias": "framedCenter"; "required": false; "isSignal": true; }; "framedSize": { "alias": "framedSize"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
+/**
+ * Available RadioGroupInputComponent Types
+ */
+declare const RADIO_GROUP_INPUT_SIZE: readonly ["S", "M"];
+type RadioGroupInputSize = (typeof RADIO_GROUP_INPUT_SIZE)[number];
+declare const RADIO_GROUP_INPUT_FRAMED_SIZE: readonly ["L"];
+type RadioGroupInputFramedSize = (typeof RADIO_GROUP_INPUT_FRAMED_SIZE)[number];
+declare const RADIO_GROUP_INPUT_ARROW: readonly ["neutral", "default"];
+type RadioGroupInputArrow = (typeof RADIO_GROUP_INPUT_ARROW)[number];
+
 declare class RadioComponent<T = unknown> {
     #private;
     readonly value: _angular_core.InputSignal<T>;
@@ -313,12 +351,19 @@ declare class FieldsetComponent {
     readonly size: _angular_core.InputSignal<"S">;
     readonly horizontal: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expandable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hiddenLegend: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly expanded: _angular_core.ModelSignal<boolean>;
     id: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<FieldsetComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FieldsetComponent, "lu-fieldset", never, { "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "helper": { "alias": "helper"; "required": false; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "horizontal": { "alias": "horizontal"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "hiddenLegend": { "alias": "hiddenLegend"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
 }
 
+/**
+ * Available FieldsetComponent Types
+ */
+declare const FIELDSET_SIZE: readonly ["S"];
+type FieldsetSize = (typeof FIELDSET_SIZE)[number];
+
 interface ColorOption {
     index: number;
     name: string;
@@ -332,6 +377,7 @@ interface LuColorLabel {
 
 declare class ColorInputComponent {
     readonly intl: _angular_core.InputSignalWithTransform<LuColorLabel, Partial<LuColorLabel>>;
+    readonly pointerNavigation: _angular_core.WritableSignal<boolean>;
     readonly mouseHighlighted: _angular_core.WritableSignal<string>;
     readonly keyboardHighlighted: _angular_core.WritableSignal<string>;
     readonly highlighted: Signal<string>;
@@ -345,9 +391,11 @@ declare class ColorInputComponent {
     readonly currentColorPresentation: Signal<ColorOption | null>;
     constructor();
     readonly filteredColors: Signal<ColorOption[]>;
+    onKeydown(): void;
+    onMousemove(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ColorInputComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ColorInputComponent, "lu-color-input", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "colors": { "alias": "colors"; "required": true; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof NoopValueAccessorDirective; inputs: {}; outputs: {}; }]>;
 }
 
-export { CheckboxInputComponent, ColorInputComponent, FieldsetComponent, FormFieldIdDirective, INVARIANT_CULTURE_CODE, LU_NUMBERFIELD_TRANSLATIONS, LU_TEXTFIELD_TRANSLATIONS, MultiLanguageInputValidators, MultilanguageInputComponent, NoopValueAccessorDirective, NumberFormatInputComponent, NumberInputComponent, RadioComponent, RadioGroupInputComponent, SwitchInputComponent, TextInputComponent, TextareaInputComponent, areAllLanguagesFilled, injectNgControl, isInvariantFilled, luNumberFieldTranslations, luTextfieldTranslations };
-export type { ColorOption, LuNumberFieldLabel, LuTextfieldLabel, MultilanguageTranslation, TextInputAddon, TextfieldIconAddon, TextfieldTextAddon };
+export { CheckboxInputComponent, ColorInputComponent, FIELDSET_SIZE, FORM_FIELD_ID_LABELLED_BY_STRATEGY, FieldsetComponent, FormFieldIdDirective, INVARIANT_CULTURE_CODE, LU_NUMBERFIELD_TRANSLATIONS, LU_TEXTFIELD_TRANSLATIONS, MultiLanguageInputValidators, MultilanguageInputComponent, NoopValueAccessorDirective, NumberFormatInputComponent, NumberInputComponent, RADIO_GROUP_INPUT_ARROW, RADIO_GROUP_INPUT_FRAMED_SIZE, RADIO_GROUP_INPUT_SIZE, RadioComponent, RadioGroupInputComponent, SwitchInputComponent, TextInputComponent, TextareaInputComponent, areAllLanguagesFilled, injectNgControl, isInvariantFilled, luNumberFieldTranslations, luTextfieldTranslations };
+export type { ColorOption, FieldsetSize, FormFieldIdLabelledByStrategy, LuNumberFieldLabel, LuTextfieldLabel, MultilanguageTranslation, RadioGroupInputArrow, RadioGroupInputFramedSize, RadioGroupInputSize, TextInputAddon, TextfieldIconAddon, TextfieldTextAddon };

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

@@ -26,7 +26,7 @@ declare class GaugeComponent {
      * Which palette should be used for the entire gauge.
      * 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">;
     /**
      * Defines the text alt attribute used for accessibility
      */

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

@@ -2,13 +2,21 @@ import * as _lucca_front_ng_grid from '@lucca-front/ng/grid';
 import * as _angular_core from '@angular/core';
 import { ResponsiveProperty } from '@lucca-front/ng/core';
 
+/**
+ * Available GridComponent types
+ */
+declare const GRID_COLUMN_ALIGNMENT: readonly ["start", "center", "end", "auto"];
+type GridColumnAlignment = (typeof GRID_COLUMN_ALIGNMENT)[number];
+declare const GRID_COLUMN_RESPONSIVE: readonly ["row", "column", "rowspan", "colspan"];
+type GridColumnResponsive = (typeof GRID_COLUMN_RESPONSIVE)[number];
+
 declare class GridColumnComponent {
     readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly column: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly row: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly align: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
-    readonly justify: _angular_core.InputSignal<"auto" | "start" | "center" | "end">;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
+    readonly justify: _angular_core.InputSignal<"start" | "center" | "end" | "auto">;
     readonly responsive: _angular_core.InputSignal<Partial<Record<"rowAtMediaMinXXXS" | "columnAtMediaMinXXXS" | "rowspanAtMediaMinXXXS" | "colspanAtMediaMinXXXS" | "rowAtMediaMinXXS" | "columnAtMediaMinXXS" | "rowspanAtMediaMinXXS" | "colspanAtMediaMinXXS" | "rowAtMediaMinXS" | "columnAtMediaMinXS" | "rowspanAtMediaMinXS" | "colspanAtMediaMinXS" | "rowAtMediaMinS" | "columnAtMediaMinS" | "rowspanAtMediaMinS" | "colspanAtMediaMinS" | "rowAtMediaMinM" | "columnAtMediaMinM" | "rowspanAtMediaMinM" | "colspanAtMediaMinM" | "rowAtMediaMinL" | "columnAtMediaMinL" | "rowspanAtMediaMinL" | "colspanAtMediaMinL" | "rowAtMediaMinXL" | "columnAtMediaMinXL" | "rowspanAtMediaMinXL" | "colspanAtMediaMinXL" | "rowAtMediaMinXXL" | "columnAtMediaMinXXL" | "rowspanAtMediaMinXXL" | "colspanAtMediaMinXXL" | "rowAtMediaMinXXXL" | "columnAtMediaMinXXXL" | "rowspanAtMediaMinXXXL" | "colspanAtMediaMinXXXL" | "rowAtContainerMinXXXS" | "columnAtContainerMinXXXS" | "rowspanAtContainerMinXXXS" | "colspanAtContainerMinXXXS" | "rowAtContainerMinXXS" | "columnAtContainerMinXXS" | "rowspanAtContainerMinXXS" | "colspanAtContainerMinXXS" | "rowAtContainerMinXS" | "columnAtContainerMinXS" | "rowspanAtContainerMinXS" | "colspanAtContainerMinXS" | "rowAtContainerMinS" | "columnAtContainerMinS" | "rowspanAtContainerMinS" | "colspanAtContainerMinS" | "rowAtContainerMinM" | "columnAtContainerMinM" | "rowspanAtContainerMinM" | "colspanAtContainerMinM" | "rowAtContainerMinL" | "columnAtContainerMinL" | "rowspanAtContainerMinL" | "colspanAtContainerMinL" | "rowAtContainerMinXL" | "columnAtContainerMinXL" | "rowspanAtContainerMinXL" | "colspanAtContainerMinXL" | "rowAtContainerMinXXL" | "columnAtContainerMinXXL" | "rowspanAtContainerMinXXL" | "colspanAtContainerMinXXL" | "rowAtContainerMinXXXL" | "columnAtContainerMinXXXL" | "rowspanAtContainerMinXXXL" | "colspanAtContainerMinXXXL", number>>>;
     protected gridRef: _lucca_front_ng_grid.GridComponent;
     readonly style: _angular_core.Signal<{
@@ -16,20 +24,26 @@ declare class GridColumnComponent {
         '--grid-rowspan': number;
         '--grid-column': number;
         '--grid-row': number;
-        '--grid-align': "auto" | "start" | "center" | "end";
-        '--grid-justify': "auto" | "start" | "center" | "end";
+        '--grid-align': "start" | "center" | "end" | "auto";
+        '--grid-justify': "start" | "center" | "end" | "auto";
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridColumnComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridColumnComponent, "lu-grid-column, [lu-grid-column]", never, { "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": false; "isSignal": true; }; "row": { "alias": "row"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+/**
+ * Available GridComponent Types
+ */
+declare const GRID_MODE: readonly ["form", "auto"];
+type GridMode = (typeof GRID_MODE)[number] | ResponsiveProperty<'auto'>;
+
 declare class GridComponent {
     #private;
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly columns: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly colspan: _angular_core.InputSignalWithTransform<number, unknown>;
     readonly rowspan: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly mode: _angular_core.InputSignal<"auto" | ResponsiveProperty<"auto"> | "form">;
+    readonly mode: _angular_core.InputSignal<GridMode>;
     readonly gap: _angular_core.InputSignal<`${number}${string}`>;
     readonly columnGap: _angular_core.InputSignal<`${number}${string}`>;
     readonly rowGap: _angular_core.InputSignal<`${number}${string}`>;
@@ -42,7 +56,8 @@ declare class GridComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "lu-grid, [lu-grid]", never, { "container": { "alias": "container"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "colspan": { "alias": "colspan"; "required": false; "isSignal": true; }; "rowspan": { "alias": "rowspan"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "columnGap": { "alias": "columnGap"; "required": false; "isSignal": true; }; "rowGap": { "alias": "rowGap"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
-type Gap = '0' | '25' | '50' | '75' | '100' | '150' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | `${number}${string}`;
+declare const GRID_GAP: readonly ["0", "25", "50", "75", "100", "150", "200", "300", "400", "500", "600", "700", "800"];
+type Gap = (typeof GRID_GAP)[number] | `${number}${string}`;
 
-export { GridColumnComponent, GridComponent };
-export type { Gap };
+export { GRID_COLUMN_ALIGNMENT, GRID_COLUMN_RESPONSIVE, GRID_GAP, GRID_MODE, GridColumnComponent, GridComponent };
+export type { Gap, GridColumnAlignment, GridColumnResponsive, GridMode };

package/types/lucca-front-ng-highlight-data.d.ts

@@ -1,6 +1,20 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
+/**
+ * Available HighlightDataComponent Types
+ */
+declare const HIGHLIGHT_DATA_THEME: readonly ["white", "light", "dark"];
+type HighlightDataTheme = (typeof HIGHLIGHT_DATA_THEME)[number];
+declare const HIGHLIGHT_DATA_PALETTE: readonly ["lucca", "cleemy", "timmi", "poplee", "coreHR", "pagga", "cc", "success", "warning", "critical"];
+type HighlightDataPalette = (typeof HIGHLIGHT_DATA_PALETTE)[number];
+declare const HIGHLIGHT_DATA_SIZE: readonly ["XS", "S", "M"];
+type HighlightDataSize = (typeof HIGHLIGHT_DATA_SIZE)[number];
+declare const HIGHLIGHT_DATA_BUBBLE: readonly [1, 2, 3, 4];
+type HighlightDataBubble = (typeof HIGHLIGHT_DATA_BUBBLE)[number];
+declare const HIGHLIGHT_DATA_ILLUSTRATION: readonly ["calculator", "calendar", "cleemy-card", "coffee", "headphone", "mail", "magnifying-glass", "medallon", "piggy-bank", "polaroid-female", "polaroid-male", "polaroids", "post-it-success", "post-it-warning"];
+type HighlightDataIllustration = (typeof HIGHLIGHT_DATA_ILLUSTRATION)[number] | 'manifying-glass';
+
 declare class HighlightDataComponent {
     #private;
     /**
@@ -55,4 +69,5 @@ declare class HighlightDataComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightDataComponent, "lu-highlight-data", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "subText": { "alias": "subText"; "required": false; "isSignal": true; }; "bubble": { "alias": "bubble"; "required": false; "isSignal": true; }; "theme": { "alias": "theme"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "illustration": { "alias": "illustration"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "valueFirst": { "alias": "valueFirst"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { HighlightDataComponent };
+export { HIGHLIGHT_DATA_BUBBLE, HIGHLIGHT_DATA_ILLUSTRATION, HIGHLIGHT_DATA_PALETTE, HIGHLIGHT_DATA_SIZE, HIGHLIGHT_DATA_THEME, HighlightDataComponent };
+export type { HighlightDataBubble, HighlightDataIllustration, HighlightDataPalette, HighlightDataSize, HighlightDataTheme };

package/types/lucca-front-ng-highlight-text.d.ts

@@ -0,0 +1,12 @@
+import * as _angular_core from '@angular/core';
+
+declare class HighlightTextComponent {
+    readonly palette: _angular_core.InputSignal<"success" | "warning" | "error" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HighlightTextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HighlightTextComponent, "lu-highlight-text", never, { "palette": { "alias": "palette"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { HighlightTextComponent };

package/types/lucca-front-ng-horizontal-navigation.d.ts

@@ -1,5 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef } from '@angular/core';
+import { TemplateRef, ElementRef } from '@angular/core';
+import * as _lucca_front_ng_horizontal_navigation from '@lucca-front/ng/horizontal-navigation';
+import { PortalContent } from '@lucca-front/ng/core';
+import { LuDialogRef } from '@lucca-front/ng/dialog';
 
 declare class HorizontalNavigationLinkDirective {
     template: TemplateRef<any>;
@@ -7,17 +10,51 @@ declare class HorizontalNavigationLinkDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HorizontalNavigationLinkDirective, "[luHorizontalNavigationLink]", never, {}, {}, never, never, true, never>;
 }
 
+declare class HorizontalNavigationTabComponent {
+    protected horizontalNavigationRef: _lucca_front_ng_horizontal_navigation.HorizontalNavigationComponent;
+    readonly label: _angular_core.InputSignal<PortalContent>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly index: _angular_core.Signal<number>;
+    readonly selected: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationTabComponent, "lu-horizontal-navigation-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class HorizontalNavigationComponent {
+    readonly dialogRef: LuDialogRef<any, any>;
     readonly links: _angular_core.Signal<readonly HorizontalNavigationLinkDirective[]>;
+    readonly tabs: _angular_core.Signal<readonly HorizontalNavigationTabComponent[]>;
+    readonly buttons: _angular_core.Signal<readonly ElementRef<HTMLButtonElement>[]>;
     readonly noBorder: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly container: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly vertical: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly palette: _angular_core.InputSignal<"error" | "success" | "warning" | "product" | "neutral" | "none" | "brand" | "kiwi" | "lime" | "cucumber" | "mint" | "glacier" | "lagoon" | "blueberry" | "lavender" | "grape" | "watermelon" | "pumpkin" | "pineapple">;
+    readonly paletteClass: _angular_core.Signal<{
+        [x: string]: boolean;
+    }>;
     /**
      * Which size should the horizontal navigation be? Defaults and small
      */
     readonly size: _angular_core.InputSignal<"S">;
+    readonly isTablist: _angular_core.Signal<boolean>;
+    readonly currentIndex: _angular_core.ModelSignal<number>;
+    readonly selectedIndex: _angular_core.Signal<number>;
+    constructor();
+    navigateToFirstEnabledTab(): void;
+    navigateToLastEnabledTab(): void;
+    getTabIndex(tab: HorizontalNavigationTabComponent): number;
+    navigateToTabByIndex(index: number): void;
+    private findAccessibleTabIndex;
+    changeTab(event: KeyboardEvent, currentIndex: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<HorizontalNavigationComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, ["links"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HorizontalNavigationComponent, "lu-horizontal-navigation", never, { "noBorder": { "alias": "noBorder"; "required": false; "isSignal": true; }; "container": { "alias": "container"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "currentIndex": { "alias": "currentIndex"; "required": false; "isSignal": true; }; }, { "currentIndex": "currentIndexChange"; }, ["links", "tabs"], ["*"], true, never>;
 }
 
-export { HorizontalNavigationComponent, HorizontalNavigationLinkDirective };
+/**
+ * Available HorizontalNavigationComponent Types
+ */
+declare const HORIZONTAL_NAVIGATION_SIZE: readonly ["S"];
+type HorizontalNavigationSize = (typeof HORIZONTAL_NAVIGATION_SIZE)[number];
+
+export { HORIZONTAL_NAVIGATION_SIZE, HorizontalNavigationComponent, HorizontalNavigationLinkDirective, HorizontalNavigationTabComponent };
+export type { HorizontalNavigationSize };

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

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import * as _lucca_front_ng_core_select_user from '@lucca-front/ng/core-select/user';
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { PopoverDirective } from '@lucca-front/ng/popover2';
+import { LuSimpleSelectInputComponent } from '@lucca-front/ng/simple-select';
+import { ILuUser } from '@lucca-front/ng/user';
+
+interface LuImpersonationTranslations {
+    a11yNavigationDescription: string;
+    switchProfile: string;
+    clear: string;
+}
+
+declare class ImpersonationComponent {
+    protected readonly elementRef: ElementRef<any>;
+    readonly intl: _angular_core.InputSignalWithTransform<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations, Partial<_lucca_front_ng_core_select_user.LuCoreSelectUserTranslations & LuImpersonationTranslations>>;
+    protected readonly currentUserId: number;
+    readonly inputComponentRef: _angular_core.Signal<LuSimpleSelectInputComponent<ILuUser>>;
+    readonly popoverRef: _angular_core.Signal<PopoverDirective>;
+    readonly selectedUser: _angular_core.ModelSignal<ILuUser>;
+    readonly enableFormerEmployees: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isNotMe: _angular_core.Signal<boolean>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    readonly popoverPositions: ConnectionPositionPair[];
+    constructor();
+    closePopover: () => void;
+    updatePosition: () => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImpersonationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImpersonationComponent, "lu-impersonation", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "selectedUser": { "alias": "selectedUser"; "required": false; "isSignal": true; }; "enableFormerEmployees": { "alias": "enableFormerEmployees"; "required": false; "isSignal": true; }; }, { "selectedUser": "selectedUserChange"; "clear": "clear"; }, never, never, true, never>;
+}
+
+export { ImpersonationComponent };

package/types/lucca-front-ng-index-table.d.ts

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { ElementRef, InjectionToken } from '@angular/core';
 import * as _lucca_front_ng_index_table from '@lucca-front/ng/index-table';
 import { PortalContent } from '@lucca-front/ng/core';
+import { LuTooltipAnchorRef } from '@lucca-front/ng/tooltip';
 
 declare class IndexTableActionFileComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableActionFileComponent, never>;
@@ -69,18 +70,21 @@ declare class IndexTableHeadComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableHeadComponent, "thead[luIndexTableHead]", never, {}, {}, ["cols"], ["*"], true, never>;
 }
 
-declare class IndexTableRowComponent {
+declare class IndexTableRowComponent implements LuTooltipAnchorRef {
+    #private;
     readonly bodyRef: _lucca_front_ng_index_table.IndexTableBodyComponent;
     readonly headRef: _lucca_front_ng_index_table.IndexTableHeadComponent;
     readonly footRef: _lucca_front_ng_index_table.IndexTableFootComponent;
     readonly cells: _angular_core.Signal<readonly BaseIndexTableCell[]>;
     protected tableRef: _lucca_front_ng_index_table.IndexTableComponent;
+    getElementRef(): ElementRef<HTMLTableRowElement>;
     readonly selected: _angular_core.ModelSignal<boolean>;
     readonly selectedLabel: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly stack: _angular_core.InputSignalWithTransform<number, unknown>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<IndexTableRowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowComponent, "tr[luIndexTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableRowComponent, "tr[luIndexTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "stack": { "alias": "stack"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
 declare class IndexTableComponent {
@@ -101,4 +105,15 @@ declare class IndexTableComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<IndexTableComponent, "lu-index-table", never, { "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "empty": { "alias": "empty"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[indexTablePagination]"], true, never>;
 }
 
-export { IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent };
+declare const LU_INDEX_TABLE_INSTANCE: InjectionToken<IndexTableComponent>;
+
+/**
+ * Available IndexTableComponent types
+ */
+declare const INDEX_TABLE_ALIGN: readonly ["start", "center", "end"];
+type IndexTableAlign = (typeof INDEX_TABLE_ALIGN)[number];
+declare const INDEX_TABLE_SORT: readonly ["none", "ascending", "descending"];
+type IndexTableSort = (typeof INDEX_TABLE_SORT)[number];
+
+export { INDEX_TABLE_ALIGN, INDEX_TABLE_SORT, IndexTableActionComponent, IndexTableActionFileComponent, IndexTableBodyComponent, IndexTableComponent, IndexTableFootComponent, IndexTableHeadComponent, IndexTableRowCellComponent, IndexTableRowCellHeaderComponent, IndexTableRowComponent, LU_INDEX_TABLE_INSTANCE };
+export type { IndexTableAlign, IndexTableSort };

package/types/lucca-front-ng-inline-message.d.ts

@@ -1,7 +1,14 @@
 import * as _angular_core from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
-type InlineMessageState = 'success' | 'warning' | 'error' | 'default';
+declare const INLINE_MESSAGE_STATE: readonly ["success", "warning", "error", "default"];
+type InlineMessageState = (typeof INLINE_MESSAGE_STATE)[number];
+
+/**
+ * Available InlineMessageComponent Types
+ */
+declare const INLINE_MESSAGE_SIZE: readonly ["S", "M"];
+type InlineMessageSize = (typeof INLINE_MESSAGE_SIZE)[number];
 
 declare class InlineMessageComponent {
     #private;
@@ -12,7 +19,7 @@ declare class InlineMessageComponent {
     /**
      * Inline message state
      */
-    readonly state: _angular_core.InputSignal<InlineMessageState>;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error" | "default">;
     /**
      * Which size should the inline message be? Default, medium or small
      */
@@ -27,5 +34,5 @@ declare class InlineMessageComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<InlineMessageComponent, "lu-inline-message", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "withTooltip": { "alias": "withTooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-export { InlineMessageComponent };
-export type { InlineMessageState };
+export { INLINE_MESSAGE_SIZE, INLINE_MESSAGE_STATE, InlineMessageComponent };
+export type { InlineMessageSize, InlineMessageState };

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

@@ -1,6 +1,6 @@
 import { Observable } from 'rxjs';
 import * as i0 from '@angular/core';
-import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, ViewRef, TemplateRef, OnInit, ElementRef, Renderer2, DestroyRef, ChangeDetectorRef } from '@angular/core';
 import { NgControl, ControlValueAccessor } from '@angular/forms';
 
 interface ILuClearer<T> {
@@ -76,6 +76,7 @@ declare class LuInputDirective implements OnInit {
     protected _elementRef: ElementRef;
     protected _renderer: Renderer2;
     protected _ngControl: NgControl;
+    protected _destroyRef: DestroyRef;
     constructor(_elementRef: ElementRef, _renderer: Renderer2, _ngControl: NgControl);
     protected isEmpty(value: any): boolean;
     protected applyClasses(value: any): void;

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

@@ -1,5 +1,7 @@
+import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
+import * as _lucca_front_ng_index_table from '@lucca-front/ng/index-table';
 import * as _angular_core from '@angular/core';
-import { Renderer2, ElementRef, WritableSignal } from '@angular/core';
+import { Renderer2, ElementRef, WritableSignal, InjectionToken } from '@angular/core';
 import { LocationStrategy, Location } from '@angular/common';
 import { RouterLink, Router, ActivatedRoute, UrlTree } from '@angular/router';
 
@@ -20,6 +22,8 @@ declare class LinkComponent {
     readonly routerLink: LuRouterLink;
     readonly router: Router;
     readonly location: Location;
+    readonly insideIndexTable: _lucca_front_ng_index_table.IndexTableComponent;
+    readonly insideDataTable: _lucca_front_ng_data_table.DataTableComponent;
     /**
      * Target page address. Use only for external links or pages not recognized by the router.
      */
@@ -40,11 +44,17 @@ declare class LinkComponent {
      * Indicates that the link will open in a new tab
      */
     readonly external: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * External icon only visible on hover/focus
+     */
+    readonly hiddenIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
     hrefBackup: string;
     constructor();
     redirect(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; "isSignal": true; }; "external": { "alias": "external"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "a[luLink], button[luLink]", never, { "intl": { "alias": "intl"; "required": false; "isSignal": true; }; "luHref": { "alias": "href"; "required": false; "isSignal": true; }; "routerLinkCommands": { "alias": "luLink"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "decorationHover": { "alias": "decorationHover"; "required": false; "isSignal": true; }; "external": { "alias": "external"; "required": false; "isSignal": true; }; "hiddenIcon": { "alias": "hiddenIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof LuRouterLink; inputs: { "preserveFragment": "preserveFragment"; "skipLocationChange": "skipLocationChange"; "replaceUrl": "replaceUrl"; "queryParams": "queryParams"; "fragment": "fragment"; "queryParamsHandling": "queryParamsHandling"; "state": "state"; "info": "info"; "relativeTo": "relativeTo"; }; outputs: {}; }]>;
 }
 
-export { LinkComponent, LuRouterLink };
+declare const LU_LINK_INSTANCE: InjectionToken<boolean>;
+
+export { LU_LINK_INSTANCE, LinkComponent, LuRouterLink };

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

@@ -1,4 +1,11 @@
 import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+
+/**
+ * Available ListboxComponent Types
+ */
+declare const LISTBOX_STATE: readonly ["loading", "empty"];
+type ListboxState = (typeof LISTBOX_STATE)[number];
 
 declare class ListboxComponent {
     /**
@@ -18,8 +25,9 @@ declare class ListboxComponent {
      */
     readonly statusMsg: _angular_core.InputSignal<string>;
     readonly listboxId: string;
+    readonly skeletonWidth: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ListboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListboxComponent, "lu-listbox", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "statusMsg": { "alias": "statusMsg"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ListboxComponent, "lu-listbox", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "tree": { "alias": "tree"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "statusMsg": { "alias": "statusMsg"; "required": false; "isSignal": true; }; }, {}, never, ["[listbox-header]", "*"], true, never>;
 }
 
 declare class Treeitem {
@@ -28,23 +36,39 @@ declare class Treeitem {
 }
 declare class OptionComponent {
     #private;
+    /**
+     * When true, the option is a purely visual layer: it carries no role nor aria attributes.
+     * The semantics (role, aria-selected, id) must then be carried by an ancestor element,
+     * e.g. the host of a select panel element directive. Selection and disabled states are
+     * exposed through the `is-selected` and `is-disabled` classes instead of aria attributes.
+     */
+    readonly presentation: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly checked: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly mixed: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hovered: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly add: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Overrides the generated id used to label the group, so consumers can provide
+     * a deterministic id (e.g. derived from a select id and a group key).
+     */
+    readonly groupId: _angular_core.InputSignal<string>;
     readonly select: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly selectAll: _angular_core.InputSignal<"string">;
     readonly multiple: _angular_core.Signal<boolean>;
     readonly tree: _angular_core.Signal<boolean>;
     readonly empty: _angular_core.Signal<boolean>;
     readonly id: _angular_core.Signal<string>;
-    readonly groupId: string;
+    readonly groupLabelId: _angular_core.Signal<string>;
     readonly treeitemContent: _angular_core.Signal<Treeitem>;
     readonly level: number;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OptionComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "lu-listbox-option", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hovered": { "alias": "hovered"; "required": false; "isSignal": true; }; "add": { "alias": "add"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "select": { "alias": "select"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; }, {}, ["treeitemContent"], ["*", "[optgroup]", "[treeitem]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OptionComponent, "lu-listbox-option", never, { "presentation": { "alias": "presentation"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "mixed": { "alias": "mixed"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "hovered": { "alias": "hovered"; "required": false; "isSignal": true; }; "add": { "alias": "add"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "groupId": { "alias": "groupId"; "required": false; "isSignal": true; }; "select": { "alias": "select"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; }, {}, ["treeitemContent"], ["*", "[group-action]", "[optgroup]", "[treeitem]"], true, never>;
 }
 
-export { ListboxComponent, OptionComponent, Treeitem };
+declare const LISTBOX_INSTANCE: InjectionToken<ListboxComponent>;
+declare const OPTION_INSTANCE: InjectionToken<OptionComponent>;
+
+export { LISTBOX_INSTANCE, LISTBOX_STATE, ListboxComponent, OPTION_INSTANCE, OptionComponent, Treeitem };
+export type { ListboxState };