@lucca-front/ng 16.4.3 → 16.5.0

package/button/button.component.d.ts

@@ -0,0 +1,20 @@
+import { OnChanges } from '@angular/core';
+import { Palette } from '@lucca-front/ng/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@lucca-front/ng/core";
+export declare class ButtonComponent implements OnChanges {
+    #private;
+    size: 'M' | 'S' | 'XS';
+    block: boolean;
+    palette: Palette;
+    state: 'default' | 'loading' | 'error' | 'success';
+    /**
+     * '' is the default value when you just set the `luButton` directive without a value attached to it.
+     * We just make this explicit here.
+     */
+    luButton: '' | 'outlined' | 'text' | 'text-invert';
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[luButton],a[luButton]", never, { "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "state": { "alias": "state"; "required": false; }; "luButton": { "alias": "luButton"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.NgClazz; inputs: {}; outputs: {}; }]>;
+    static ngAcceptInputType_block: unknown;
+}

package/button/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@lucca-front/ng/button" />
+export * from './public-api';

package/button/public-api.d.ts

@@ -0,0 +1 @@
+export * from './button.component';

package/callout/{callout.component.d.ts → callout/callout.component.d.ts}

@@ -1,12 +1,13 @@
 import { EventEmitter } from '@angular/core';
-import { Palette } from '@lucca-front/ng/core';
+import { Palette, PortalContent } from '@lucca-front/ng/core';
 import { LuccaIcon } from '@lucca-front/icons';
+import { CalloutState } from '../callout-state';
 import * as i0 from "@angular/core";
 export declare class CalloutComponent {
     /**
      * The title of the callout
      */
-    heading: string;
+    heading: PortalContent;
     /**
      * Which palette should be used for the entire callout.
      * Defaults to none (inherits parent palette)
@@ -18,10 +19,6 @@ export declare class CalloutComponent {
     size: 'M' | 'S';
     /**
      * Should we display the remove icon?
-     *
-     * IMPORTANT: the callout won't hide itself, you're responsible for removing
-     * it using *ngIf as you might want to store the information that it has been
-     * hidden. Hook on the `hidden` event emitter for that.
      */
     removable: boolean;
     /**
@@ -29,21 +26,16 @@ export declare class CalloutComponent {
      * Defaults to no icon.
      */
     icon: LuccaIcon;
-    /**
-     * Should we use tiny mode?
-     * WARNING: tiny mode should only be used without a title, there's no runtime
-     * check for this for performance reasons but make sure to never have both title
-     * and tiny.
-     */
-    tiny: boolean;
+    set state(state: CalloutState);
     /**
      * Is the callout removed? Works with two way binding too.
-     *
      */
     removed: boolean;
+    get hiddenAttr(): 'hidden' | null;
     removedChange: EventEmitter<boolean>;
-    intl: import("./callout.translate").LuCalloutLabel;
+    intl: import("../callout.translate").LuCalloutLabel;
     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; }; "tiny": { "alias": "tiny"; "required": false; }; "removed": { "alias": "removed"; "required": false; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, 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; }; }, { "removedChange": "removedChange"; }, never, ["*"], true, never>;
+    static ngAcceptInputType_removable: unknown;
     static ngAcceptInputType_removed: unknown;
 }

package/callout/callout-disclosure/callout-disclosure.component.d.ts

@@ -0,0 +1,13 @@
+import { LuccaIcon } from '@lucca-front/icons';
+import { Palette, PortalContent } from '@lucca-front/ng/core';
+import { CalloutState } from '../callout-state';
+import * as i0 from "@angular/core";
+export declare class CalloutDisclosureComponent {
+    icon: LuccaIcon;
+    heading: PortalContent;
+    palette: Palette;
+    size: 'M' | 'S';
+    set state(state: CalloutState);
+    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; }; }, {}, never, ["*"], true, never>;
+}

package/callout/callout-feedback-item/callout-feedback-item.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export 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>;
+}

package/callout/callout-feedback-list/callout-feedback-list.component.d.ts

@@ -0,0 +1,12 @@
+import { OnChanges } from '@angular/core';
+import { Palette } from '@lucca-front/ng/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@lucca-front/ng/core";
+export declare class CalloutFeedbackListComponent implements OnChanges {
+    #private;
+    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, [{ directive: typeof i1.NgClazz; inputs: {}; outputs: {}; }]>;
+}

package/callout/callout-popover/callout-popover.component.d.ts

@@ -0,0 +1,50 @@
+import { ElementRef, OnDestroy, TemplateRef } from '@angular/core';
+import { Palette, PortalContent } from '@lucca-front/ng/core';
+import { LuccaIcon } from '@lucca-front/icons';
+import { CalloutState } from '../callout-state';
+import * as i0 from "@angular/core";
+export declare class CalloutPopoverComponent implements OnDestroy {
+    #private;
+    overlayOrigin: ElementRef;
+    overlayContent: TemplateRef<unknown>;
+    private _hideDelayId;
+    private _showDelayId;
+    /**
+     * Debounce for the popover to open (mouse will have to be on the element fox openDelay milliseconds for popover to show)
+     */
+    readonly openDelay = 50;
+    /**
+     * 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;
+    /**
+     * Label to put inside the button, often used to show just a number
+     */
+    buttonLabel: string;
+    /**
+     * Palette for both the button and the popover content
+     */
+    palette: Palette;
+    /**
+     * Size for both button and popover content
+     */
+    size?: 'M' | 'S' | 'XS';
+    /**
+     * Icon shows in button and next to popover's title
+     */
+    icon: LuccaIcon;
+    set state(state: CalloutState);
+    /**
+     * Heading for the details popover
+     */
+    heading: PortalContent;
+    get contentSize(): 'S' | 'M' | undefined;
+    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; }; "palette": { "alias": "palette"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "state": { "alias": "state"; "required": false; }; "heading": { "alias": "heading"; "required": true; }; }, {}, never, ["*"], true, never>;
+    static ngAcceptInputType_openDelay: unknown;
+    static ngAcceptInputType_closeDelay: unknown;
+}

package/callout/callout-state.d.ts

@@ -0,0 +1,7 @@
+import { Palette } from '@lucca-front/ng/core';
+import { LuccaIcon } from '@lucca-front/icons';
+export type CalloutState = 'success' | 'warning' | 'error';
+export declare const CalloutStateMap: Record<CalloutState, {
+    icon: LuccaIcon;
+    palette: Palette;
+}>;

package/callout/public-api.d.ts

@@ -1,2 +1,6 @@
-export * from './callout.component';
+export * from './callout/callout.component';
+export * from './callout-disclosure/callout-disclosure.component';
+export * from './callout-popover/callout-popover.component';
+export * from './callout-feedback-item/callout-feedback-item.component';
+export * from './callout-feedback-list/callout-feedback-list.component';
 export * from './callout.translate';

package/core/portal/index.d.ts

@@ -0,0 +1,2 @@
+export * from './portal-content';
+export * from './portal.directive';

package/core/portal/portal-content.d.ts

@@ -0,0 +1,2 @@
+import { TemplateRef } from '@angular/core';
+export type PortalContent<T = unknown> = string | TemplateRef<T>;

package/core/portal/portal.directive.d.ts

@@ -0,0 +1,13 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { PortalContent } from './portal-content';
+import * as i0 from "@angular/core";
+export declare class PortalDirective<T = unknown> implements OnChanges {
+    private viewContainerRef;
+    private renderer;
+    private templateRef;
+    luPortal: PortalContent<T>;
+    private render;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PortalDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PortalDirective<any>, "[luPortal]", never, { "luPortal": { "alias": "luPortal"; "required": true; }; }, {}, never, never, true, never>;
+}

package/core/public-api.d.ts

@@ -4,5 +4,6 @@ export * from './translate/index';
 export * from './tree/index';
 export * from './group/index';
 export * from './id/index';
+export * from './portal/index';
 export * from './type/index';
 export * from './tools/ng-clazz.directive';

package/dockerRegistry-c4c72252-360b-4df7-8b16-dcbd6f477e82.env

@@ -0,0 +1 @@
+env.DOCKER_REGISTRY="dvu02ji3.gra7.container-registry.ovh.net"

package/esm2022/api/select/input/api-select-input.component.mjs

