npm - @lucca-front/ng - Versions diffs - 22.0.5 → 22.0.6 - Mend

@lucca-front/ng 22.0.5 → 22.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (405) hide show

package/fesm2022/lucca-front-ng-select.mjs CHANGED Viewed

@@ -314,10 +314,10 @@ class ALuSelectInputComponent extends ALuSelectInput {
     _emitClose() {
         this.onClose.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ALuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.4", type: ALuSelectInputComponent, isStandalone: true, inputs: { pickerOverlap: { classPropertyName: "pickerOverlap", publicName: "pickerOverlap", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpenOutput: "onOpen", onCloseOutput: "onClose" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()", "keydown.space": "onKeydown($event)", "keydown.enter": "onKeydown($event)" }, properties: { "tabindex": "tabindex", "class.is-disabled": "disabledInput()", "class.is-focused": "isFocused", "class.mod-multiple": "modMultiple", "class.is-clearable": "isClearable" } }, queries: [{ propertyName: "ccPicker", first: true, predicate: ALuPickerPanel, descendants: true, isSignal: true }, { propertyName: "ccDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, isSignal: true }, { propertyName: "ccClearer", first: true, predicate: ALuClear, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_vcDisplayContainer", first: true, predicate: ["display"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "vcPicker", first: true, predicate: ALuPickerPanel, descendants: true, isSignal: true }, { propertyName: "vcDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, isSignal: true }, { propertyName: "vcClearer", first: true, predicate: ALuClear, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ALuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.2.1", type: ALuSelectInputComponent, isStandalone: true, inputs: { pickerOverlap: { classPropertyName: "pickerOverlap", publicName: "pickerOverlap", isSignal: true, isRequired: false, transformFunction: null }, placeholderInput: { classPropertyName: "placeholderInput", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, multipleInput: { classPropertyName: "multipleInput", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, disabledInput: { classPropertyName: "disabledInput", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onOpenOutput: "onOpen", onCloseOutput: "onClose" }, host: { listeners: { "click": "onClick()", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "focus": "onFocus()", "blur": "onBlur()", "keydown.space": "onKeydown($event)", "keydown.enter": "onKeydown($event)" }, properties: { "tabindex": "tabindex", "class.is-disabled": "disabledInput()", "class.is-focused": "isFocused", "class.mod-multiple": "modMultiple", "class.is-clearable": "isClearable" } }, queries: [{ propertyName: "ccPicker", first: true, predicate: ALuPickerPanel, descendants: true, isSignal: true }, { propertyName: "ccDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, isSignal: true }, { propertyName: "ccClearer", first: true, predicate: ALuClear, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_vcDisplayContainer", first: true, predicate: ["display"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "vcPicker", first: true, predicate: ALuPickerPanel, descendants: true, isSignal: true }, { propertyName: "vcDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, isSignal: true }, { propertyName: "vcClearer", first: true, predicate: ALuClear, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: ALuSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: ALuSelectInputComponent, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -366,8 +366,8 @@ class LuSelectInputComponent extends ALuSelectInputComponent {
         super.ngAfterViewInit();
         this.displayClearer(); // dont keep
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.4", type: LuSelectInputComponent, isStandalone: true, selector: "lu-select", host: { properties: { "class.mod-multipleView": "modMultipleView" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.2.1", type: LuSelectInputComponent, isStandalone: true, selector: "lu-select", host: { properties: { "class.mod-multipleView": "modMultipleView" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LuSelectInputComponent),
@@ -375,7 +375,7 @@ class LuSelectInputComponent extends ALuSelectInputComponent {
             },
         ], queries: [{ propertyName: "clearerEltRef", first: true, predicate: ALuClear, descendants: true, read: ElementRef, isSignal: true }], viewQueries: [{ propertyName: "suffixEltRef", first: true, predicate: ["suffix"], descendants: true, read: ElementRef, isSignal: 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 #suffix class=\"lu-select-suffix\"></div>\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:var(--icon-fontFamily);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)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-select', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class.mod-multipleView]': 'modMultipleView',
@@ -392,11 +392,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect
  */
 class LuSelectInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputModule, imports: [LuSelectInputComponent], exports: [LuSelectInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputModule, imports: [LuSelectInputComponent], exports: [LuSelectInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuSelectInputComponent],
@@ -408,11 +408,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect
  */
 class LuSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuSelectModule, imports: [LuSelectInputModule], exports: [LuSelectInputModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectModule, imports: [LuSelectInputModule, LuSelectInputModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuSelectModule, imports: [LuSelectInputModule], exports: [LuSelectInputModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectModule, imports: [LuSelectInputModule, LuSelectInputModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuSelectInputModule],

package/fesm2022/lucca-front-ng-sidepanel.mjs CHANGED Viewed

@@ -26,10 +26,10 @@ class LuSidepanel extends LuModal {
     open(component, data = undefined, config = {}) {
         return super.open(component, data, config);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanel, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanel }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanel, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanel }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanel, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanel, decorators: [{
             type: Injectable
         }] });
@@ -37,11 +37,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated Use LuModal with `modal.open(component, data, { mode: 'sidepanel' })` instead.
  */
 class LuSidepanelModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanelModule, imports: [LuModalModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanelModule, providers: [LuSidepanel], imports: [LuModalModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanelModule, imports: [LuModalModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanelModule, providers: [LuSidepanel], imports: [LuModalModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSidepanelModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSidepanelModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuModalModule],

package/fesm2022/lucca-front-ng-simple-select.mjs CHANGED Viewed

@@ -103,10 +103,10 @@ class LuIsOptionSelectedPipe {
     transform(option, comparer, selectedOption) {
         return !!selectedOption && comparer(option, selectedOption);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuIsOptionSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuIsOptionSelectedPipe, isStandalone: true, name: "luIsOptionSelected" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuIsOptionSelectedPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuIsOptionSelectedPipe, isStandalone: true, name: "luIsOptionSelected" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuIsOptionSelectedPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuIsOptionSelectedPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'luIsOptionSelected',
@@ -181,8 +181,8 @@ class LuSelectPanelComponent {
             this.keyManager.highlightOption(this.initialValue);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuSelectPanelComponent, isStandalone: true, selector: "lu-select-panel", host: { properties: { "class.colorPanel": "colorPanel()", "class.is-pointerNavigation": "pointerNavigation()" }, classAttribute: "selectPanel" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuSelectPanelComponent, isStandalone: true, selector: "lu-select-panel", host: { properties: { "class.colorPanel": "colorPanel()", "class.is-pointerNavigation": "pointerNavigation()" }, classAttribute: "selectPanel" }, providers: [
             CoreSelectKeyManager,
             {
                 provide: SELECT_PANEL_INSTANCE,
@@ -190,7 +190,7 @@ class LuSelectPanelComponent {
             },
         ], ngImport: i0, template: "<lu-select-panel-layout [loading]=\"loading()\" [trapFocus]=\"true\" (scrolled)=\"onScroll($event)\">\n\t<lu-listbox [tree]=\"!!treeGenerator\" [state]=\"listboxState()\" [statusMsg]=\"listboxStatusMsg()\">\n\t\t<!-- The header is projected inside the listbox because it can contain selectable elements\n\t\tthat are referenced by aria-activedescendant -->\n\t\t<ng-container ngProjectAs=\"[listbox-header]\">\n\t\t\t@if (selectInput.panelHeaderTpl(); as tpl) {\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t</ng-container>\n\t\t@if (grouping() && groupTemplateLocation() === \"group-header\") {\n\t\t\t@for (group of dataSourceOptions() | luOptionGroup: grouping().selector; track group.key; let groupIndex = $index) {\n\t\t\t\t<lu-listbox-option group [groupId]=\"selectId + '-group-' + group.key\" [elementId]=\"selectId + '-group-' + group.key\">\n\t\t\t\t\t<ng-container *luPortal=\"grouping().content; context: { $implicit: group }\" />\n\t\t\t\t\t<div optgroup class=\"listboxOptionWrapper\">\n\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t[ngTemplateOutlet]=\"optionsList\"\n\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: group.options, groupIndex: groupIndex }\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</lu-listbox-option>\n\t\t\t}\n\t\t}\n\t\t@if (!grouping() || groupTemplateLocation() !== \"group-header\") {\n\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: dataSourceOptions() }\" />\n\t\t}\n\t\t<ng-template #optionsList let-options let-groupIndex=\"groupIndex\">\n\t\t\t@if (treeGenerator) {\n\t\t\t\t@for (branch of options | luTreeDisplay: treeGenerator; let index = $index; track optionKey()(branch.node)) {\n\t\t\t\t\t<lu-tree-branch\n\t\t\t\t\t\t[branch]=\"branch\"\n\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t[optionComparer]=\"optionComparer()\"\n\t\t\t\t\t\t[selectedOptions]=\"selectedOptions()\"\n\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t(toggleOne)=\"panelRef.emitValue($event)\"\n\t\t\t\t\t\tsimpleMode\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t} @else {\n\t\t\t\t@for (option of options; track optionKey()(option); let index = $index) {\n\t\t\t\t\t<lu-select-option\n\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t[groupTemplateLocation]=\"groupTemplateLocation()\"\n\t\t\t\t\t\t[groupIndex]=\"groupIndex\"\n\t\t\t\t\t\t[grouping]=\"grouping()\"\n\t\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'nearest' }\"\n\t\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected: optionComparer() : selected()\"\n\t\t\t\t\t\t[class.withAddOption]=\"shouldDisplayAddOption()\"\n\t\t\t\t\t\t(selected)=\"panelRef.emitValue(option)\"\n\t\t\t\t\t\t(click)=\"panelRef.emitValue(option)\"\n\t\t\t\t\t/>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t</lu-listbox>\n\t@if (shouldDisplayAddOption()) {\n\t\t<lu-listbox-option\n\t\t\tadd\n\t\t\tclass=\"palette-product\"\n\t\t\tluCoreSelectPanelElement\n\t\t\t#addOptionElement=\"luCoreSelectPanelElement\"\n\t\t\telementId=\"picker-content-add\"\n\t\t\t[hovered]=\"addOptionElement.isHighlighted()\"\n\t\t\t(click)=\"selectInput.emitAddOption()\"\n\t\t\t(selected)=\"selectInput.emitAddOption()\"\n\t\t>\n\t\t\t<ng-container *luPortal=\"selectInput.addOptionLabel\" />\n\t\t</lu-listbox-option>\n\t}\n\t@if (selectInput.panelFooterTpl(); as tpl) {\n\t\t<div>\n\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t</div>\n\t}\n</lu-select-panel-layout>\n", styles: ["@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 mods{.textfield.mod-search{inline-size:100%}.textfield-input{outline:none}.checkbox.mod-formerEmployee{padding-block:var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-block-end:var(--commons-divider-width) solid var(--commons-divider-color);background-color:var(--palettes-neutral-50);font-style:italic}}@layer components{.optionPlaceholder{display:block;padding-block:var(--components-options-item-padding-vertical);padding-inline:var(--components-options-item-padding-horizontal);font-style:italic;color:var(--palettes-neutral-600)}}\n"], dependencies: [{ kind: "component", type: LuSelectPanelLayoutComponent, selector: "lu-select-panel-layout", inputs: ["loading", "trapFocus", "contentTabIndex"], outputs: ["scrolled"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: _LuOptionComponent, selector: "lu-select-option", inputs: ["intl", "optionTpl", "option", "grouping", "hasChildren", "groupIndex", "optionIndex", "scrollIntoViewOptions", "groupTemplateLocation"], outputs: ["onlyParent", "onlyChildren"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _CoreSelectPanelElement, selector: "[luCoreSelectPanelElement]", inputs: ["elementId", "isSelected", "option", "disabled"], outputs: ["isSelectedChange", "selected"], exportAs: ["luCoreSelectPanelElement"] }, { kind: "component", type: ListboxComponent, selector: "lu-listbox", inputs: ["multiple", "tree", "state", "statusMsg"] }, { kind: "component", type: OptionComponent, selector: "lu-listbox-option", inputs: ["elementId", "checked", "mixed", "disabled", "hovered", "add", "group", "groupId", "select", "selectAll", "treeitemLevel"] }, { kind: "component", type: TreeBranchComponent, selector: "lu-tree-branch", inputs: ["branch", "optionTpl", "optionIndex", "optionComparer", "selectedOptions", "simpleMode"], outputs: ["toggleOne", "selectMany", "unselectMany"] }, { kind: "pipe", type: _LuOptionGroupPipe, name: "luOptionGroup" }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "pipe", type: TreeDisplayPipe, name: "luTreeDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSelectPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSelectPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-select-panel', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'selectPanel',
@@ -341,10 +341,10 @@ class LuSimpleSelectPanelRefFactory {
         overlayConfig.maxWidth = '100vw';
         return overlayConfig;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSimpleSelectPanelRefFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSimpleSelectPanelRefFactory }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSimpleSelectPanelRefFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSimpleSelectPanelRefFactory }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSimpleSelectPanelRefFactory, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSimpleSelectPanelRefFactory, decorators: [{
             type: Injectable
         }] });
@@ -382,8 +382,8 @@ class LuSimpleSelectInputComponent extends ALuSelectInputComponent {
         }
         super.enableFilterPillMode();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSimpleSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuSimpleSelectInputComponent, isStandalone: true, selector: "lu-simple-select", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, impersonation: { classPropertyName: "impersonation", publicName: "impersonation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.filterPillMode && !this.impersonation()", "class.mod-impersonation": "this.impersonation()" }, classAttribute: "simpleSelect" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSimpleSelectInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuSimpleSelectInputComponent, isStandalone: true, selector: "lu-simple-select", inputs: { intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null }, autocomplete: { classPropertyName: "autocomplete", publicName: "autocomplete", isSignal: true, isRequired: false, transformFunction: null }, impersonation: { classPropertyName: "impersonation", publicName: "impersonation", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-filterPill": "this.filterPillMode && !this.impersonation()", "class.mod-impersonation": "this.impersonation()" }, classAttribute: "simpleSelect" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LuSimpleSelectInputComponent),
@@ -401,7 +401,7 @@ class LuSimpleSelectInputComponent extends ALuSelectInputComponent {
             },
         ], viewQueries: [{ propertyName: "filterPillPanelAnchorRef", first: true, predicate: ["filterPillPanelAnchor"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"simpleSelect-field\">\n\t<span class=\"simpleSelect-field-prefix\">\n\t\t@if (prefix(); as prefix) {\n\t\t\t<ng-container *luPortal=\"prefix\" />\n\t\t}\n\t</span>\n\t<input\n\t\tclass=\"simpleSelect-field-input\"\n\t\ttype=\"text\"\n\t\trole=\"combobox\"\n\t\taria-haspopup=\"listbox\"\n\t\t[attr.aria-activedescendant]=\"activeDescendant$ | async\"\n\t\t[attr.aria-expanded]=\"panelOpenSignal()\"\n\t\t[attr.aria-controls]=\"ariaControls\"\n\t\t[attr.placeholder]=\"inputPlaceholder ? inputPlaceholder : intl().placeholder\"\n\t\t[ngModel]=\"clue\"\n\t\t(ngModelChange)=\"clueChanged($event)\"\n\t\t[ngModelOptions]=\"{ standalone: true }\"\n\t\t[readonly]=\"!searchable\"\n\t\t[disabled]=\"(disabled$ | async) ?? false\"\n\t\t(keyup.space)=\"inputSpace($event)\"\n\t\tluInput\n\t\t#inputElement\n\t\t[attr.autocomplete]=\"autocomplete()\"\n\t\t[attr.tabindex]=\"inputTabindex()\"\n\t\t[luInputLabelledBy]=\"valueID\"\n\t/>\n\t<div class=\"simpleSelect-field-value\" [attr.id]=\"valueID\">\n\t\t<ng-container *ngTemplateOutlet=\"currentValueDisplayerTpl\" />\n\t</div>\n\t@if (!filterPillMode && !impersonation()) {\n\t\t@if (clearable() && hasValue() && (disabled$ | async) === false) {\n\t\t\t<lu-clear class=\"simpleSelect-field-clear\" (onClear)=\"clearValue($event); inputElement.focus()\">{{ intl().clear }}</lu-clear>\n\t\t}\n\t\t<lu-icon icon=\"arrowChevronBottom\" class=\"simpleSelect-field-icon\" />\n\t}\n\t<lu-icon icon=\"searchMagnifyingGlass\" class=\"simpleSelect-field-icon mod-search\" />\n</div>\n<ng-container #filterPillPanelAnchor />\n<ng-container *luFilterPillDisplayer>\n\t<ng-container *ngTemplateOutlet=\"currentValueDisplayerTpl\" />\n</ng-container>\n\n<ng-template #currentValueDisplayerTpl>\n\t<ng-container *luOptionOutlet=\"displayerTpl(); value: value\" />\n</ng-template>\n\n@if (!ignorePresentation()) {\n\t<ng-container *luPresentationDisplayDefault>\n\t\t@if (value) {\n\t\t\t<ng-container *ngTemplateOutlet=\"currentValueDisplayerTpl\" />\n\t\t} @else {\n\t\t\t<span aria-hidden=\"true\" data-content-before=\"\u2013\"></span>\n\t\t}\n\t</ng-container>\n}\n", styles: ["@layer components{.simpleSelect{--components-simpleSelect-font: var(--pr-t-font-body-M);--components-simpleSelect-padding: var(--pr-t-spacings-100);--components-simpleSelect-gap: var(--pr-t-spacings-100);--components-simpleSelect-background: var(--pr-t-color-input-background);--components-simpleSelect-value-color: var(--pr-t-color-input-text);--components-simpleSelect-border-color: var(--pr-t-color-input-border);--components-simpleSelect-placeholder: var(--pr-t-color-input-text-placeholder);--components-simpleSelect-arrow-color: var(--pr-t-color-input-icon);display:block}.simpleSelect-field{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;box-shadow:0 0 0 1px var(--components-simpleSelect-border-color);background-color:var(--components-simpleSelect-background);border-radius:var(--pr-t-border-radius-input);padding:var(--components-simpleSelect-padding);overflow:hidden;outline:none;cursor:pointer}.simpleSelect-field:hover{--components-simpleSelect-border-color: var(--pr-t-color-input-border-hover)}.simpleSelect-field-prefix{display:none}.simpleSelect-field-prefix:not(:empty){display:flex;margin-inline-end:var(--pr-t-spacings-50)}.simpleSelect-field-input{grid-column-start:2;grid-row-start:1;font:var(--components-simpleSelect-font);padding:0;background-color:transparent;color:var(--components-simpleSelect-value-color);border:0;outline:none;position:relative;z-index:1;min-inline-size:0;cursor:pointer}.simpleSelect-field-input::placeholder{color:var(--components-simpleSelect-placeholder)}.simpleSelect-field-value{grid-column-start:2;grid-row-start:1;inline-size:100%;font:var(--components-simpleSelect-font);color:var(--components-simpleSelect-value-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--commons-animations-durations-fast) ease}.simpleSelect-field-clear{grid-column-start:-2;margin-inline-start:var(--components-simpleSelect-gap)}.simpleSelect-field-icon{grid-column-start:-1;margin-inline-start:var(--components-simpleSelect-gap);color:var(--components-simpleSelect-arrow-color);transition:transform var(--commons-animations-durations-standard) ease}.simpleSelect-field-icon .lucca-icon{--icon-size: 1.5rem}.simpleSelect-field-icon.mod-search{display:none}}@layer mods{.simpleSelect:has(.simpleSelect-field-input:focus-visible) .simpleSelect-field{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:3px}.simpleSelect:has(.simpleSelect-field-input:focus-visible) .simpleSelect-field-value{color:var(--components-simpleSelect-value-color)}.simpleSelect:has(.simpleSelect-field-input:focus-visible):has(.simpleSelect-field-input[aria-expanded=true]) .simpleSelect-field-value{color:var(--components-simpleSelect-placeholder)}.simpleSelect:has(.simpleSelect-field-input:focus-visible):has(.simpleSelect-field-input[aria-expanded=true]) .simpleSelect-field-icon{transform:rotate(180deg)}.simpleSelect:not(.mod-noClueIcon):has(.simpleSelect-field-input:focus-visible):not(:has(.simpleSelect-field-input:read-only)) .simpleSelect-field-icon,.simpleSelect:not(.mod-noClueIcon):has(.simpleSelect-field-input[aria-expanded=true]):not(:has(.simpleSelect-field-input:read-only)) .simpleSelect-field-icon{display:none}.simpleSelect:not(.mod-noClueIcon):has(.simpleSelect-field-input:focus-visible):not(:has(.simpleSelect-field-input:read-only)) .simpleSelect-field-icon.mod-search,.simpleSelect:not(.mod-noClueIcon):has(.simpleSelect-field-input[aria-expanded=true]):not(:has(.simpleSelect-field-input:read-only)) .simpleSelect-field-icon.mod-search{display:inline-flex;transform:none}.simpleSelect:has(.simpleSelect-field-input[aria-invalid=true]){--components-simpleSelect-border-color: var(--pr-t-color-input-border-critical);--components-simpleSelect-background: var(--pr-t-color-input-background-critical);--components-simpleSelect-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.simpleSelect:has(.simpleSelect-field-input:disabled){--components-simpleSelect-background: var(--pr-t-color-input-background-disabled);--components-simpleSelect-placeholder: var(--commons-disabled-placeholder);--components-simpleSelect-value-color: var(--pr-t-color-input-text-disabled);--components-simpleSelect-arrow-color: var(--pr-t-color-input-icon-disabled)}.simpleSelect:has(.simpleSelect-field-input:disabled) .simpleSelect-field{pointer-events:none}.simpleSelect.mod-S{--components-simpleSelect-font: var(--pr-t-font-body-S);--components-simpleSelect-padding: var(--pr-t-spacings-75);--components-simpleSelect-gap: var(--pr-t-spacings-75)}.simpleSelect.mod-S .simpleSelect-field-icon .lucca-icon{--icon-size: 1.25rem}.simpleSelect.mod-S .simpleSelect-field-clear.clear,.simpleSelect.mod-S .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-XS{--components-simpleSelect-font: var(--pr-t-font-body-XS);--components-simpleSelect-padding: var(--pr-t-spacings-50);--components-simpleSelect-gap: var(--pr-t-spacings-50)}.simpleSelect.mod-XS .simpleSelect-field-icon .lucca-icon{--icon-size: 1rem}.simpleSelect.mod-XS .simpleSelect-field-clear.clear,.simpleSelect.mod-XS .simpleSelect-field-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.simpleSelect.mod-impersonation,.simpleSelect.mod-filterPill{inline-size:26.5rem;max-inline-size:calc(100vi - 2.5rem)}.simpleSelect.mod-impersonation .simpleSelect-field,.simpleSelect.mod-filterPill .simpleSelect-field{position:relative;z-index:1}.simpleSelect.mod-impersonation lu-simple-select-default-option.pr-u-ellipsis,.simpleSelect.mod-filterPill lu-simple-select-default-option.pr-u-ellipsis{white-space:normal!important}.simpleSelect.mod-impersonation .lu-picker-content,.simpleSelect.mod-filterPill .lu-picker-content{animation:none;box-shadow:none;border-radius:0;background-color:transparent;padding:var(--pr-t-spacings-50);margin:var(--pr-t-spacings-75) calc(var(--pr-t-spacings-100) * -1) calc(var(--pr-t-spacings-100) * -1)}.simpleSelect.is-searchFilled .simpleSelect-field-value{display:none}.simpleSelect.is-selected .simpleSelect-field-input::placeholder{opacity:0}.simpleSelect.is-selected.is-searchFilled .simpleSelect-field-input::placeholder{opacity:0}.simpleSelect.is-selected.is-searchFilled .simpleSelect-field-value{display:none}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}\n"], dependencies: [{ kind: "directive", type: _LuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: InputDirective, selector: "[luInput]", inputs: ["luInputStandalone", "luInputLabelledBy", "luInputDescribedBy"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _PresentationDisplayDefaultDirective, selector: "[luPresentationDisplayDefault]" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuSimpleSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuSimpleSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-simple-select', host: {
                         class: 'simpleSelect',

package/fesm2022/lucca-front-ng-software-icon-wrapper.mjs CHANGED Viewed

@@ -9,10 +9,10 @@ class SoftwareIconWrapperItemDirective {
     constructor() {
         this.templateRef = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconWrapperItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: SoftwareIconWrapperItemDirective, isStandalone: true, selector: "[SoftwareIconWrapperItem]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconWrapperItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: SoftwareIconWrapperItemDirective, isStandalone: true, selector: "[SoftwareIconWrapperItem]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconWrapperItemDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconWrapperItemDirective, decorators: [{
             type: Directive,
             args: [{
                     // eslint-disable-next-line @angular-eslint/directive-selector
@@ -69,10 +69,10 @@ class SoftwareIconWrapperComponent {
         this.hiddenCount = computed(() => this.hiddenIcons().length, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "hiddenCount" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SoftwareIconWrapperComponent, isStandalone: true, selector: "lu-software-icon-wrapper", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-XS": "size() === \"XS\"", "class.mod-S": "size() === \"S\"" }, classAttribute: "softwareIconWrapper" }, providers: [{ provide: LU_SOFTWARE_ICON_WRAPPER, useValue: true }], queries: [{ propertyName: "items", predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"softwareIconWrapper-list\">\n\t@for (icon of visibleIcons(); track icon) {\n\t\t<li class=\"softwareIconWrapper-list-item\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"icon\" />\n\t\t</li>\n\t}\n</ul>\n\n@if (hiddenCount() >= 2) {\n\t<button class=\"softwareIconWrapper-action\" type=\"button\" [luPopover2]=\"softwareIconWrapperPopover\" luPopoverTrigger=\"click+hover\">\n\t\t<div class=\"softwareIconWrapper-action-more\">\n\t\t\t<span aria-hidden=\"true\" [attr.data-content-before]=\"'+' + hiddenIcons().length\"></span>\n\t\t\t<span class=\"pr-u-mask\">{{ intl().seeMore | intlPluralLabel: hiddenCount() | intlParams: { count: hiddenIcons().length } }}</span>\n\t\t</div>\n\t</button>\n\n\t<ng-template #softwareIconWrapperPopover>\n\t\t<ul class=\"popover-contentOptional softwareIconWrapper_popover\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t\t@for (icon of hiddenIcons(); track icon) {\n\t\t\t\t<li class=\"softwareIconWrapper_popover-item\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"icon\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n}\n", dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverIgnoredOutsidePointerTargets", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "pipe", type: IntlPluralLabelPipe, name: "intlPluralLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: SoftwareIconWrapperComponent, isStandalone: true, selector: "lu-software-icon-wrapper", inputs: { max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-XS": "size() === \"XS\"", "class.mod-S": "size() === \"S\"" }, classAttribute: "softwareIconWrapper" }, providers: [{ provide: LU_SOFTWARE_ICON_WRAPPER, useValue: true }], queries: [{ propertyName: "items", predicate: TemplateRef, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"softwareIconWrapper-list\">\n\t@for (icon of visibleIcons(); track icon) {\n\t\t<li class=\"softwareIconWrapper-list-item\">\n\t\t\t<ng-container [ngTemplateOutlet]=\"icon\" />\n\t\t</li>\n\t}\n</ul>\n\n@if (hiddenCount() >= 2) {\n\t<button class=\"softwareIconWrapper-action\" type=\"button\" [luPopover2]=\"softwareIconWrapperPopover\" luPopoverTrigger=\"click+hover\">\n\t\t<div class=\"softwareIconWrapper-action-more\">\n\t\t\t<span aria-hidden=\"true\" [attr.data-content-before]=\"'+' + hiddenIcons().length\"></span>\n\t\t\t<span class=\"pr-u-mask\">{{ intl().seeMore | intlPluralLabel: hiddenCount() | intlParams: { count: hiddenIcons().length } }}</span>\n\t\t</div>\n\t</button>\n\n\t<ng-template #softwareIconWrapperPopover>\n\t\t<ul class=\"popover-contentOptional softwareIconWrapper_popover\" [class]=\"size() ? `mod-${size()}` : null\">\n\t\t\t@for (icon of hiddenIcons(); track icon) {\n\t\t\t\t<li class=\"softwareIconWrapper_popover-item\">\n\t\t\t\t\t<ng-container [ngTemplateOutlet]=\"icon\" />\n\t\t\t\t</li>\n\t\t\t}\n\t\t</ul>\n\t</ng-template>\n}\n", dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["intl", "luPopover2", "luPopoverPosition", "luPopoverMaxBlockSize", "luPopoverMaxInlineSize", "overlayScrollStrategy", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverIgnoredOutsidePointerTargets", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverTriggerChange", "luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: IntlParamsPipe, name: "intlParams" }, { kind: "pipe", type: IntlPluralLabelPipe, name: "intlPluralLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-software-icon-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [PopoverDirective, IntlParamsPipe, IntlPluralLabelPipe, NgTemplateOutlet], providers: [{ provide: LU_SOFTWARE_ICON_WRAPPER, useValue: true }], host: {
                         class: 'softwareIconWrapper',

package/fesm2022/lucca-front-ng-software-icon.mjs CHANGED Viewed

@@ -23,10 +23,10 @@ class SoftwareIconComponent {
         this.iconUrl = computed(() => `${this.domain}${this.path}${this.icon()}${this.extension}`, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "iconUrl" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SoftwareIconComponent, isStandalone: true, selector: "lu-software-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, withTooltip: { classPropertyName: "withTooltip", publicName: "withTooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAlt: { classPropertyName: "iconAlt", publicName: "iconAlt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"], dependencies: [{ kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: SoftwareIconComponent, isStandalone: true, selector: "lu-software-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, withTooltip: { classPropertyName: "withTooltip", publicName: "withTooltip", isSignal: true, isRequired: false, transformFunction: null }, iconAlt: { classPropertyName: "iconAlt", publicName: "iconAlt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"], dependencies: [{ kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }, { kind: "pipe", type: LuSafeExternalSvgPipe, name: "luSafeExternalSvg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SoftwareIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SoftwareIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-software-icon', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [LuSafeExternalSvgPipe, LuTooltipTriggerDirective], template: "<span\n\tclass=\"softwareIcon\"\n\t[class.is-disabled]=\"disabled()\"\n\t[class.mod-XXS]=\"size() === 'XXS'\"\n\t[class.mod-XS]=\"size() === 'XS'\"\n\t[class.mod-S]=\"size() === 'S'\"\n\t[class.mod-L]=\"size() === 'L'\"\n\taria-hidden=\"true\"\n\t[innerHtml]=\"iconUrl() | luSafeExternalSvg\"\n\t[luTooltip]=\"iconAlt()\"\n\tluTooltipOnlyForDisplay\n\t[luTooltipDisabled]=\"!this.withTooltip() && !this.wrapper\"\n></span>\n<span class=\"pr-u-mask\" translate=\"no\">{{ iconAlt() }}</span>\n", styles: ["@layer components{.softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;display:var(--components-softwareIcon-display);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);z-index:var(--components-softwareIcon-zIndex);position:relative;transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast)}.softwareIcon:focus-visible{outline:none}.softwareIcon-illustration{overflow:visible}.softwareIcon-illustration-bubble{stroke:var(--components-softwareIcon-illustration-bubble-stroke);stroke-width:var(--components-softwareIcon-illustration-bubble-strokeWidth)}.softwareIconWrapper{display:flex;flex-wrap:wrap;align-items:center;gap:var(--pr-t-spacings-25) 0;padding-inline-start:calc(var(--components-softwareIconWrapper-list-item-marginInlineStart) * -1)}.softwareIconWrapper-list{margin:0;padding:0;list-style-type:none;display:contents}.softwareIconWrapper-list-item{margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;border-radius:68% 35% 45% 55%/40% 40% 64% 60%;background-color:var(--palettes-neutral-200);inline-size:var(--components-softwareIcon-size);block-size:var(--components-softwareIcon-size);transform:scale(var(--components-softwareIcon-transformScale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);box-shadow:0 0 0 var(--components-softwareIcon-action-boxShadowSpread) var(--palettes-neutral-0);margin-inline-start:var(--components-softwareIconWrapper-list-item-marginInlineStart)}.softwareIconWrapper-action-more{display:grid;place-items:center;font-family:var(--pr-t-font-family-brand);font-size:var(--components-softwareIconWrapper-action-more-fontSize);font-weight:var(--pr-t-font-fontWeight-semibold)}.softwareIconWrapper_popover{margin:0;padding:0;list-style-type:none;display:grid;max-inline-size:calc(var(--components-softwareIcon-size) * 8 + var(--pr-t-spacings-50) * 7);box-sizing:content-box;gap:var(--pr-t-spacings-50);grid-template-columns:repeat(auto-fit,minmax(var(--components-softwareIcon-size),1fr))}}@layer mods{.softwareIcon.mod-XXS{--components-softwareIcon-size: var(--pr-t-spacings-200)}.softwareIcon.mod-XS{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIcon.mod-S{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIcon.mod-L{--components-softwareIcon-size: var(--pr-t-spacings-600)}.softwareIcon.is-disabled{--components-softwareIcon-disabled-100: var(--palettes-neutral-100);--components-softwareIcon-disabled-200: var(--palettes-neutral-200);--components-softwareIcon-disabled-300: var(--palettes-neutral-300);--components-softwareIcon-disabled-400: var(--palettes-neutral-400);--components-softwareIcon-disabled-500: var(--palettes-neutral-500);--components-softwareIcon-disabled-600: var(--palettes-neutral-600)}}@layer components{.softwareIconWrapper{--components-softwareIcon-size: var(--pr-t-spacings-500);--components-softwareIcon-illustration-bubble-stroke: transparent;--components-softwareIcon-illustration-bubble-strokeWidth: 0px;--components-softwareIcon-display: inline-block;--components-softwareIcon-action-boxShadowSpread: 2px;--components-softwareIcon-zIndex: auto;--components-softwareIcon-transformScale: 1;--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-75) * -1);--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-225)}}@layer mods{.softwareIconWrapper.mod-XS{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-150);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1);--components-softwareIcon-action-boxShadowSpread: 1px}.softwareIconWrapper.mod-XS,.softwareIconWrapper.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper.mod-S{--components-softwareIconWrapper-action-more-fontSize: var(--pr-t-font-fontSize-200);--components-softwareIconWrapper-list-item-marginInlineStart: calc(var(--pr-t-spacings-50) * -1)}.softwareIconWrapper.mod-S,.softwareIconWrapper.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}.softwareIconWrapper .softwareIcon,.softwareIconWrapper .softwareIconWrapper-action{--components-softwareIcon-illustration-bubble-stroke: var(--palettes-neutral-0);--components-softwareIcon-illustration-bubble-strokeWidth: 4px;--components-softwareIcon-display: block}.softwareIconWrapper .softwareIcon:hover,.softwareIconWrapper .softwareIcon:focus,.softwareIconWrapper .softwareIconWrapper-action:hover,.softwareIconWrapper .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}}@layer components{.softwareIconWrapper_popover{--components-softwareIcon-size: var(--pr-t-spacings-500)}}@layer mods{.softwareIconWrapper_popover .softwareIcon,.softwareIconWrapper_popover .softwareIconWrapper-action{--components-softwareIcon-display: block}.softwareIconWrapper_popover .softwareIcon:hover,.softwareIconWrapper_popover .softwareIcon:focus,.softwareIconWrapper_popover .softwareIconWrapper-action:hover,.softwareIconWrapper_popover .softwareIconWrapper-action:focus{--components-softwareIcon-transformScale: 1.1;--components-softwareIcon-zIndex: 1}.softwareIconWrapper_popover.mod-XS,.softwareIconWrapper_popover.mod-XS .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-300)}.softwareIconWrapper_popover.mod-S,.softwareIconWrapper_popover.mod-S .softwareIcon{--components-softwareIcon-size: var(--pr-t-spacings-400)}}lu-software-icon{display:contents}\n"] }]
         }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], withTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "withTooltip", required: false }] }], iconAlt: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconAlt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });

package/fesm2022/lucca-front-ng-sortable-list.mjs CHANGED Viewed

@@ -39,10 +39,10 @@ class SortableListItemComponent {
          */
         this.delete = output();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SortableListItemComponent, isStandalone: true, selector: "lu-sortable-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, unclearable: { classPropertyName: "unclearable", publicName: "unclearable", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { delete: "delete" }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-clickable": "clickable()", "class.mod-S": "small()" }, classAttribute: "sortableList-item" }, ngImport: i0, template: "@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\"><ng-container *luPortal=\"label()\" /></p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: SortableListItemComponent, isStandalone: true, selector: "lu-sortable-list-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, helperMessage: { classPropertyName: "helperMessage", publicName: "helperMessage", isSignal: true, isRequired: false, transformFunction: null }, clickable: { classPropertyName: "clickable", publicName: "clickable", isSignal: true, isRequired: false, transformFunction: null }, unclearable: { classPropertyName: "unclearable", publicName: "unclearable", isSignal: true, isRequired: false, transformFunction: null }, drag: { classPropertyName: "drag", publicName: "drag", isSignal: true, isRequired: false, transformFunction: null }, small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { delete: "delete" }, host: { attributes: { "role": "listitem" }, properties: { "class.mod-clickable": "clickable()", "class.mod-S": "small()" }, classAttribute: "sortableList-item" }, ngImport: i0, template: "@if (drag()) {\n\t<span class=\"sortableList-item-handler button\" cdkDragHandle>\n\t\t<lu-icon icon=\"drag\" />\n\t</span>\n}\n<div class=\"sortableList-item-content\">\n\t<p class=\"sortableList-item-content-description\"><ng-container *luPortal=\"label()\" /></p>\n\t@if (helperMessage()?.length) {\n\t\t<p class=\"sortableList-item-content-helper\">{{ helperMessage() }}</p>\n\t}\n</div>\n@if (!unclearable()) {\n\t<lu-clear class=\"sortableList-clear\" (onClear)=\"delete.emit()\" />\n}\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], dependencies: [{ kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: IconComponent, selector: "lu-icon, pr-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-sortable-list-item', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [ClearComponent, CdkDragHandle, IconComponent, LuTooltipModule, PortalDirective], host: {
                         class: 'sortableList-item',
@@ -60,10 +60,10 @@ class SortableListComponent {
         this.small = input(false, { ...(ngDevMode ? { debugName: "small" } : /* istanbul ignore next */ {}), transform: luBooleanAttribute });
         this.sortableListItems = contentChildren(SortableListItemComponent, { ...(ngDevMode ? { debugName: "sortableListItems" } : /* istanbul ignore next */ {}), descendants: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: SortableListComponent, isStandalone: true, selector: "lu-sortable-list", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sortableListItems", predicate: SortableListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: SortableListComponent, isStandalone: true, selector: "lu-sortable-list", inputs: { small: { classPropertyName: "small", publicName: "small", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sortableListItems", predicate: SortableListItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SortableListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: SortableListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-sortable-list', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ul class=\"sortableList\" [class.mod-S]=\"small()\">\n\t@if (sortableListItems().length) {\n\t\t<ng-content />\n\t}\n</ul>\n", styles: ["@charset \"UTF-8\";@layer components{.sortableList{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight);background-color:var(--pr-t-elevation-surface-raised);border:var(--commons-divider-width) solid var(--commons-divider-color);border-radius:var(--pr-t-border-radius-default);list-style:none;padding:0;overflow:hidden}.sortableList-item{border-block-end-width:var(--commons-divider-width);border-block-end-color:var(--commons-divider-color);border-block-end-style:solid;color:var(--pr-t-color-text);display:flex;position:relative;text-decoration:none;gap:var(--pr-t-spacings-100);padding:var(--components-sortableList-padding)!important}.sortableList-item:last-child{border:0}.sortableList-item-content{color:var(--pr-t-color-text);text-decoration:none;inline-size:100%}.sortableList-item-content-description{margin:0;font:var(--components-sortableList-description-font);font-size:var(--components-sortableList-description-fontSize);line-height:var(--components-sortableList-description-lineHeight)}.sortableList-item-content-helper{margin:0;color:var(--palettes-neutral-600);font:var(--components-sortableList-helper-font)}.sortableList-item-actions{margin-inline-start:auto;white-space:nowrap;padding-inline-start:0}.sortableList-item-handler.button{--icon-size: 1.25rem;--components-button-font: var(--pr-t-font-body-S);--components-button-paddingBlock: var(--pr-t-spacings-75);--components-button-paddingInline: var(--pr-t-spacings-100);--components-button-gap: var(--pr-t-spacings-75)}.sortableList-item-handler.button .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: var(--pr-t-border-radius-small);--components-numericBadge-font: var(--pr-t-font-body-XS)}.sortableList-item-handler.button{--components-button-font-size: var(--pr-t-font-body-S-fontSize);--components-button-line-height: var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button:after{font-size:var(--pr-t-font-body-S-lineHeight);block-size:var(--pr-t-font-body-S-lineHeight)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-100);--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.sortableList-item-handler.button:hover,.sortableList-item-handler.button:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.sortableList-item-handler.button:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.sortableList-item-handler.button:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.sortableList-item-handler.button{--components-button-padding: var(--pr-t-spacings-50)}.sortableList-item-handler{color:var(--palettes-neutral-600);font-size:var(--components-sortableList-handler-size);cursor:move;inline-size:auto;border-radius:var(--pr-t-border-radius-small);align-self:center}.sortableList-item-handler:not(:has(.lucca-icon)):before{--icon-content: \"\\e9a4\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:var(--icon-fontFamily);content:var(--icon-content)/\"\";-webkit-font-smoothing:antialiased;text-transform:none;vertical-align:top}.sortableList-clear{margin-block-start:var(--pr-t-spacings-50)}}@layer mods{.sortableList.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer mods{.sortableList-item.mod-clickable{transition-duration:var(--commons-animations-durations-fast);transition-property:background-color;text-decoration:none;cursor:pointer}.sortableList-item.mod-clickable:hover{background-color:var(--palettes-neutral-50)}.sortableList-item.mod-S{--components-sortableList-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-sortableList-handler-size: var(--pr-t-font-body-S-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-S);--components-sortableList-helper-font: var(--pr-t-font-body-XS);--components-sortableList-description-fontSize: var(--pr-t-font-body-S-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-S-lineHeight)}.sortableList-item.mod-S .lucca-icon{--icon-size: 1.25rem}}@layer components{:not(.sortableList)>.sortableList-item{--components-sortableList-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-150);--components-sortableList-handler-size: var(--pr-t-font-body-M-lineHeight);--components-sortableList-description-font: var(--pr-t-font-body-M);--components-sortableList-helper-font: var(--pr-t-font-body-S);--components-sortableList-description-fontSize: var(--pr-t-font-body-M-fontSize);--components-sortableList-description-lineHeight: var(--pr-t-font-body-M-lineHeight)}}\n"] }]
         }], propDecorators: { small: [{ type: i0.Input, args: [{ isSignal: true, alias: "small", required: false }] }], sortableListItems: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => SortableListItemComponent), { ...{ descendants: true }, isSignal: true }] }] } });

package/fesm2022/lucca-front-ng-status-badge.mjs CHANGED Viewed

@@ -36,10 +36,10 @@ class StatusBadgeComponent {
     ngOnChanges() {
         this.#luClass.setState({ [`palette-${this.palette()}`]: !!this.palette(), [`mod-${this.size()}`]: true });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: StatusBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: StatusBadgeComponent, isStandalone: true, selector: "lu-status-badge", inputs: { withEllipsis: { classPropertyName: "withEllipsis", publicName: "withEllipsis", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "statusBadge" }, providers: [LuClass], usesOnChanges: true, ngImport: i0, template: "@if (withEllipsis()) {\n\t<span class=\"statusBadge-content pr-u-ellipsis\" luTooltip luTooltipWhenEllipsis>{{ label() }}</span>\n} @else {\n\t{{ label() }}\n}\n", styles: ["@charset \"UTF-8\";@layer components{.statusBadge{--components-statusBadge-fontSize: var(--pr-t-font-body-S-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight);--components-statusBadge-dot-size: .5rem;--components-statusBadge-dot-top: var(--pr-t-spacings-50);align-items:flex-start;background-color:var(--palettes-100, var(--palettes-product-100));border-radius:var(--pr-t-border-radius-full);display:inline-flex;font-size:var(--components-statusBadge-fontSize);font-weight:var(--pr-t-font-fontWeight-regular);font-family:var(--pr-t-font-family);line-height:var(--components-statusBadge-lineHeight);gap:var(--pr-t-spacings-50);padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-75) var(--pr-t-spacings-100);white-space:nowrap;max-inline-size:100%;color:var(--pr-t-color-text)}.statusBadge:before{background-color:var(--palettes-700, var(--palettes-product-700));border-radius:var(--pr-t-border-radius-full);content:\"\\a0\"/\"\";display:block;block-size:var(--components-statusBadge-dot-size);flex-shrink:0;inline-size:var(--components-statusBadge-dot-size);inset-block-start:var(--components-statusBadge-dot-top);position:relative}.statusBadge-content{overflow:hidden;text-overflow:ellipsis;outline:none}}@layer mods{.statusBadge.mod-L{--components-statusBadge-fontSize: var(--pr-t-font-body-M-fontSize);--components-statusBadge-lineHeight: var(--pr-t-font-body-S-lineHeight);--components-statusBadge-dot-size: calc(var(--pr-t-spacings-100) + var(--pr-t-spacings-25));--components-statusBadge-dot-top: .325rem}}.statusBadge:has(.statusBadge-content:focus-visible){outline:2px solid var(--palettes-700, var(--palettes-product-700));outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i1.LuTooltipTriggerDirective, selector: "[luTooltip],[prTooltip]", inputs: ["luTooltip", "prTooltip", "luTooltipEnterDelay", "prTooltipEnterDelay", "luTooltipLeaveDelay", "prTooltipLeaveDelay", "luTooltipDisabled", "prTooltipDisabled", "luTooltipOnlyForDisplay", "prTooltipOnlyForDisplay", "luTooltipPosition", "prTooltipPosition", "luTooltipWhenEllipsis", "prTooltipWhenEllipsis", "luTooltipAnchor", "prTooltipAnchor", "luTooltipTriggerAnchor", "prTooltipTriggerAnchor", "id"], exportAs: ["luTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: StatusBadgeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: StatusBadgeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-status-badge', encapsulation: ViewEncapsulation.None, providers: [LuClass], imports: [LuTooltipModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'statusBadge',

package/fesm2022/lucca-front-ng-table-of-content.mjs CHANGED Viewed

@@ -6,10 +6,10 @@ class TableOfContentLinkDirective {
     constructor() {
         this.template = inject(TemplateRef);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: TableOfContentLinkDirective, isStandalone: true, selector: "[luTableOfContentLink]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentLinkDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luTableOfContentLink]',
@@ -21,10 +21,10 @@ class TableOfContentComponent {
         this.links = contentChildren(TableOfContentLinkDirective, /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "links" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: TableOfContentComponent, isStandalone: true, selector: "lu-table-of-content", host: { attributes: { "role": "navigation" }, classAttribute: "tableOfContent" }, queries: [{ propertyName: "links", predicate: TableOfContentLinkDirective, isSignal: true }], ngImport: i0, template: "<ul class=\"tableOfContent-list\">\n\t@for (link of links(); track $index) {\n\t\t<li class=\"tableOfContent-list-item\">\n\t\t\t<ng-container *ngTemplateOutlet=\"link.template\" />\n\t\t</li>\n\t}\n</ul>\n", styles: ["@layer components{.tableOfContent{--components-tableOfContent-default-palette-50: var(--palettes-product-50);--components-tableOfContent-default-palette-100: var(--palettes-product-100);--components-tableOfContent-default-palette-200: var(--palettes-product-200);--components-tableOfContent-default-palette-300: var(--palettes-product-300);--components-tableOfContent-default-palette-400: var(--palettes-product-400);--components-tableOfContent-default-palette-500: var(--palettes-product-500);--components-tableOfContent-default-palette-600: var(--palettes-product-600);--components-tableOfContent-default-palette-700: var(--palettes-product-700);--components-tableOfContent-default-palette-800: var(--palettes-product-800);--components-tableOfContent-default-palette-900: var(--palettes-product-900);--components-tableOfContent-item-padding: var(--pr-t-spacings-100) var(--pr-t-spacings-200);--components-tableOfContent-item-border-width: 2px;align-items:flex-start;display:flex;flex-direction:column;position:sticky}.tableOfContent-list{margin:0;padding:0;list-style-type:none}.tableOfContent-list-item-action,.tableOfContent-list-item>a{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;font:inherit;border-radius:var(--pr-t-border-radius-default);color:var(--palettes-neutral-700);cursor:pointer;display:block;outline:none;padding:var(--components-tableOfContent-item-padding);position:relative;transition:all var(--commons-animations-durations-standard);text-decoration:none;inline-size:auto}}@layer mods{.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:hover){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:focus){background-color:var(--palettes-neutral-50);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-100, var(--components-tableOfContent-default-palette-100)),inset 0 0 0 1px var(--palettes-300, var(--components-tableOfContent-default-palette-300))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]):is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]):is(:active){background-color:var(--palettes-neutral-100);color:var(--palettes-neutral-700);box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active,.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active{background-color:var(--palettes-50, var(--components-tableOfContent-default-palette-50));color:var(--palettes-700, var(--components-tableOfContent-default-palette-700))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:hover){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:focus){background-color:var(--palettes-100, var(--components-tableOfContent-default-palette-100));box-shadow:0 0 0 4px var(--palettes-200, var(--components-tableOfContent-default-palette-200)),inset 0 0 0 1px var(--palettes-400, var(--components-tableOfContent-default-palette-400))}.tableOfContent-list-item-action:not(.disabled,.is-disabled,[disabled]).is-active:is(:active),.tableOfContent-list-item>a:not(.disabled,.is-disabled,[disabled]).is-active:is(:active){background-color:var(--palettes-200, var(--components-tableOfContent-default-palette-200));box-shadow:0 0 0 4px var(--palettes-300, var(--components-tableOfContent-default-palette-300)),inset 0 0 0 1px var(--palettes-500, var(--components-tableOfContent-default-palette-500));color:var(--palettes-neutral-700)}.tableOfContent-list-item-action:is(.disabled,.is-disabled,[disabled]),.tableOfContent-list-item>a:is(.disabled,.is-disabled,[disabled]){color:var(--palettes-neutral-500);pointer-events:none}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: TableOfContentComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: TableOfContentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-table-of-content', encapsulation: ViewEncapsulation.None, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'tableOfContent',