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

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

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

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

@@ -588,7 +588,7 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
                 provide: DEFAULT_LEGAL_UNIT_SERVICE,
                 useClass: LuLegalUnitService,
             },
-        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-textLight pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "product", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl.establishments }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-textLight pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;color:var(--palettes-neutral-600);inset-block-end:var(--components-select-input-padding-vertical);font-size:var(--pr-t-font-body-M-lineHeight);line-height:var(--pr-t-font-body-M-lineHeight);pointer-events:none;position:absolute;inset-inline-end:var(--components-select-input-padding-horizontal);transition:transform var(--commons-animations-durations-standard) ease}}@layer mods{:host[disabled],:host.is-disabled{cursor:not-allowed;pointer-events:all}}@layer components{.lu-select-display-wrapper{display:block;inline-size:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lu-select-value{font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-neutral-400);font:var(--pr-t-font-body-M);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-M-lineHeight));padding-block:var(--components-select-input-padding-vertical);padding-inline:var(--components-select-input-padding-horizontal) 3.5rem;transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix,.lu-select-clearer{position:absolute;inset-block-end:var(--pr-t-spacings-150);inset-inline-end:2.5rem}::ng-deep .lu-select-value .chip{display:inline-flex;max-inline-size:100%;margin-block:0 var(--pr-t-spacings-50);margin-inline:0 var(--pr-t-spacings-50);text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}@layer mods{:host-context(.textfield.mod-S){padding:0}:host-context(.textfield.mod-S) .lu-select-value,:host-context(.textfield.mod-S) .lu-select-placeholder{font-size:var(--pr-t-font-body-S-fontSize);line-height:var(--pr-t-font-body-XS-lineHeight);min-block-size:calc(var(--components-select-framed-bottom-padding) + var(--pr-t-font-body-XS-lineHeight))}:host-context(.textfield.mod-S) .lu-select-clearer{inset-block-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-S):after{line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-S-lineHeight)}:host-context(.textfield.mod-S) .lu-select-suffix{inset-block-end:.5rem;inset-inline-end:2rem}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .chip{block-size:var(--pr-t-font-body-XS-lineHeight);line-height:var(--pr-t-font-body-XS-lineHeight);font-size:var(--pr-t-font-body-XS-fontSize);padding-inline:var(--pr-t-spacings-50);gap:var(--pr-t-spacings-50)}:host-context(.textfield.mod-S) ::ng-deep .lu-select-value .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(-180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,

package/fesm2022/lucca-front-ng-filter-pills.mjs

@@ -220,7 +220,7 @@ class FilterPillComponent {
                 provide: FILTER_PILL_HOST_COMPONENT,
                 useExisting: forwardRef(() => FilterPillComponent),
             },
-        ], queries: [{ propertyName: "childInputComponentRef", first: true, predicate: FILTER_PILL_INPUT_COMPONENT, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }, { propertyName: "defaultLabelTpl", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isHidden()) {\n\t@if (layout() === \"default\") {\n\t\t<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"\n\t\t\t\t\tlabelTpl();\n\t\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\t\"\n\t\t\t/>\n\t\t</label>\n\t\t<button\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\tclass=\"filterPill-combobox\"\n\t\t\ttype=\"button\"\n\t\t\trole=\"combobox\"\n\t\t\t[luPopover2]=\"pillContent\"\n\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t[luPopoverAnchor]=\"elementRef\"\n\t\t\t(luPopoverOpened)=\"popoverOpened()\"\n\t\t\tluTooltip\n\t\t\tluTooltipWhenEllipsis\n\t\t\t[luTooltipDisabled]=\"inputIsEmpty()\"\n\t\t\t#comboboxRef\n\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t\t\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"pillTpl; context: { label: label(), isEmpty: inputIsEmpty() }\" />\n\t\t\t@if (inputIsEmpty() && !disabled()) {\n\t\t\t\t{{ placeholder() }}\n\t\t\t}\n\t\t</button>\n\t\t@if (inputIsClearable()) {\n\t\t\t<lu-clear class=\"filterPill-clear\" (onClear)=\"clear(); comboboxRef.focus()\">{{ intl.clear }}</lu-clear>\n\t\t}\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-hidden=\"true\"\n\t\t\ttabindex=\"-1\"\n\t\t\tclass=\"filterPill-toggle\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\t(click)=\"popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n\t\t</button>\n\t} @else {\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"\n\t\t\t\tlabelTpl();\n\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\"\n\t\t/>\n\t}\n}\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: ["@layer components{.filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--pr-t-color-text);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);--components-filterPill-label-maxInlineSize: none;display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);inline-size:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--pr-t-border-radius-default);color:var(--components-filterPill-color);font:var(--pr-t-font-body-S);box-shadow:var(--components-filterPill-shadow);position:relative;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-50)}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0;max-inline-size:var(--components-filterPill-label-maxInlineSize)}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);inline-size:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);inline-size:auto;z-index:1;margin-inline-start:.5ch;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50);max-inline-size:15rem}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;block-size:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:var(--pr-t-border-radius-50);color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{inline-size:var(--pr-t-spacings-150);block-size:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:var(--pr-t-font-fontWeight-regular);font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-button)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-button)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700)}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-filterPill-label-maxInlineSize: 15rem}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow);--components-clear-display: none}.filterPill.is-hidden{--components-filterPill-display: none}}@layer components{.filterBar{--components-filterBar-scrollBox-flexGrow: 0;--components-filterBar-scrollBox-group-flexWrap: wrap;display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.filterBar .textField{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-scrollBox{flex-grow:var(--components-filterBar-scrollBox-flexGrow)}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.filterBar-scrollBox-group{display:flex;gap:var(--pr-t-spacings-100);flex-wrap:var(--components-filterBar-scrollBox-group-flexWrap);flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200);flex-shrink:0}}@layer mods{@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{inline-size:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-marginBlock: 0;--components-divider-marginInline: var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-scrollBox-flexGrow: 1;--components-filterBar-scrollBox-group-flexWrap: nowrap}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "product", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], queries: [{ propertyName: "childInputComponentRef", first: true, predicate: FILTER_PILL_INPUT_COMPONENT, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }, { propertyName: "defaultLabelTpl", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isHidden()) {\n\t@if (layout() === \"default\") {\n\t\t<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"\n\t\t\t\t\tlabelTpl();\n\t\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\t\"\n\t\t\t/>\n\t\t</label>\n\t\t<button\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\tclass=\"filterPill-combobox\"\n\t\t\ttype=\"button\"\n\t\t\trole=\"combobox\"\n\t\t\t[luPopover2]=\"pillContent\"\n\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t[luPopoverAnchor]=\"elementRef\"\n\t\t\t(luPopoverOpened)=\"popoverOpened()\"\n\t\t\tluTooltip\n\t\t\tluTooltipWhenEllipsis\n\t\t\t[luTooltipDisabled]=\"inputIsEmpty()\"\n\t\t\t#comboboxRef\n\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t\t\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"pillTpl; context: { label: label(), isEmpty: inputIsEmpty() }\" />\n\t\t\t@if (inputIsEmpty() && !disabled()) {\n\t\t\t\t{{ placeholder() }}\n\t\t\t}\n\t\t</button>\n\t\t@if (inputIsClearable()) {\n\t\t\t<lu-clear class=\"filterPill-clear\" (onClear)=\"clear(); comboboxRef.focus()\">{{ intl.clear }}</lu-clear>\n\t\t}\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-hidden=\"true\"\n\t\t\ttabindex=\"-1\"\n\t\t\tclass=\"filterPill-toggle\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\t(click)=\"popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n\t\t</button>\n\t} @else {\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"\n\t\t\t\tlabelTpl();\n\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\"\n\t\t/>\n\t}\n}\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: ["@layer components{.filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--pr-t-color-text);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);--components-filterPill-label-maxInlineSize: none;display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);inline-size:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--pr-t-border-radius-default);color:var(--components-filterPill-color);font:var(--pr-t-font-body-S);box-shadow:var(--components-filterPill-shadow);position:relative;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-50)}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0;max-inline-size:var(--components-filterPill-label-maxInlineSize)}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);inline-size:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);inline-size:auto;z-index:1;margin-inline-start:.5ch;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50);max-inline-size:15rem}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;block-size:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:var(--pr-t-border-radius-50);color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{inline-size:var(--pr-t-spacings-150);block-size:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:var(--pr-t-font-fontWeight-regular);font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-button)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-button)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700)}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-filterPill-label-maxInlineSize: 15rem}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow);--components-clear-display: none}.filterPill.is-hidden{--components-filterPill-display: none}}@layer components{.filterBar{--components-filterBar-scrollBox-flexGrow: 0;--components-filterBar-scrollBox-group-flexWrap: wrap;display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.filterBar .textField{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-scrollBox{flex-grow:var(--components-filterBar-scrollBox-flexGrow)}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.filterBar-scrollBox-group{display:flex;gap:var(--pr-t-spacings-100);flex-wrap:var(--components-filterBar-scrollBox-group-flexWrap);flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200);flex-shrink:0}}@layer mods{@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{inline-size:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-marginBlock: 0;--components-divider-marginInline: var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-scrollBox-flexGrow: 1;--components-filterBar-scrollBox-group-flexWrap: nowrap}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis", "luTooltipAnchor"], exportAs: ["luTooltip"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImport: i0, type: FilterPillComponent, decorators: [{
             type: Component,
@@ -231,7 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.2", ngImpor
                         },
                     ], host: {
                         class: 'filterPill',
-                    }, template: "@if (!isHidden()) {\n\t@if (layout() === \"default\") {\n\t\t<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"\n\t\t\t\t\tlabelTpl();\n\t\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\t\"\n\t\t\t/>\n\t\t</label>\n\t\t<button\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\tclass=\"filterPill-combobox\"\n\t\t\ttype=\"button\"\n\t\t\trole=\"combobox\"\n\t\t\t[luPopover2]=\"pillContent\"\n\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t[luPopoverAnchor]=\"elementRef\"\n\t\t\t(luPopoverOpened)=\"popoverOpened()\"\n\t\t\tluTooltip\n\t\t\tluTooltipWhenEllipsis\n\t\t\t[luTooltipDisabled]=\"inputIsEmpty()\"\n\t\t\t#comboboxRef\n\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t\t\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"pillTpl; context: { label: label(), isEmpty: inputIsEmpty() }\" />\n\t\t\t@if (inputIsEmpty() && !disabled()) {\n\t\t\t\t{{ placeholder() }}\n\t\t\t}\n\t\t</button>\n\t\t@if (inputIsClearable()) {\n\t\t\t<lu-clear class=\"filterPill-clear\" (onClear)=\"clear(); comboboxRef.focus()\">{{ intl.clear }}</lu-clear>\n\t\t}\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-hidden=\"true\"\n\t\t\ttabindex=\"-1\"\n\t\t\tclass=\"filterPill-toggle\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\t(click)=\"popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n\t\t</button>\n\t} @else {\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"\n\t\t\t\tlabelTpl();\n\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\"\n\t\t/>\n\t}\n}\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: ["@layer components{.filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--pr-t-color-text);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);--components-filterPill-label-maxInlineSize: none;display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);inline-size:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--pr-t-border-radius-default);color:var(--components-filterPill-color);font:var(--pr-t-font-body-S);box-shadow:var(--components-filterPill-shadow);position:relative;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-50)}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0;max-inline-size:var(--components-filterPill-label-maxInlineSize)}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);inline-size:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);inline-size:auto;z-index:1;margin-inline-start:.5ch;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50);max-inline-size:15rem}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;block-size:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:var(--pr-t-border-radius-50);color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{inline-size:var(--pr-t-spacings-150);block-size:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:var(--pr-t-font-fontWeight-regular);font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-button)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-button)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700)}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-filterPill-label-maxInlineSize: 15rem}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow);--components-clear-display: none}.filterPill.is-hidden{--components-filterPill-display: none}}@layer components{.filterBar{--components-filterBar-scrollBox-flexGrow: 0;--components-filterBar-scrollBox-group-flexWrap: wrap;display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.filterBar .textField{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-scrollBox{flex-grow:var(--components-filterBar-scrollBox-flexGrow)}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.filterBar-scrollBox-group{display:flex;gap:var(--pr-t-spacings-100);flex-wrap:var(--components-filterBar-scrollBox-group-flexWrap);flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200);flex-shrink:0}}@layer mods{@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{inline-size:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-marginBlock: 0;--components-divider-marginInline: var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-scrollBox-flexGrow: 1;--components-filterBar-scrollBox-group-flexWrap: nowrap}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}}\n"] }]
+                    }, template: "@if (!isHidden()) {\n\t@if (layout() === \"default\") {\n\t\t<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t\t\t<ng-container\n\t\t\t\t*ngTemplateOutlet=\"\n\t\t\t\t\tlabelTpl();\n\t\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\t\"\n\t\t\t/>\n\t\t</label>\n\t\t<button\n\t\t\t[attr.id]=\"id\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\tclass=\"filterPill-combobox\"\n\t\t\ttype=\"button\"\n\t\t\trole=\"combobox\"\n\t\t\t[luPopover2]=\"pillContent\"\n\t\t\t[luPopoverNoCloseButton]=\"true\"\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t\t[luPopoverAnchor]=\"elementRef\"\n\t\t\t(luPopoverOpened)=\"popoverOpened()\"\n\t\t\tluTooltip\n\t\t\tluTooltipWhenEllipsis\n\t\t\t[luTooltipDisabled]=\"inputIsEmpty()\"\n\t\t\t#comboboxRef\n\t\t\t#popoverRef=\"luPopover2\"\n\t\t\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t\t\t(keydown.arrowDown)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t\t(keydown.arrowUp)=\"$event.preventDefault(); popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<ng-container *ngTemplateOutlet=\"pillTpl; context: { label: label(), isEmpty: inputIsEmpty() }\" />\n\t\t\t@if (inputIsEmpty() && !disabled()) {\n\t\t\t\t{{ placeholder() }}\n\t\t\t}\n\t\t</button>\n\t\t@if (inputIsClearable()) {\n\t\t\t<lu-clear class=\"filterPill-clear\" (onClear)=\"clear(); comboboxRef.focus()\">{{ intl.clear }}</lu-clear>\n\t\t}\n\t\t<button\n\t\t\ttype=\"button\"\n\t\t\taria-hidden=\"true\"\n\t\t\ttabindex=\"-1\"\n\t\t\tclass=\"filterPill-toggle\"\n\t\t\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t\t\t(click)=\"popoverRef.openPopover(true)\"\n\t\t>\n\t\t\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n\t\t</button>\n\t} @else {\n\t\t<ng-container\n\t\t\t*ngTemplateOutlet=\"\n\t\t\t\tlabelTpl();\n\t\t\t\tcontext: { label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay() }\n\t\t\t\"\n\t\t/>\n\t}\n}\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content />\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: ["@layer components{.filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--pr-t-color-text);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);--components-filterPill-label-maxInlineSize: none;display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);inline-size:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--pr-t-border-radius-default);color:var(--components-filterPill-color);font:var(--pr-t-font-body-S);box-shadow:var(--components-filterPill-shadow);position:relative;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:var(--pr-t-border-radius-50)}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0;max-inline-size:var(--components-filterPill-label-maxInlineSize)}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);inline-size:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-800)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-900)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);inline-size:auto;z-index:1;margin-inline-start:.5ch;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50);max-inline-size:15rem}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;block-size:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:var(--pr-t-border-radius-50);color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{inline-size:var(--pr-t-spacings-150);block-size:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;inline-size:100%;block-size:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:var(--pr-t-font-fontWeight-regular);font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}}@layer mods{.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-button)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-button)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700)}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-filterPill-label-maxInlineSize: 15rem}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow);--components-clear-display: none}.filterPill.is-hidden{--components-filterPill-display: none}}@layer components{.filterBar{--components-filterBar-scrollBox-flexGrow: 0;--components-filterBar-scrollBox-group-flexWrap: wrap;display:flex;align-items:flex-start;flex-wrap:wrap;gap:var(--pr-t-spacings-100)}.filterBar .textField{--component-textField-borderRadius: var(--pr-t-border-radius-default);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-font: var(--pr-t-font-body-S);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-scrollBox{flex-grow:var(--components-filterBar-scrollBox-flexGrow)}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-font: var(--pr-t-font-body-S);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}.filterBar-scrollBox-group{display:flex;gap:var(--pr-t-spacings-100);flex-wrap:var(--components-filterBar-scrollBox-group-flexWrap);flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200);flex-shrink:0}}@layer mods{@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{inline-size:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-marginBlock: 0;--components-divider-marginInline: var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-scrollBox-flexGrow: 1;--components-filterBar-scrollBox-group-flexWrap: nowrap}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-pseudoElementsContent: none;--components-scrollBox-display: contents;--components-scrollBox-firstLast-display: none}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { isHiddenClass: [{
                 type: HostBinding,
                 args: ['class.is-hidden']