@@ -25,7 +25,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></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\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: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0;gap:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:flex;text-overflow:ellipsis;white-space:nowrap;gap:var(--spacings-XXS)}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;bottom:.75rem;right:2.25rem}::ng-deep .lu-select-value lu-simple-select-default-option{max-width:5rem;text-overflow:ellipsis;overflow:hidden}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{vertical-align:baseline;max-width:100%;margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}: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(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{bottom:var(--spacings-XS)}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.5rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize);padding-left:var(--spacings-XXS);padding-right:var(--spacings-XXS);gap:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right: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{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right: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{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-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-input.is-clearable) .lu-select-value{padding-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .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: "ngmodule", type: CommonModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", 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></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\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: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0;gap:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;bottom:.75rem;right:2.25rem}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{vertical-align:baseline;max-width:100%;margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}: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(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{bottom:var(--spacings-XS)}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.5rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize);padding-left:var(--spacings-XXS);padding-right:var(--spacings-XXS);gap:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right: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{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right: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{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-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-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .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: "ngmodule", type: CommonModule }, { kind: "component", type: LuInputClearerComponent, selector: "lu-input-clearer", 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 }); }
 }
 export { LuApiSelectInputComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: LuApiSelectInputComponent, decorators: [{
@@ -36,7 +36,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
                             useExisting: forwardRef(() => LuApiSelectInputComponent),
                             multi: true,
                         },
-                    ], 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></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\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: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0;gap:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:flex;text-overflow:ellipsis;white-space:nowrap;gap:var(--spacings-XXS)}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;bottom:.75rem;right:2.25rem}::ng-deep .lu-select-value lu-simple-select-default-option{max-width:5rem;text-overflow:ellipsis;overflow:hidden}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{vertical-align:baseline;max-width:100%;margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}: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(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{bottom:var(--spacings-XS)}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.5rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize);padding-left:var(--spacings-XXS);padding-right:var(--spacings-XXS);gap:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right: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{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right: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{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-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-input.is-clearable) .lu-select-value{padding-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .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"] }]
+                    ], 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></ng-container>\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-input-clearer></lu-input-clearer>\n</div>\n<span [class.chip]=\"multiple\" *luDisplayer=\"let option\">{{ option.name }}</span>\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-api-paged-searcher\n\t\t\t[standard]=\"standard\"\n\t\t\t[api]=\"api\"\n\t\t\t[fields]=\"fields\"\n\t\t\t[filters]=\"filters\"\n\t\t\t[orderBy]=\"orderBy\"\n\t\t\t[sort]=\"sort\"\n\t\t></lu-api-paged-searcher>\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: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: 6px;--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: 2rem}:host{--components-select-input-padding-horizontal: var(--spacings-XS);--components-select-input-padding-vertical: var(--spacings-XS);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-S);--components-select-framed-top-padding: var(--spacings-L);--components-select-framed-bottom-padding: var(--spacings-S);--components-select-framed-label-top-offset: var(--spacings-XS);cursor:pointer;outline:none;padding:0;gap:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-grey-600);bottom:var(--components-select-input-padding-vertical);font-size:var(--sizes-M-lineHeight);line-height:var(--sizes-M-lineHeight);pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-grey-400);line-height:var(--sizes-M-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-M-lineHeight));padding:var(--components-select-input-padding-vertical) 3.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;bottom:.75rem;right:2.25rem}::ng-deep .lu-select-value .label{padding:var(--spacings-XXS) var(--spacings-XS);margin-left:0}::ng-deep .lu-select-value .chip{vertical-align:baseline;max-width:100%;margin:0 var(--spacings-XXS) var(--spacings-XXS) 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}: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(--sizes-S-fontSize);line-height:var(--sizes-XS-lineHeight);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{bottom:var(--spacings-XS)}:host-context(.textfield.mod-S):after{line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{bottom:.5rem;right:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .label{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{height:var(--sizes-XS-lineHeight);line-height:var(--sizes-XS-lineHeight);font-size:var(--sizes-XS-fontSize);padding-left:var(--spacings-XXS);padding-right:var(--spacings-XXS);gap:var(--spacings-XXS)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-XS)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-grey-400);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:var(--spacings-S);color:var(--palettes-grey-800)}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right: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{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right: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{height:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-bottom:calc(var(--spacings-XXS) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-grey-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-grey-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-right:3.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .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"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { standard: [{
                 type: Input
             }], api: [{
@@ -50,4 +50,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImpor
             }], sort: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpLXNlbGVjdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9hcGkvc2VsZWN0L2lucHV0L2FwaS1zZWxlY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvYXBpL3NlbGVjdC9pbnB1dC9hcGktc2VsZWN0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQWlCLHVCQUF1QixFQUFxQixTQUFTLEVBQWMsVUFBVSxFQUFFLEtBQUssRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDakssT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNGLE9BQU8sRUFBaUIscUJBQXFCLEVBQW9CLHFCQUFxQixFQUFFLCtCQUErQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEosT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFFMUQsTUFlYSx5QkFDWixTQUFRLHVCQUFnRjtJQW9CeEYsWUFDb0Isa0JBQXFDLEVBQ3JDLFFBQWlCLEVBQ2pCLFdBQW9DLEVBQ3BDLGlCQUFtQyxFQUNuQyxTQUFvQjtRQUV2QyxLQUFLLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQztRQU41RCx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBQ3JDLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDakIsZ0JBQVcsR0FBWCxXQUFXLENBQXlCO1FBQ3BDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7UUFDbkMsY0FBUyxHQUFULFNBQVMsQ0FBVztRQXRCL0IsYUFBUSxHQUFnQixJQUFJLENBQUM7UUFnQnRDLFNBQUksR0FBd0IsQ0FBQyxPQUFVLEVBQUUsT0FBVSxFQUFFLEVBQUUsQ0FBQyxPQUFPLElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxFQUFFLEtBQUssT0FBTyxDQUFDLEVBQUUsQ0FBQztJQVN4RyxDQUFDOzhHQTdCVyx5QkFBeUI7a0dBQXpCLHlCQUF5QixrTEFSMUI7WUFDVjtnQkFDQyxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2dCQUN4RCxLQUFLLEVBQUUsSUFBSTthQUNYO1NBQ0QsaURDdEJGLDgyQkF5QkEsay9QRFZXLFlBQVksK0JBQUUsdUJBQXVCLDRHQUFFLCtCQUErQiw0R0FBRSwyQkFBMkIsdUpBQUUscUJBQXFCLHVJQUFFLHFCQUFxQiw0RkFBRSx5QkFBeUI7O1NBUzFLLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQWZyQyxTQUFTOytCQUNDLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsK0JBQStCLEVBQUUsMkJBQTJCLEVBQUUscUJBQXFCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCLENBQUMsYUFDNUs7d0JBQ1Y7NEJBQ0MsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNYO3FCQUNEOzhNQU1RLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUlHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0LCBSZW5kZXJlcjIsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEx1SW5wdXRDbGVhcmVyQ29tcG9uZW50LCBMdUlucHV0RGlzcGxheWVyRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2lucHV0JztcbmltcG9ydCB7IElMdU9wdGlvbkl0ZW0sIEx1Rm9yT3B0aW9uc0RpcmVjdGl2ZSwgTHVPcHRpb25Db21wYXJlciwgTHVPcHRpb25JdGVtQ29tcG9uZW50LCBMdU9wdGlvblBpY2tlckFkdmFuY2VkQ29tcG9uZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL29wdGlvbic7XG5pbXBvcnQgeyBBTHVTZWxlY3RJbnB1dENvbXBvbmVudCB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9zZWxlY3QnO1xuaW1wb3J0IHsgTHVBcGlQYWdlZFNlYXJjaGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2VhcmNoZXInO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsdS1hcGktc2VsZWN0Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2FwaS1zZWxlY3QtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9hcGktc2VsZWN0LWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMdUlucHV0Q2xlYXJlckNvbXBvbmVudCwgTHVPcHRpb25QaWNrZXJBZHZhbmNlZENvbXBvbmVudCwgTHVBcGlQYWdlZFNlYXJjaGVyQ29tcG9uZW50LCBMdU9wdGlvbkl0ZW1Db21wb25lbnQsIEx1Rm9yT3B0aW9uc0RpcmVjdGl2ZSwgTHVJbnB1dERpc3BsYXllckRpcmVjdGl2ZV0sXG5cdHByb3ZpZGVyczogW1xuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTHVBcGlTZWxlY3RJbnB1dENvbXBvbmVudCksXG5cdFx0XHRtdWx0aTogdHJ1ZSxcblx0XHR9LFxuXHRdLFxufSlcbmV4cG9ydCBjbGFzcyBMdUFwaVNlbGVjdElucHV0Q29tcG9uZW50PFQgZXh0ZW5kcyBpbXBvcnQoJy4uLy4uL2FwaS5tb2RlbCcpLklMdUFwaUl0ZW0gPSBpbXBvcnQoJy4uLy4uL2FwaS5tb2RlbCcpLklMdUFwaUl0ZW0+XG5cdGV4dGVuZHMgQUx1U2VsZWN0SW5wdXRDb21wb25lbnQ8VCwgTHVPcHRpb25QaWNrZXJBZHZhbmNlZENvbXBvbmVudDxULCBJTHVPcHRpb25JdGVtPFQ+Pj5cblx0aW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgQWZ0ZXJWaWV3SW5pdFxue1xuXHRASW5wdXQoKSBzdGFuZGFyZDogJ3YzJyB8ICd2NCcgPSAndjMnO1xuXHRASW5wdXQoKSBhcGk6IHN0cmluZztcblx0LyoqXG5cdCAqIG9ubHkgd29ya3Mgd2l0aCBzdGFuZGFyZD1cInYzXCJcblx0ICovXG5cdEBJbnB1dCgpIGZpZWxkczogc3RyaW5nO1xuXHRASW5wdXQoKSBmaWx0ZXJzOiBzdHJpbmdbXTtcblx0LyoqXG5cdCAqIG9ubHkgd29ya3Mgd2l0aCBzdGFuZGFyZD1cInYzXCIsIG90aGVyd2lzZSB1c2Ugc29ydFxuXHQgKi9cblx0QElucHV0KCkgb3JkZXJCeTogc3RyaW5nO1xuXHQvKipcblx0ICogb25seSB3b3JrcyB3aXRoIHN0YW5kYXJkPVwidjRcIiwgb3RoZXJ3aXNlIHVzZSBvcmRlckJ5XG5cdCAqL1xuXHRASW5wdXQoKSBzb3J0OiBzdHJpbmc7XG5cblx0YnlJZDogTHVPcHRpb25Db21wYXJlcjxUPiA9IChvcHRpb24xOiBULCBvcHRpb24yOiBUKSA9PiBvcHRpb24xICYmIG9wdGlvbjIgJiYgb3B0aW9uMS5pZCA9PT0gb3B0aW9uMi5pZDtcblx0Y29uc3RydWN0b3IoXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF9vdmVybGF5OiBPdmVybGF5LFxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF92aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBfcmVuZGVyZXI6IFJlbmRlcmVyMixcblx0KSB7XG5cdFx0c3VwZXIoX2NoYW5nZURldGVjdG9yUmVmLCBfb3ZlcmxheSwgX2VsZW1lbnRSZWYsIF92aWV3Q29udGFpbmVyUmVmLCBfcmVuZGVyZXIpO1xuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwibHUtc2VsZWN0LXBsYWNlaG9sZGVyXCI+e3sgcGxhY2Vob2xkZXIgfX08L2Rpdj5cbjxkaXYgY2xhc3M9XCJsdS1zZWxlY3QtdmFsdWVcIj5cblx0PGRpdiBjbGFzcz1cImx1LXNlbGVjdC1kaXNwbGF5LXdyYXBwZXJcIj5cblx0XHQ8bmctY29udGFpbmVyICNkaXNwbGF5PjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImx1LXNlbGVjdC1zdWZmaXhcIj5cblx0PGx1LWlucHV0LWNsZWFyZXI+PC9sdS1pbnB1dC1jbGVhcmVyPlxuPC9kaXY+XG48c3BhbiBbY2xhc3MuY2hpcF09XCJtdWx0aXBsZVwiICpsdURpc3BsYXllcj1cImxldCBvcHRpb25cIj57eyBvcHRpb24ubmFtZSB9fTwvc3Bhbj5cbjxsdS1vcHRpb24tcGlja2VyLWFkdmFuY2VkIFtvcHRpb24tY29tcGFyZXJdPVwiYnlJZFwiPlxuXHQ8aGVhZGVyIGNsYXNzPVwibHUtcGlja2VyLWhlYWRlclwiPlxuXHRcdDxsdS1hcGktcGFnZWQtc2VhcmNoZXJcblx0XHRcdFtzdGFuZGFyZF09XCJzdGFuZGFyZFwiXG5cdFx0XHRbYXBpXT1cImFwaVwiXG5cdFx0XHRbZmllbGRzXT1cImZpZWxkc1wiXG5cdFx0XHRbZmlsdGVyc109XCJmaWx0ZXJzXCJcblx0XHRcdFtvcmRlckJ5XT1cIm9yZGVyQnlcIlxuXHRcdFx0W3NvcnRdPVwic29ydFwiXG5cdFx0PjwvbHUtYXBpLXBhZ2VkLXNlYXJjaGVyPlxuXHQ8L2hlYWRlcj5cblx0PGRpdiBjbGFzcz1cImx1LXBpY2tlci1jb250ZW50LW9wdGlvblwiPlxuXHRcdDxsdS1vcHRpb24gKmx1Rm9yT3B0aW9ucz1cImxldCBvcHRpb25cIiBbdmFsdWVdPVwib3B0aW9uXCI+e3sgb3B0aW9uLm5hbWUgfX08L2x1LW9wdGlvbj5cblx0PC9kaXY+XG48L2x1LW9wdGlvbi1waWNrZXItYWR2YW5jZWQ+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXBpLXNlbGVjdC1pbnB1dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9hcGkvc2VsZWN0L2lucHV0L2FwaS1zZWxlY3QtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvYXBpL3NlbGVjdC9pbnB1dC9hcGktc2VsZWN0LWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQWlCLHVCQUF1QixFQUFxQixTQUFTLEVBQWMsVUFBVSxFQUFFLEtBQUssRUFBK0IsTUFBTSxlQUFlLENBQUM7QUFDakssT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3pFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzNGLE9BQU8sRUFBaUIscUJBQXFCLEVBQW9CLHFCQUFxQixFQUFFLCtCQUErQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEosT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sYUFBYSxDQUFDOzs7QUFFMUQsTUFlYSx5QkFDWixTQUFRLHVCQUFnRjtJQW9CeEYsWUFDb0Isa0JBQXFDLEVBQ3JDLFFBQWlCLEVBQ2pCLFdBQW9DLEVBQ3BDLGlCQUFtQyxFQUNuQyxTQUFvQjtRQUV2QyxLQUFLLENBQUMsa0JBQWtCLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsRUFBRSxTQUFTLENBQUMsQ0FBQztRQU41RCx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBQ3JDLGFBQVEsR0FBUixRQUFRLENBQVM7UUFDakIsZ0JBQVcsR0FBWCxXQUFXLENBQXlCO1FBQ3BDLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBa0I7UUFDbkMsY0FBUyxHQUFULFNBQVMsQ0FBVztRQXRCL0IsYUFBUSxHQUFnQixJQUFJLENBQUM7UUFnQnRDLFNBQUksR0FBd0IsQ0FBQyxPQUFVLEVBQUUsT0FBVSxFQUFFLEVBQUUsQ0FBQyxPQUFPLElBQUksT0FBTyxJQUFJLE9BQU8sQ0FBQyxFQUFFLEtBQUssT0FBTyxDQUFDLEVBQUUsQ0FBQztJQVN4RyxDQUFDOzhHQTdCVyx5QkFBeUI7a0dBQXpCLHlCQUF5QixrTEFSMUI7WUFDVjtnQkFDQyxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2dCQUN4RCxLQUFLLEVBQUUsSUFBSTthQUNYO1NBQ0QsaURDdEJGLDgyQkF5QkEsdWhRRFZXLFlBQVksK0JBQUUsdUJBQXVCLDRHQUFFLCtCQUErQiw0R0FBRSwyQkFBMkIsdUpBQUUscUJBQXFCLHVJQUFFLHFCQUFxQiw0RkFBRSx5QkFBeUI7O1NBUzFLLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQWZyQyxTQUFTOytCQUNDLGVBQWUsbUJBR1IsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsdUJBQXVCLEVBQUUsK0JBQStCLEVBQUUsMkJBQTJCLEVBQUUscUJBQXFCLEVBQUUscUJBQXFCLEVBQUUseUJBQXlCLENBQUMsYUFDNUs7d0JBQ1Y7NEJBQ0MsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsMEJBQTBCLENBQUM7NEJBQ3hELEtBQUssRUFBRSxJQUFJO3lCQUNYO3FCQUNEOzhNQU1RLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUlHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBSUcsT0FBTztzQkFBZixLQUFLO2dCQUlHLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIEVsZW1lbnRSZWYsIGZvcndhcmRSZWYsIElucHV0LCBSZW5kZXJlcjIsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbnRyb2xWYWx1ZUFjY2Vzc29yLCBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEx1SW5wdXRDbGVhcmVyQ29tcG9uZW50LCBMdUlucHV0RGlzcGxheWVyRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2lucHV0JztcbmltcG9ydCB7IElMdU9wdGlvbkl0ZW0sIEx1Rm9yT3B0aW9uc0RpcmVjdGl2ZSwgTHVPcHRpb25Db21wYXJlciwgTHVPcHRpb25JdGVtQ29tcG9uZW50LCBMdU9wdGlvblBpY2tlckFkdmFuY2VkQ29tcG9uZW50IH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL29wdGlvbic7XG5pbXBvcnQgeyBBTHVTZWxlY3RJbnB1dENvbXBvbmVudCB9IGZyb20gJ0BsdWNjYS1mcm9udC9uZy9zZWxlY3QnO1xuaW1wb3J0IHsgTHVBcGlQYWdlZFNlYXJjaGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vc2VhcmNoZXInO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdsdS1hcGktc2VsZWN0Jyxcblx0dGVtcGxhdGVVcmw6ICcuL2FwaS1zZWxlY3QtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuXHRzdHlsZVVybHM6IFsnLi9hcGktc2VsZWN0LWlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG5cdGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBMdUlucHV0Q2xlYXJlckNvbXBvbmVudCwgTHVPcHRpb25QaWNrZXJBZHZhbmNlZENvbXBvbmVudCwgTHVBcGlQYWdlZFNlYXJjaGVyQ29tcG9uZW50LCBMdU9wdGlvbkl0ZW1Db21wb25lbnQsIEx1Rm9yT3B0aW9uc0RpcmVjdGl2ZSwgTHVJbnB1dERpc3BsYXllckRpcmVjdGl2ZV0sXG5cdHByb3ZpZGVyczogW1xuXHRcdHtcblx0XHRcdHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuXHRcdFx0dXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gTHVBcGlTZWxlY3RJbnB1dENvbXBvbmVudCksXG5cdFx0XHRtdWx0aTogdHJ1ZSxcblx0XHR9LFxuXHRdLFxufSlcbmV4cG9ydCBjbGFzcyBMdUFwaVNlbGVjdElucHV0Q29tcG9uZW50PFQgZXh0ZW5kcyBpbXBvcnQoJy4uLy4uL2FwaS5tb2RlbCcpLklMdUFwaUl0ZW0gPSBpbXBvcnQoJy4uLy4uL2FwaS5tb2RlbCcpLklMdUFwaUl0ZW0+XG5cdGV4dGVuZHMgQUx1U2VsZWN0SW5wdXRDb21wb25lbnQ8VCwgTHVPcHRpb25QaWNrZXJBZHZhbmNlZENvbXBvbmVudDxULCBJTHVPcHRpb25JdGVtPFQ+Pj5cblx0aW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgQWZ0ZXJWaWV3SW5pdFxue1xuXHRASW5wdXQoKSBzdGFuZGFyZDogJ3YzJyB8ICd2NCcgPSAndjMnO1xuXHRASW5wdXQoKSBhcGk6IHN0cmluZztcblx0LyoqXG5cdCAqIG9ubHkgd29ya3Mgd2l0aCBzdGFuZGFyZD1cInYzXCJcblx0ICovXG5cdEBJbnB1dCgpIGZpZWxkczogc3RyaW5nO1xuXHRASW5wdXQoKSBmaWx0ZXJzOiBzdHJpbmdbXTtcblx0LyoqXG5cdCAqIG9ubHkgd29ya3Mgd2l0aCBzdGFuZGFyZD1cInYzXCIsIG90aGVyd2lzZSB1c2Ugc29ydFxuXHQgKi9cblx0QElucHV0KCkgb3JkZXJCeTogc3RyaW5nO1xuXHQvKipcblx0ICogb25seSB3b3JrcyB3aXRoIHN0YW5kYXJkPVwidjRcIiwgb3RoZXJ3aXNlIHVzZSBvcmRlckJ5XG5cdCAqL1xuXHRASW5wdXQoKSBzb3J0OiBzdHJpbmc7XG5cblx0YnlJZDogTHVPcHRpb25Db21wYXJlcjxUPiA9IChvcHRpb24xOiBULCBvcHRpb24yOiBUKSA9PiBvcHRpb24xICYmIG9wdGlvbjIgJiYgb3B0aW9uMS5pZCA9PT0gb3B0aW9uMi5pZDtcblx0Y29uc3RydWN0b3IoXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYsXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF9vdmVybGF5OiBPdmVybGF5LFxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG5cdFx0cHJvdGVjdGVkIG92ZXJyaWRlIF92aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmLFxuXHRcdHByb3RlY3RlZCBvdmVycmlkZSBfcmVuZGVyZXI6IFJlbmRlcmVyMixcblx0KSB7XG5cdFx0c3VwZXIoX2NoYW5nZURldGVjdG9yUmVmLCBfb3ZlcmxheSwgX2VsZW1lbnRSZWYsIF92aWV3Q29udGFpbmVyUmVmLCBfcmVuZGVyZXIpO1xuXHR9XG59XG4iLCI8ZGl2IGNsYXNzPVwibHUtc2VsZWN0LXBsYWNlaG9sZGVyXCI+e3sgcGxhY2Vob2xkZXIgfX08L2Rpdj5cbjxkaXYgY2xhc3M9XCJsdS1zZWxlY3QtdmFsdWVcIj5cblx0PGRpdiBjbGFzcz1cImx1LXNlbGVjdC1kaXNwbGF5LXdyYXBwZXJcIj5cblx0XHQ8bmctY29udGFpbmVyICNkaXNwbGF5PjwvbmctY29udGFpbmVyPlxuXHQ8L2Rpdj5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImx1LXNlbGVjdC1zdWZmaXhcIj5cblx0PGx1LWlucHV0LWNsZWFyZXI+PC9sdS1pbnB1dC1jbGVhcmVyPlxuPC9kaXY+XG48c3BhbiBbY2xhc3MuY2hpcF09XCJtdWx0aXBsZVwiICpsdURpc3BsYXllcj1cImxldCBvcHRpb25cIj57eyBvcHRpb24ubmFtZSB9fTwvc3Bhbj5cbjxsdS1vcHRpb24tcGlja2VyLWFkdmFuY2VkIFtvcHRpb24tY29tcGFyZXJdPVwiYnlJZFwiPlxuXHQ8aGVhZGVyIGNsYXNzPVwibHUtcGlja2VyLWhlYWRlclwiPlxuXHRcdDxsdS1hcGktcGFnZWQtc2VhcmNoZXJcblx0XHRcdFtzdGFuZGFyZF09XCJzdGFuZGFyZFwiXG5cdFx0XHRbYXBpXT1cImFwaVwiXG5cdFx0XHRbZmllbGRzXT1cImZpZWxkc1wiXG5cdFx0XHRbZmlsdGVyc109XCJmaWx0ZXJzXCJcblx0XHRcdFtvcmRlckJ5XT1cIm9yZGVyQnlcIlxuXHRcdFx0W3NvcnRdPVwic29ydFwiXG5cdFx0PjwvbHUtYXBpLXBhZ2VkLXNlYXJjaGVyPlxuXHQ8L2hlYWRlcj5cblx0PGRpdiBjbGFzcz1cImx1LXBpY2tlci1jb250ZW50LW9wdGlvblwiPlxuXHRcdDxsdS1vcHRpb24gKmx1Rm9yT3B0aW9ucz1cImxldCBvcHRpb25cIiBbdmFsdWVdPVwib3B0aW9uXCI+e3sgb3B0aW9uLm5hbWUgfX08L2x1LW9wdGlvbj5cblx0PC9kaXY+XG48L2x1LW9wdGlvbi1waWNrZXItYWR2YW5jZWQ+XG4iXX0=

package/esm2022/button/button.component.mjs

@@ -0,0 +1,60 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, inject, Input } from '@angular/core';
+import { NgClazz } from '@lucca-front/ng/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@lucca-front/ng/core";
+class ButtonComponent {
+    constructor() {
+        this.#ngClazz = inject(NgClazz);
+        this.block = false;
+        this.palette = 'none';
+        this.state = 'default';
+        this.luButton = '';
+    }
+    #ngClazz;
+    ngOnChanges() {
+        const ngClassConfig = {
+            [`mod-${this.size}`]: true,
+            [`mod-block`]: this.block,
+            [`palette-${this.palette}`]: true,
+            [`is-${this.state}`]: true,
+        };
+        if (this.luButton !== '') {
+            if (this.luButton === 'text-invert') {
+                ngClassConfig['mod-text'] = true;
+                ngClassConfig['mod-invert'] = true;
+            }
+            else {
+                ngClassConfig[`mod-${this.luButton}`] = true;
+            }
+        }
+        this.#ngClazz.ngClass = ngClassConfig;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ButtonComponent, isStandalone: true, selector: "button[luButton],a[luButton]", inputs: { size: "size", block: ["block", "block", booleanAttribute], palette: "palette", state: "state", luButton: "luButton" }, host: { classAttribute: "button" }, usesOnChanges: true, hostDirectives: [{ directive: i1.NgClazz }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS)/2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:50%;line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;content:\"\";animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:50%;line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;content:\"\";animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { ButtonComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'button[luButton],a[luButton]', standalone: true, hostDirectives: [NgClazz], template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'button',
+                    }, styles: [".button{--components-button-margin: 0 var(--spacings-XS) 0 0;--components-button-font-size: var(--sizes-M-fontSize);--components-button-line-height: var(--sizes-M-lineHeight);--components-button-padding: var(--spacings-XS) var(--spacings-S);--components-button-gap: var(--spacings-XS);border-radius:var(--commons-borderRadius-M);font-family:inherit;font-size:var(--components-button-font-size);font-weight:600;line-height:var(--components-button-line-height);margin:var(--components-button-margin);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:ease;border:0;display:inline-flex;align-items:center;justify-content:center;gap:var(--components-button-gap);position:relative;text-decoration:none;vertical-align:middle;white-space:nowrap;text-align:center;background-color:var(--palettes-700, var(--palettes-primary-700));color:var(--palettes-text, var(--palettes-primary-text));cursor:pointer;--icon-size: 1.5rem}.button:last-of-type{margin-right:0}.button:not([disabled],.is-disabled):hover{background-color:var(--palettes-600, var(--palettes-primary-600));color:var(--palettes-text, var(--palettes-primary-text))}.button:not([disabled],.is-disabled):focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px}.button:not([disabled],.is-disabled):active{background-color:var(--palettes-800, var(--palettes-primary-800))}.button .button-icon{--icon-size: 1.5rem}.button:not(.mod-outlined) .numericBadge{--components-numericBadge-background: var(--palettes-primary-200);--components-numericBadge-color: var(--palettes-primary-800)}.button.mod-outline:not([disabled],.is-disabled),.button.mod-outlined:not([disabled],.is-disabled){color:var(--palettes-700, var(--palettes-grey-700));box-shadow:0 0 0 var(--commons-divider-width) var(--palettes-400, var(--palettes-grey-400));background-color:var(--colors-white-color)}.button.mod-outline:not([disabled],.is-disabled):hover,.button.mod-outlined:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-outline:not([disabled],.is-disabled):active,.button.mod-outlined:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-outline .button-counter,.button.mod-outlined .button-counter{background-color:var(--palettes-300, var(--palettes-grey-300));color:var(--palettes-800, var(--palettes-grey-800))}.button.mod-text,.button.mod-link{background-color:transparent;color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):hover,.button.mod-link:not([disabled],.is-disabled):hover{background-color:var(--palettes-100, var(--palettes-grey-100));color:var(--palettes-700, var(--palettes-grey-700))}.button.mod-text:not([disabled],.is-disabled):active,.button.mod-link:not([disabled],.is-disabled):active{background-color:var(--palettes-200, var(--palettes-grey-200))}.button.mod-text:focus-visible,.button.mod-link:focus-visible{background-color:var(--palettes-100, var(--palettes-grey-100))}.button.mod-block{width:100%}.button.mod-S{--components-button-font-size: var(--sizes-S-fontSize);--components-button-line-height: var(--sizes-S-lineHeight);--components-button-padding: .375rem .75rem;--components-button-gap: .375rem;--icon-size: 1.25rem}.button.mod-S .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-XS{--components-button-font-size: var(--sizes-XS-fontSize);--components-button-line-height: var(--sizes-XS-lineHeight);--components-button-padding: var(--spacings-XXS) var(--spacings-XS);--components-button-gap: var(--spacings-XXS);--icon-size: 1rem}.button.mod-XS .numericBadge{--components-numericBadge-size: 1rem;--components-numericBadge-borderRadius: var(--commons-borderRadius-M);--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.button.mod-counter{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS)) var(--spacings-XS) var(--spacings-S)}.button-counter{background-color:var(--palettes-600, var(--palettes-primary-600));border-radius:1rem;display:flex;font-size:var(--sizes-XS-fontSize);height:1.5rem;min-width:1.5rem;align-items:center;justify-content:center;transition:background-color var(--commons-animations-durations-fast) ease}.button.mod-counter:hover .button-counter{background-color:var(--palettes-500, var(--palettes-primary-500))}.button.mod-counter.mod-S{--components-button-padding: .375rem calc(var(--spacings-XS) + var(--spacings-XXS)) .375rem var(--spacings-S)}.button.mod-counter.mod-S .button-counter{height:1.25rem;min-width:1.25rem}.button.mod-counter.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS) var(--spacings-XXS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-counter.mod-XS .button-counter{height:1rem;min-width:1rem}.button.mod-icon{--components-button-padding: var(--spacings-XS) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-S{--components-button-padding: calc(var(--spacings-XXS) + var(--spacings-XXS)/2) calc(var(--spacings-XS) + var(--spacings-XXS))}.button.mod-icon.mod-XS{--components-button-padding: var(--spacings-XXS) var(--spacings-XS)}.button.mod-invert{color:var(--colors-white-color)}.button.mod-invert:not([disabled],.is-disabled):hover{background-color:#fff3}.button.mod-invert:not([disabled],.is-disabled):focus-visible{background-color:#fff3;color:var(--colors-white-color)}.button.mod-more{padding:0!important;text-align:center;min-width:2rem;border-top-right-radius:var(--commons-borderRadius-M);border-bottom-right-radius:var(--commons-borderRadius-M)}.button.mod-more:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;height:0;vertical-align:text-top}@supports (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){.button.mod-more:before{content:\"\\e97c\"}}.button.mod-more.mod-S{min-width:1.75rem}.button:is(.loading,.is-loading){opacity:var(--commons-disabled-opacity)}.button:is(.loading,.is-loading):not(.mod-more){color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.loading,.is-loading):not(.mod-more):after{width:var(--components-button-font-size);height:var(--components-button-font-size);border-radius:50%;line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;content:\"\";animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}.button:is(.loading,.is-loading).mod-S:not(.mod-more):after{width:var(--sizes-S-fontSize);height:var(--sizes-S-fontSize);border-radius:50%;line-height:.8rem;border-width:3px;inset:0;margin:auto;position:absolute;border-style:solid;content:\"\";animation-name:rotate;animation-duration:var(--commons-loading-speed);animation-timing-function:linear;animation-iteration-count:infinite;border-color:var(--commons-loading-frontground);border-top-color:transparent}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button:is(.is-error,.error){--palettes-text: #ffffff;--palettes-50: #ffebec;--palettes-100: #ffd6d8;--palettes-200: #fdbebe;--palettes-300: #faa3a3;--palettes-400: #fa8989;--palettes-500: #f76e6e;--palettes-600: #f15050;--palettes-700: #da2f2f;--palettes-800: #aa0e0e;--palettes-900: #630303}.button:is(.is-error,.error):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-error,.error):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-error,.error):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-error,.error):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-error,.error):not(.mod-more):after{content:\"\\e9bf\"}}.button:is(.is-success,.success){--palettes-text: #ffffff;--palettes-50: #dbfae0;--palettes-100: #bef3c7;--palettes-200: #a2ebaf;--palettes-300: #84e695;--palettes-400: #68d97b;--palettes-500: #57c769;--palettes-600: #39b155;--palettes-700: #279b42;--palettes-800: #0a762e;--palettes-900: #004d20}.button:is(.is-success,.success):not(.mod-more){background-color:var(--palettes-700)!important;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}.button:is(.is-success,.success):not(.mod-more):after{color:var(--colors-white-color);font-size:calc(1.5 * var(--components-button-font-size));height:var(--components-button-line-height);inset:0;margin:auto;position:absolute}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):hover{background-color:var(--palettes-600)}.button:is(.is-success,.success):not(.mod-more):not([disabled],.is-disabled):active{background-color:var(--palettes-800)}.button:is(.is-success,.success):not(.mod-more):after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons}@supports (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"/\"\"}}@supports not (content: \"*\"/\"\"){.button:is(.is-success,.success):not(.mod-more):after{content:\"\\e97d\"}}.button:is(.is-disabled,.disabled,[disabled]){background-color:var(--commons-disabled-background);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]) .numericBadge{background-color:var(--palettes-grey-200);color:var(--palettes-grey-500)}.button:is(.is-disabled,.disabled,[disabled]).mod-outlined,.button:is(.is-disabled,.disabled,[disabled]).mod-outline{background-color:var(--colors-white-color);box-shadow:0 0 0 1px var(--palettes-grey-400);color:var(--palettes-grey-500);cursor:default}.button:is(.is-disabled,.disabled,[disabled]).mod-text,.button:is(.is-disabled,.disabled,[disabled]).mod-link{color:var(--palettes-grey-500);background-color:transparent;cursor:default}\n"] }]
+        }], propDecorators: { size: [{
+                type: Input
+            }], block: [{
+                type: Input,
+                args: [{
+                        transform: booleanAttribute,
+                    }]
+            }], palette: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], 
+        /**
+         * '' is the default value when you just set the `luButton` directive without a value attached to it.
+         * We just make this explicit here.
+         */
+        luButton: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2J1dHRvbi9idXR0b24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBYSxNQUFNLGVBQWUsQ0FBQztBQUMvRyxPQUFPLEVBQUUsT0FBTyxFQUFXLE1BQU0sc0JBQXNCLENBQUM7OztBQUV4RCxNQVlhLGVBQWU7SUFaNUI7UUFhQyxhQUFRLEdBQUcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBUTNCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFHZCxZQUFPLEdBQVksTUFBTSxDQUFDO1FBRzFCLFVBQUssR0FBZ0QsU0FBUyxDQUFDO1FBTy9ELGFBQVEsR0FBNkMsRUFBRSxDQUFDO0tBbUJ4RDtJQXhDQSxRQUFRLENBQW1CO0lBdUIzQixXQUFXO1FBQ1YsTUFBTSxhQUFhLEdBQUc7WUFDckIsQ0FBQyxPQUFPLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUFFLElBQUk7WUFDMUIsQ0FBQyxXQUFXLENBQUMsRUFBRSxJQUFJLENBQUMsS0FBSztZQUN6QixDQUFDLFdBQVcsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLEVBQUUsSUFBSTtZQUNqQyxDQUFDLE1BQU0sSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLEVBQUUsSUFBSTtTQUMxQixDQUFDO1FBQ0YsSUFBSSxJQUFJLENBQUMsUUFBUSxLQUFLLEVBQUUsRUFBRTtZQUN6QixJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssYUFBYSxFQUFFO2dCQUNwQyxhQUFhLENBQUMsVUFBVSxDQUFDLEdBQUcsSUFBSSxDQUFDO2dCQUNqQyxhQUFhLENBQUMsWUFBWSxDQUFDLEdBQUcsSUFBSSxDQUFDO2FBQ25DO2lCQUFNO2dCQUNOLGFBQWEsQ0FBQyxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQyxHQUFHLElBQUksQ0FBQzthQUM3QztTQUNEO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsYUFBYSxDQUFDO0lBQ3ZDLENBQUM7OEdBeENXLGVBQWU7a0dBQWYsZUFBZSxrSEFPZixnQkFBZ0IsNkxBZGxCLDJCQUEyQjs7U0FPekIsZUFBZTsyRkFBZixlQUFlO2tCQVozQixTQUFTOytCQUVDLDhCQUE4QixjQUM1QixJQUFJLGtCQUNBLENBQUMsT0FBTyxDQUFDLFlBQ2YsMkJBQTJCLG1CQUVwQix1QkFBdUIsQ0FBQyxNQUFNLFFBQ3pDO3dCQUNMLEtBQUssRUFBRSxRQUFRO3FCQUNmOzhCQU1ELElBQUk7c0JBREgsS0FBSztnQkFNTixLQUFLO3NCQUhKLEtBQUs7dUJBQUM7d0JBQ04sU0FBUyxFQUFFLGdCQUFnQjtxQkFDM0I7Z0JBSUQsT0FBTztzQkFETixLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSzs7UUFJTjs7O1dBR0c7UUFDSCxRQUFRO3NCQUxQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBpbmplY3QsIElucHV0LCBPbkNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nQ2xhenosIFBhbGV0dGUgfSBmcm9tICdAbHVjY2EtZnJvbnQvbmcvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuXHQvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuXHRzZWxlY3RvcjogJ2J1dHRvbltsdUJ1dHRvbl0sYVtsdUJ1dHRvbl0nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRob3N0RGlyZWN0aXZlczogW05nQ2xhenpdLFxuXHR0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuXHRzdHlsZVVybHM6IFsnLi9idXR0b24uY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG5cdGhvc3Q6IHtcblx0XHRjbGFzczogJ2J1dHRvbicsXG5cdH0sXG59KVxuZXhwb3J0IGNsYXNzIEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG5cdCNuZ0NsYXp6ID0gaW5qZWN0KE5nQ2xhenopO1xuXG5cdEBJbnB1dCgpXG5cdHNpemU6ICdNJyB8ICdTJyB8ICdYUyc7XG5cblx0QElucHV0KHtcblx0XHR0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUsXG5cdH0pXG5cdGJsb2NrID0gZmFsc2U7XG5cblx0QElucHV0KClcblx0cGFsZXR0ZTogUGFsZXR0ZSA9ICdub25lJztcblxuXHRASW5wdXQoKVxuXHRzdGF0ZTogJ2RlZmF1bHQnIHwgJ2xvYWRpbmcnIHwgJ2Vycm9yJyB8ICdzdWNjZXNzJyA9ICdkZWZhdWx0JztcblxuXHRASW5wdXQoKVxuXHQvKipcblx0ICogJycgaXMgdGhlIGRlZmF1bHQgdmFsdWUgd2hlbiB5b3UganVzdCBzZXQgdGhlIGBsdUJ1dHRvbmAgZGlyZWN0aXZlIHdpdGhvdXQgYSB2YWx1ZSBhdHRhY2hlZCB0byBpdC5cblx0ICogV2UganVzdCBtYWtlIHRoaXMgZXhwbGljaXQgaGVyZS5cblx0ICovXG5cdGx1QnV0dG9uOiAnJyB8ICdvdXRsaW5lZCcgfCAndGV4dCcgfCAndGV4dC1pbnZlcnQnID0gJyc7XG5cblx0bmdPbkNoYW5nZXMoKTogdm9pZCB7XG5cdFx0Y29uc3QgbmdDbGFzc0NvbmZpZyA9IHtcblx0XHRcdFtgbW9kLSR7dGhpcy5zaXplfWBdOiB0cnVlLFxuXHRcdFx0W2Btb2QtYmxvY2tgXTogdGhpcy5ibG9jayxcblx0XHRcdFtgcGFsZXR0ZS0ke3RoaXMucGFsZXR0ZX1gXTogdHJ1ZSxcblx0XHRcdFtgaXMtJHt0aGlzLnN0YXRlfWBdOiB0cnVlLFxuXHRcdH07XG5cdFx0aWYgKHRoaXMubHVCdXR0b24gIT09ICcnKSB7XG5cdFx0XHRpZiAodGhpcy5sdUJ1dHRvbiA9PT0gJ3RleHQtaW52ZXJ0Jykge1xuXHRcdFx0XHRuZ0NsYXNzQ29uZmlnWydtb2QtdGV4dCddID0gdHJ1ZTtcblx0XHRcdFx0bmdDbGFzc0NvbmZpZ1snbW9kLWludmVydCddID0gdHJ1ZTtcblx0XHRcdH0gZWxzZSB7XG5cdFx0XHRcdG5nQ2xhc3NDb25maWdbYG1vZC0ke3RoaXMubHVCdXR0b259YF0gPSB0cnVlO1xuXHRcdFx0fVxuXHRcdH1cblx0XHR0aGlzLiNuZ0NsYXp6Lm5nQ2xhc3MgPSBuZ0NsYXNzQ29uZmlnO1xuXHR9XG59XG4iXX0=

