@lucca-front/ng 21.0.0-rc.1 → 21.0.0-rc.2

package/callout/index.d.ts

@@ -1,12 +1,12 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, OnChanges, OnDestroy, ElementRef, TemplateRef, InjectionToken } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { EventEmitter, OnChanges, InjectionToken } from '@angular/core';
 import { LuccaIcon } from '@lucca-front/icons';
 import { Palette, PortalContent, LuTranslation } from '@lucca-front/ng/core';
 
 declare class CalloutActionsComponent {
-    inline: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutActionsComponent, "lu-callout-actions", never, { "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare const CalloutStates: readonly ["success", "warning", "error"];
@@ -35,18 +35,18 @@ declare class CalloutDisclosureComponent {
     get calloutClasses(): {
         [x: string]: boolean;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "icon": { "alias": "icon"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutDisclosureComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutDisclosureComponent, "lu-callout-disclosure", never, { "icon": { "alias": "icon"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "state": { "alias": "state"; "required": false; }; "open": { "alias": "open"; "required": false; }; }, { "openChange": "openChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_open: unknown;
 }
 
 declare class CalloutFeedbackItemDescriptionDirective {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackItemDescriptionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CalloutFeedbackItemDescriptionDirective, "lu-feedback-item-description", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemDescriptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalloutFeedbackItemDescriptionDirective, "lu-feedback-item-description", never, {}, {}, never, never, true, never>;
 }
 declare class CalloutFeedbackItemComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackItemComponent, "li[lu-callout-feedback-item]", never, {}, {}, never, ["lu-feedback-item-description", "[lu-feedback-item-action]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackItemComponent, "li[lu-callout-feedback-item]", never, {}, {}, never, ["lu-feedback-item-description", "[lu-feedback-item-action]"], true, never>;
 }
 
 declare class CalloutFeedbackListComponent implements OnChanges {
@@ -54,45 +54,40 @@ declare class CalloutFeedbackListComponent implements OnChanges {
     palette: Palette;
     size: 'M' | 'S';
     ngOnChanges(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutFeedbackListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutFeedbackListComponent, "ul[lu-callout-feedback-list]", never, { "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class CalloutPopoverComponent implements OnDestroy {
-    #private;
-    overlayOrigin: ElementRef;
-    overlayContent: TemplateRef<unknown>;
-    private _hideDelayId;
-    private _showDelayId;
+declare class CalloutPopoverComponent {
     /**
      * Debounce for the popover to open (mouse will have to be on the element fox openDelay milliseconds for popover to show)
      */
-    readonly openDelay = 50;
+    readonly openDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Debounce for the popover to close (mouse will have to be out of both popover and trigger for closeDelay milliseconds for it to close)
      */
-    readonly closeDelay = 500;
+    readonly closeDelay: _angular_core.InputSignalWithTransform<number, unknown>;
     /**
      * Label (visual only) to put inside the button, often used to show just a number
      */
-    buttonLabel: string;
+    readonly buttonLabel: _angular_core.InputSignal<string>;
     /**
      * Alternative for the button
      */
-    buttonAlt: i0.InputSignal<string>;
-    headingHiddenIfSingleItem: i0.InputSignalWithTransform<boolean, unknown>;
+    buttonAlt: _angular_core.InputSignal<string>;
+    headingHiddenIfSingleItem: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Palette for both the button and the popover content
      */
-    palette: Palette;
+    readonly palette: _angular_core.InputSignal<Palette>;
     /**
      * Size for both button and popover content
      */
-    size?: 'M' | 'S' | 'XS';
+    readonly size: _angular_core.InputSignal<"M" | "S" | "XS">;
     /**
      * Icon shows in button and next to popover's title
      */
-    icon: LuccaIcon;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     /**
      * 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.
@@ -100,30 +95,24 @@ declare class CalloutPopoverComponent implements OnDestroy {
      * 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)
      */
-    state: CalloutState;
+    readonly state: _angular_core.InputSignal<"success" | "warning" | "error">;
     /**
      * Heading for the details popover
      */
-    heading: PortalContent;
-    feedbackItems: i0.Signal<readonly CalloutFeedbackItemComponent[]>;
-    get contentSize(): 'S' | 'M' | undefined;
-    get calloutClasses(): {
+    readonly heading: _angular_core.InputSignal<PortalContent>;
+    feedbackItems: _angular_core.Signal<readonly CalloutFeedbackItemComponent[]>;
+    contentSize: _angular_core.Signal<"M" | "S">;
+    calloutClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    get calloutOverlayClasses(): {
+    }>;
+    calloutOverlayClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    get calloutOverlayHeadClasses(): {
+    }>;
+    calloutOverlayHeadClasses: _angular_core.Signal<{
         [x: string]: boolean;
-    };
-    showContent(): void;
-    private createPanelContent;
-    hideContent(event: MouseEvent | null): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutPopoverComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutPopoverComponent, "lu-callout-popover", never, { "openDelay": { "alias": "openDelay"; "required": false; }; "closeDelay": { "alias": "closeDelay"; "required": false; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; }; "buttonAlt": { "alias": "buttonAlt"; "required": false; "isSignal": true; }; "headingHiddenIfSingleItem": { "alias": "headingHiddenIfSingleItem"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; }, {}, ["feedbackItems"], ["*"], true, never>;
-    static ngAcceptInputType_openDelay: unknown;
-    static ngAcceptInputType_closeDelay: unknown;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutPopoverComponent, "lu-callout-popover", never, { "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; "buttonLabel": { "alias": "buttonLabel"; "required": false; "isSignal": true; }; "buttonAlt": { "alias": "buttonAlt"; "required": false; "isSignal": true; }; "headingHiddenIfSingleItem": { "alias": "headingHiddenIfSingleItem"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; }, {}, ["feedbackItems"], ["*"], true, never>;
 }
 
 declare const LU_CALLOUT_TRANSLATIONS: InjectionToken<LuTranslation<LuCalloutLabel>>;
@@ -169,14 +158,14 @@ declare class CalloutComponent {
     removed: boolean;
     get hiddenAttr(): 'hidden' | null;
     removedChange: EventEmitter<boolean>;
-    AI: i0.InputSignalWithTransform<boolean, unknown>;
-    iconAlt: i0.InputSignal<string>;
+    AI: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    iconAlt: _angular_core.InputSignal<string>;
     intl: LuCalloutLabel;
     get calloutClasses(): {
         [x: string]: boolean;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "heading": { "alias": "heading"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "removed": { "alias": "removed"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalloutComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalloutComponent, "lu-callout", never, { "heading": { "alias": "heading"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "removed": { "alias": "removed"; "required": false; }; "AI": { "alias": "AI"; "required": false; "isSignal": true; }; "iconAlt": { "alias": "iconAlt"; "required": false; "isSignal": true; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
     static ngAcceptInputType_removable: unknown;
     static ngAcceptInputType_removed: unknown;
 }

package/chip/index.d.ts

@@ -1,7 +1,10 @@
 import * as _angular_core from '@angular/core';
+import { LuccaIcon } from '@lucca-front/icons';
 
 interface ChipTranslate {
     delete: string;
+    error: string;
+    warning: string;
 }
 
 declare class ChipComponent {
@@ -10,10 +13,16 @@ declare class ChipComponent {
     readonly unkillable: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly palette: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly classPalette: _angular_core.Signal<boolean>;
+    readonly size: _angular_core.InputSignal<"S">;
+    readonly state: _angular_core.InputSignal<"warning" | "critical">;
+    readonly stateAlt: _angular_core.Signal<string>;
+    readonly icon: _angular_core.InputSignal<LuccaIcon>;
     readonly kill: _angular_core.OutputEmitterRef<Event>;
+    readonly isWarning: _angular_core.Signal<boolean>;
+    readonly isCritical: _angular_core.Signal<boolean>;
+    readonly displayedIcon: _angular_core.Signal<LuccaIcon>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "lu-chip, button[luChip], a[luChip]", never, { "withEllipsis": { "alias": "withEllipsis"; "required": false; "isSignal": true; }; "unkillable": { "alias": "unkillable"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "kill": "kill"; }, never, ["*"], true, never>;
 }
 
 export { ChipComponent };

package/clear/index.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { EventEmitter, ElementRef } from '@angular/core';
+import { Palette } from '@lucca-front/ng/core';
 import { Observable } from 'rxjs';
 
 interface LuClearLabel {
@@ -14,16 +15,18 @@ declare abstract class ALuClear<T> implements ILuClear<T> {
 }
 
 declare class ClearComponent<T> extends ALuClear<T> implements ILuClear<T> {
+    #private;
     intl: LuClearLabel;
     size: _angular_core.InputSignal<"S">;
     disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    product: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    palette: _angular_core.InputSignal<Palette>;
     inverted: _angular_core.InputSignalWithTransform<boolean, unknown>;
     onClear: EventEmitter<T>;
     contentRef: _angular_core.Signal<readonly ElementRef<any>[]>;
+    constructor();
     clear($event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ClearComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "product": { "alias": "product"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ClearComponent<any>, "lu-clear", ["luClearer"], { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "palette": { "alias": "palette"; "required": false; "isSignal": true; }; "inverted": { "alias": "inverted"; "required": false; "isSignal": true; }; }, { "onClear": "onClear"; }, ["contentRef"], ["*"], true, never>;
 }
 
 export { ALuClear, ClearComponent };

package/code/index.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
 
-declare class codeComponent {
+declare class CodeComponent {
     block: i0.InputSignalWithTransform<boolean, unknown>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<codeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<codeComponent, "lu-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CodeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CodeComponent, "lu-code", never, { "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-export { codeComponent };
+export { CodeComponent };

package/data-table/index.d.ts

@@ -1,6 +1,6 @@
 import * as _lucca_front_ng_data_table from '@lucca-front/ng/data-table';
 import * as _angular_core from '@angular/core';
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
 import { PortalContent } from '@lucca-front/ng/core';
 
 declare class DataTableBodyComponent {
@@ -85,7 +85,7 @@ declare class DataTableRowComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableRowComponent, "tr[luDataTableRow]", never, { "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["cells"], ["*"], true, never>;
 }
 
-declare class DataTableComponent {
+declare class DataTableComponent implements OnInit {
     #private;
     tableRef: _angular_core.Signal<ElementRef<Element>>;
     readonly hover: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -127,6 +127,7 @@ declare class DataTableComponent {
     }>;
     scroll(): void;
     constructor();
+    ngOnInit(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataTableComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataTableComponent, "lu-data-table", never, { "hover": { "alias": "hover"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "layoutFixed": { "alias": "layoutFixed"; "required": false; "isSignal": true; }; "cellBorder": { "alias": "cellBorder"; "required": false; "isSignal": true; }; "nested": { "alias": "nested"; "required": false; "isSignal": true; }; "drag": { "alias": "drag"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "verticalAlign": { "alias": "verticalAlign"; "required": false; "isSignal": true; }; "stickyColsStart": { "alias": "stickyColsStart"; "required": false; "isSignal": true; }; "stickyColsEnd": { "alias": "stickyColsEnd"; "required": false; "isSignal": true; }; }, {}, ["rows", "header"], ["*", "[dataTablePagination]"], true, never>;
 }

package/fesm2022/lucca-front-ng-api.mjs

@@ -646,7 +646,7 @@ class LuApiSelectInputComponent extends ALuSelectInputComponent {
                 useExisting: forwardRef(() => LuApiSelectInputComponent),
                 multi: true,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "product", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\"\n\t><span class=\"pr-u-ellipsis\">{{ option.name }}</span></span\n>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher [standard]=\"standard\" [api]=\"api\" [fields]=\"fields\" [filters]=\"filters\" [orderBy]=\"orderBy\" [sort]=\"sort\" />\n\t</header>\n\t<div class=\"lu-picker-content-option\">\n\t\t<lu-option *luForOptions=\"let option\" [value]=\"option\">{{ option.name }}</lu-option>\n\t</div>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
             type: Component,