package/esm2022/button/lucca-front-ng-button.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibHVjY2EtZnJvbnQtbmctYnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvbmcvYnV0dG9uL2x1Y2NhLWZyb250LW5nLWJ1dHRvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/button/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './button.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3BhY2thZ2VzL25nL2J1dHRvbi9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsb0JBQW9CLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2J1dHRvbi5jb21wb25lbnQnO1xuIl19

package/esm2022/callout/callout/callout.component.mjs

@@ -0,0 +1,82 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, EventEmitter, HostBinding, Input, Output } from '@angular/core';
+import { NgIf } from '@angular/common';
+import { getIntl, PortalDirective } from '@lucca-front/ng/core';
+import { LU_CALLOUT_TRANSLATIONS } from '../callout.translate';
+import { CalloutStateMap } from '../callout-state';
+import * as i0 from "@angular/core";
+class CalloutComponent {
+    constructor() {
+        this.palette = 'none';
+        this.removable = false;
+        this.removed = false;
+        this.removedChange = new EventEmitter();
+        this.intl = getIntl(LU_CALLOUT_TRANSLATIONS);
+    }
+    set state(state) {
+        const { icon, palette } = CalloutStateMap[state];
+        if (this.palette === 'none') {
+            this.palette = palette;
+        }
+        if (!this.icon) {
+            this.icon = icon;
+        }
+    }
+    get hiddenAttr() {
+        return this.removed ? 'hidden' : null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CalloutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: CalloutComponent, isStandalone: true, selector: "lu-callout", inputs: { heading: "heading", palette: "palette", size: "size", removable: ["removable", "removable", booleanAttribute], icon: "icon", state: "state", removed: ["removed", "removed", booleanAttribute] }, outputs: { removedChange: "removedChange" }, host: { properties: { "attr.hidden": "this.hiddenAttr" } }, ngImport: i0, template: "<div class=\"callout palette-{{palette}} mod-{{size}}\" *ngIf=\"!removed\">\n\t<div class=\"callout-icon\" *ngIf=\"icon\">\n\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}}\"></span>\n\t</div>\n\t<div class=\"callout-content\">\n\t\t<strong class=\"callout-content-title\" *ngIf=\"heading\">\n\t\t\t<ng-container *luPortal=\"heading\"></ng-container>\n\t\t</strong>\n\t\t<div class=\"callout-content-description\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\t<button *ngIf=\"removable\" type=\"button\" class=\"callout-kill\" (click)=\"removed = true; removedChange.emit(true)\">\n\t\t<span class=\"u-mask\">{{ intl.close }}</span>\n\t</button>\n</div>\n", styles: [".callout{align-items:flex-start;border-radius:var(--commons-borderRadius-L);background-color:var(--palettes-50, var(--palettes-grey-50));color:var(--palettes-grey-800);border-color:var(--palettes-300, var(--palettes-grey-300));border-style:solid;border-width:var(--commons-divider-width);gap:.75rem;padding:var(--spacings-XS) .75rem;position:relative}.callout:not([hidden]){display:flex}.callout a,.callout .link{--commons-text-link-color: var(--palettes-grey-800);--commons-text-link-hover: var(--palettes-grey-700)}.callout-content{flex:1;display:flex;flex-direction:column;gap:var(--spacings-XXS)}.callout-content-title{font-weight:600}.callout-icon{display:inline-flex;color:var(--palettes-700, var(--palettes-grey-700))}.callout-icon .lucca-icon{font-size:var(--sizes-M-lineHeight)}.callout-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;color:currentColor;transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;width:auto}.callout-kill:focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px;border-radius:var(--commons-borderRadius-M)}.callout-kill:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;font-size:var(--sizes-S-lineHeight)}@supports (content: \"*\"/\"\"){.callout-kill:before{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.callout-kill:before{content:\"\\e9bf\"}}.callout.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);gap:.75rem}.callout.mod-S .callout-icon{line-height:var(--sizes-S-lineHeight)}.callout.mod-S .callout-icon .lucca-icon{font-size:var(--sizes-S-lineHeight)}.callout.mod-tiny{display:inline-flex;gap:.375rem;padding:var(--spacings-XS)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+export { CalloutComponent };
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: CalloutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-callout', standalone: true, imports: [NgIf, PortalDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"callout palette-{{palette}} mod-{{size}}\" *ngIf=\"!removed\">\n\t<div class=\"callout-icon\" *ngIf=\"icon\">\n\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-{{icon}}\"></span>\n\t</div>\n\t<div class=\"callout-content\">\n\t\t<strong class=\"callout-content-title\" *ngIf=\"heading\">\n\t\t\t<ng-container *luPortal=\"heading\"></ng-container>\n\t\t</strong>\n\t\t<div class=\"callout-content-description\">\n\t\t\t<ng-content></ng-content>\n\t\t</div>\n\t</div>\n\t<button *ngIf=\"removable\" type=\"button\" class=\"callout-kill\" (click)=\"removed = true; removedChange.emit(true)\">\n\t\t<span class=\"u-mask\">{{ intl.close }}</span>\n\t</button>\n</div>\n", styles: [".callout{align-items:flex-start;border-radius:var(--commons-borderRadius-L);background-color:var(--palettes-50, var(--palettes-grey-50));color:var(--palettes-grey-800);border-color:var(--palettes-300, var(--palettes-grey-300));border-style:solid;border-width:var(--commons-divider-width);gap:.75rem;padding:var(--spacings-XS) .75rem;position:relative}.callout:not([hidden]){display:flex}.callout a,.callout .link{--commons-text-link-color: var(--palettes-grey-800);--commons-text-link-hover: var(--palettes-grey-700)}.callout-content{flex:1;display:flex;flex-direction:column;gap:var(--spacings-XXS)}.callout-content-title{font-weight:600}.callout-icon{display:inline-flex;color:var(--palettes-700, var(--palettes-grey-700))}.callout-icon .lucca-icon{font-size:var(--sizes-M-lineHeight)}.callout-kill{padding:0;border:0;width:100%;background-color:transparent;color:inherit;text-align:left;display:block;font:inherit;cursor:pointer;color:currentColor;transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;width:auto}.callout-kill:focus-visible{outline:2px solid var(--palettes-primary-700);outline-offset:2px;border-radius:var(--commons-borderRadius-M)}.callout-kill:before{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;font-size:var(--sizes-S-lineHeight)}@supports (content: \"*\"/\"\"){.callout-kill:before{content:\"\\e9bf\"/\"\"}}@supports not (content: \"*\"/\"\"){.callout-kill:before{content:\"\\e9bf\"}}.callout.mod-S{font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);gap:.75rem}.callout.mod-S .callout-icon{line-height:var(--sizes-S-lineHeight)}.callout.mod-S .callout-icon .lucca-icon{font-size:var(--sizes-S-lineHeight)}.callout.mod-tiny{display:inline-flex;gap:.375rem;padding:var(--spacings-XS)}\n"] }]
+        }], propDecorators: { 
+        /**
+         * The title of the callout
+         */
+        heading: [{
+                type: Input
+            }], 
+        /**
+         * Which palette should be used for the entire callout.
+         * Defaults to none (inherits parent palette)
+         */
+        palette: [{
+                type: Input
+            }], 
+        /**
+         * Which size should the callout be? Defaults to medium
+         */
+        size: [{
+                type: Input
+            }], 
+        /**
+         * Should we display the remove icon?
+         */
+        removable: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], 
+        /**
+         * Which icon should we display in the callout if any?
+         * Defaults to no icon.
+         */
+        icon: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], 
+        /**
+         * Is the callout removed? Works with two way binding too.
+         */
+        removed: [{
+                type: Input,
+                args: [{ transform: booleanAttribute }]
+            }], hiddenAttr: [{
+                type: HostBinding,
+                args: ['attr.hidden']
+            }], removedChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FsbG91dC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jYWxsb3V0L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9uZy9jYWxsb3V0L2NhbGxvdXQvY2FsbG91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvSCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDdkMsT0FBTyxFQUFFLE9BQU8sRUFBMEIsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDeEYsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFL0QsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFakUsTUFRYSxnQkFBZ0I7SUFSN0I7UUFvQkMsWUFBTyxHQUFZLE1BQU0sQ0FBQztRQVkxQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBK0JsQixZQUFPLEdBQUcsS0FBSyxDQUFDO1FBUWhCLGtCQUFhLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFFNUQsU0FBSSxHQUFHLE9BQU8sQ0FBQyx1QkFBdUIsQ0FBQyxDQUFDO0tBQy9DO0lBakNBLElBUUksS0FBSyxDQUFDLEtBQW1CO1FBQzVCLE1BQU0sRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLEdBQUcsZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2pELElBQUksSUFBSSxDQUFDLE9BQU8sS0FBSyxNQUFNLEVBQUU7WUFDNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxPQUFPLENBQUM7U0FDdkI7UUFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRTtZQUNmLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1NBQ2pCO0lBQ0YsQ0FBQztJQVFELElBQ0ksVUFBVTtRQUNiLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7SUFDdkMsQ0FBQzs4R0E1RFcsZ0JBQWdCO2tHQUFoQixnQkFBZ0Isb0pBb0JSLGdCQUFnQixpRUErQmhCLGdCQUFnQixzSUNsRXJDLDZxQkFnQkEsczFERE5XLElBQUksNkZBQUUsZUFBZTs7U0FLbkIsZ0JBQWdCOzJGQUFoQixnQkFBZ0I7a0JBUjVCLFNBQVM7K0JBQ0MsWUFBWSxjQUNWLElBQUksV0FDUCxDQUFDLElBQUksRUFBRSxlQUFlLENBQUMsbUJBR2YsdUJBQXVCLENBQUMsTUFBTTs7UUFJL0M7O1dBRUc7UUFDSCxPQUFPO3NCQUpOLEtBQUs7O1FBT047OztXQUdHO1FBQ0gsT0FBTztzQkFMTixLQUFLOztRQVFOOztXQUVHO1FBQ0gsSUFBSTtzQkFKSCxLQUFLOztRQU9OOztXQUVHO1FBQ0gsU0FBUztzQkFKUixLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFOztRQU90Qzs7O1dBR0c7UUFDSCxJQUFJO3NCQUxILEtBQUs7Z0JBZUYsS0FBSztzQkFSUixLQUFLOztRQW1CTjs7V0FFRztRQUNILE9BQU87c0JBSk4sS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFPbEMsVUFBVTtzQkFEYixXQUFXO3VCQUFDLGFBQWE7Z0JBTTFCLGFBQWE7c0JBRFosTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGJvb2xlYW5BdHRyaWJ1dGUsIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgZ2V0SW50bCwgUGFsZXR0ZSwgUG9ydGFsQ29udGVudCwgUG9ydGFsRGlyZWN0aXZlIH0gZnJvbSAnQGx1Y2NhLWZyb250L25nL2NvcmUnO1xuaW1wb3J0IHsgTFVfQ0FMTE9VVF9UUkFOU0xBVElPTlMgfSBmcm9tICcuLi9jYWxsb3V0LnRyYW5zbGF0ZSc7XG5pbXBvcnQgeyBMdWNjYUljb24gfSBmcm9tICdAbHVjY2EtZnJvbnQvaWNvbnMnO1xuaW1wb3J0IHsgQ2FsbG91dFN0YXRlLCBDYWxsb3V0U3RhdGVNYXAgfSBmcm9tICcuLi9jYWxsb3V0LXN0YXRlJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnbHUtY2FsbG91dCcsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtOZ0lmLCBQb3J0YWxEaXJlY3RpdmVdLFxuXHR0ZW1wbGF0ZVVybDogJy4vY2FsbG91dC5jb21wb25lbnQuaHRtbCcsXG5cdHN0eWxlVXJsczogWycuL2NhbGxvdXQuY29tcG9uZW50LnNjc3MnXSxcblx0Y2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIENhbGxvdXRDb21wb25lbnQge1xuXHRASW5wdXQoKVxuXHQvKipcblx0ICogVGhlIHRpdGxlIG9mIHRoZSBjYWxsb3V0XG5cdCAqL1xuXHRoZWFkaW5nOiBQb3J0YWxDb250ZW50O1xuXG5cdEBJbnB1dCgpXG5cdC8qKlxuXHQgKiBXaGljaCBwYWxldHRlIHNob3VsZCBiZSB1c2VkIGZvciB0aGUgZW50aXJlIGNhbGxvdXQuXG5cdCAqIERlZmF1bHRzIHRvIG5vbmUgKGluaGVyaXRzIHBhcmVudCBwYWxldHRlKVxuXHQgKi9cblx0cGFsZXR0ZTogUGFsZXR0ZSA9ICdub25lJztcblxuXHRASW5wdXQoKVxuXHQvKipcblx0ICogV2hpY2ggc2l6ZSBzaG91bGQgdGhlIGNhbGxvdXQgYmU/IERlZmF1bHRzIHRvIG1lZGl1bVxuXHQgKi9cblx0c2l6ZTogJ00nIHwgJ1MnO1xuXG5cdEBJbnB1dCh7IHRyYW5zZm9ybTogYm9vbGVhbkF0dHJpYnV0ZSB9KVxuXHQvKipcblx0ICogU2hvdWxkIHdlIGRpc3BsYXkgdGhlIHJlbW92ZSBpY29uP1xuXHQgKi9cblx0cmVtb3ZhYmxlID0gZmFsc2U7XG5cblx0QElucHV0KClcblx0LyoqXG5cdCAqIFdoaWNoIGljb24gc2hvdWxkIHdlIGRpc3BsYXkgaW4gdGhlIGNhbGxvdXQgaWYgYW55P1xuXHQgKiBEZWZhdWx0cyB0byBubyBpY29uLlxuXHQgKi9cblx0aWNvbjogTHVjY2FJY29uO1xuXG5cdEBJbnB1dCgpXG5cdC8qKlxuXHQgKiBTdGF0ZSBpcyBhIHNob3J0aGFuZCB0byBzZXQgdGhlIGljb24gYW5kIHRoZSBwYWxldHRlIHRvIHRoZSByZWNvbW1lbmRlZCB2YWx1ZXMgZm9yIHRoZSBpY29uIGFuZCBwYWxldHRlIGJhc2VkIG9uXG5cdCAqIHRoZSBwcm92aWRlZCBzdGF0ZS5cblx0ICpcblx0ICogSWYgb25lIG9mIHRoZSBpY29uIG9yIHBhbGV0dGUgaW5wdXRzIGFyZSBmaWxsZWQgYWxvbmcgd2l0aCB0aGUgc3RhdGUgaW5wdXQsIHRoZWlyIHZhbHVlcyB3aWxsIGhhdmUgdGhlIHByaW9yaXR5IG92ZXJcblx0ICogc3RhdGUgKHNvIHNldHRpbmcgc3RhdGUgdG8gc3VjY2VzcyBhbmQgcGFsZXR0ZSB0byB3YXJuaW5nIHdpbGwgbWFrZSB0aGUgcGFsZXR0ZSB3YXJuaW5nKVxuXHQgKi9cblx0c2V0IHN0YXRlKHN0YXRlOiBDYWxsb3V0U3RhdGUpIHtcblx0XHRjb25zdCB7IGljb24sIHBhbGV0dGUgfSA9IENhbGxvdXRTdGF0ZU1hcFtzdGF0ZV07XG5cdFx0aWYgKHRoaXMucGFsZXR0ZSA9PT0gJ25vbmUnKSB7XG5cdFx0XHR0aGlzLnBhbGV0dGUgPSBwYWxldHRlO1xuXHRcdH1cblx0XHRpZiAoIXRoaXMuaWNvbikge1xuXHRcdFx0dGhpcy5pY29uID0gaWNvbjtcblx0XHR9XG5cdH1cblxuXHRASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSlcblx0LyoqXG5cdCAqIElzIHRoZSBjYWxsb3V0IHJlbW92ZWQ/IFdvcmtzIHdpdGggdHdvIHdheSBiaW5kaW5nIHRvby5cblx0ICovXG5cdHJlbW92ZWQgPSBmYWxzZTtcblxuXHRASG9zdEJpbmRpbmcoJ2F0dHIuaGlkZGVuJylcblx0Z2V0IGhpZGRlbkF0dHIoKTogJ2hpZGRlbicgfCBudWxsIHtcblx0XHRyZXR1cm4gdGhpcy5yZW1vdmVkID8gJ2hpZGRlbicgOiBudWxsO1xuXHR9XG5cblx0QE91dHB1dCgpXG5cdHJlbW92ZWRDaGFuZ2U6IEV2ZW50RW1pdHRlcjxib29sZWFuPiA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKTtcblxuXHRwdWJsaWMgaW50bCA9IGdldEludGwoTFVfQ0FMTE9VVF9UUkFOU0xBVElPTlMpO1xufVxuIiwiPGRpdiBjbGFzcz1cImNhbGxvdXQgcGFsZXR0ZS17e3BhbGV0dGV9fSBtb2Qte3tzaXplfX1cIiAqbmdJZj1cIiFyZW1vdmVkXCI+XG5cdDxkaXYgY2xhc3M9XCJjYWxsb3V0LWljb25cIiAqbmdJZj1cImljb25cIj5cblx0XHQ8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIiBjbGFzcz1cImx1Y2NhLWljb24gaWNvbi17e2ljb259fVwiPjwvc3Bhbj5cblx0PC9kaXY+XG5cdDxkaXYgY2xhc3M9XCJjYWxsb3V0LWNvbnRlbnRcIj5cblx0XHQ8c3Ryb25nIGNsYXNzPVwiY2FsbG91dC1jb250ZW50LXRpdGxlXCIgKm5nSWY9XCJoZWFkaW5nXCI+XG5cdFx0XHQ8bmctY29udGFpbmVyICpsdVBvcnRhbD1cImhlYWRpbmdcIj48L25nLWNvbnRhaW5lcj5cblx0XHQ8L3N0cm9uZz5cblx0XHQ8ZGl2IGNsYXNzPVwiY2FsbG91dC1jb250ZW50LWRlc2NyaXB0aW9uXCI+XG5cdFx0XHQ8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG5cdFx0PC9kaXY+XG5cdDwvZGl2PlxuXHQ8YnV0dG9uICpuZ0lmPVwicmVtb3ZhYmxlXCIgdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2FsbG91dC1raWxsXCIgKGNsaWNrKT1cInJlbW92ZWQgPSB0cnVlOyByZW1vdmVkQ2hhbmdlLmVtaXQodHJ1ZSlcIj5cblx0XHQ8c3BhbiBjbGFzcz1cInUtbWFza1wiPnt7IGludGwuY2xvc2UgfX08L3NwYW4+XG5cdDwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=