@lucca-front/ng 22.0.5 → 22.0.6

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

@@ -35,8 +35,8 @@ class LuForLegalUnitsDirective extends LuForGroupsDirective {
         });
         return groups;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuForLegalUnitsDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.4", type: LuForLegalUnitsDirective, isStandalone: true, selector: "[luForLegalUnits]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuForLegalUnitsDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.2.1", type: LuForLegalUnitsDirective, isStandalone: true, selector: "[luForLegalUnits]", providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuForLegalUnitsDirective),
@@ -44,7 +44,7 @@ class LuForLegalUnitsDirective extends LuForGroupsDirective {
             },
         ], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[luForLegalUnits]',
@@ -87,10 +87,10 @@ class LuEstablishmentService extends LuApiV4Service {
         this._appInstanceId = null;
         this._operations = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
@@ -123,10 +123,10 @@ class LuLegalUnitService extends LuApiV4Service {
         this._appInstanceId = null;
         this._operations = [];
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuLegalUnitService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuLegalUnitService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
@@ -176,8 +176,8 @@ class LuLegalUnitSelectorDirective {
         const selectedCount = (this._values ?? []).filter((ets) => ets.legalUnitId === legalUnit.id).length;
         return establishments.length > selectedCount;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitSelectorDirective, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: LuLegalUnitSelectorDirective, isStandalone: true, selector: "[luLegalUnitSelector]", inputs: { legalUnit: { classPropertyName: "legalUnit", publicName: "luLegalUnitSelector", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "luLegalUnitSelectorFilters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "luLegalUnitSelectorAppInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "luLegalUnitSelectorOperations", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuLegalUnitSelectorDirective, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.2.1", type: LuLegalUnitSelectorDirective, isStandalone: true, selector: "[luLegalUnitSelector]", inputs: { legalUnit: { classPropertyName: "legalUnit", publicName: "luLegalUnitSelector", isSignal: true, isRequired: false, transformFunction: null }, filters: { classPropertyName: "filters", publicName: "luLegalUnitSelectorFilters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "luLegalUnitSelectorAppInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "luLegalUnitSelectorOperations", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, providers: [
             {
                 provide: ALuOptionSelector,
                 useExisting: forwardRef(() => LuLegalUnitSelectorDirective),
@@ -189,7 +189,7 @@ class LuLegalUnitSelectorDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
             type: Directive,
             args: [{
                     host: {
@@ -269,8 +269,8 @@ class LuEstablishmentSearcherComponent {
     reset() {
         this.clueControl.reset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSearcherComponent, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuEstablishmentSearcherComponent, isStandalone: true, selector: "lu-establishment-searcher", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSearching: "isSearching" }, host: { classAttribute: "position-fixed" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSearcherComponent, deps: [{ token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuEstablishmentSearcherComponent, isStandalone: true, selector: "lu-establishment-searcher", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null }, sort: { classPropertyName: "sort", publicName: "sort", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { isSearching: "isSearching" }, host: { classAttribute: "position-fixed" }, providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
@@ -297,7 +297,7 @@ class LuEstablishmentSearcherComponent {
             },
         ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, isSignal: true }], ngImport: i0, template: "<form>\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading\">\n\t\t<input #searchInput class=\"textfield-input\" [formControl]=\"clueControl\" />\n\t</div>\n</form>\n\n@if (displayPlaceholder$ | async) {\n\t<lu-option-placeholder (onClear)=\"reset()\" />\n}\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}}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: LuOptionPlaceholderComponent, selector: "lu-option-placeholder", inputs: ["intl"], outputs: ["onClear"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         class: 'position-fixed',
@@ -372,8 +372,8 @@ class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
     ngOnDestroy() {
         this._subs.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectAllComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: LuEstablishmentSelectAllComponent, isStandalone: true, selector: "lu-establishment-select-all", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectAllComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: LuEstablishmentSelectAllComponent, isStandalone: true, selector: "lu-establishment-select-all", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: true, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: true, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: ALuOptionOperator,
                 useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
@@ -390,7 +390,7 @@ class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<button type=\"button\" (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{ intl().select }}</button>\n<button type=\"button\" (click)=\"deselectAll()\" [disabled]=\"loading\" class=\"link selectAll-button pr-u-marginInlineStart100\">\n\t{{ intl().deselect }}\n</button>\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 components{:host .selectAll-button{color:var(--palettes-neutral-600);font-size:var(--pr-t-font-body-S-fontSize);outline:none}:host .selectAll-button:hover{color:var(--palettes-neutral-800)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -487,8 +487,8 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
         this.isSearching = isSearching;
         this._changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: ALuLegalUnitService, optional: true }, { token: DEFAULT_LEGAL_UNIT_SERVICE, self: true }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: LuEstablishmentSelectInputComponent, isStandalone: true, selector: "lu-establishment-select", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: ALuLegalUnitService, optional: true }, { token: DEFAULT_LEGAL_UNIT_SERVICE, self: true }, { token: ALuEstablishmentService, optional: true }, { token: DEFAULT_ESTABLISHMENT_SERVICE, self: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.2.1", type: LuEstablishmentSelectInputComponent, isStandalone: true, selector: "lu-establishment-select", inputs: { filters: { classPropertyName: "filters", publicName: "filters", isSignal: false, isRequired: false, transformFunction: null }, appInstanceId: { classPropertyName: "appInstanceId", publicName: "appInstanceId", isSignal: false, isRequired: false, transformFunction: null }, operations: { classPropertyName: "operations", publicName: "operations", isSignal: false, isRequired: false, transformFunction: null }, intl: { classPropertyName: "intl", publicName: "intl", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => LuEstablishmentSelectInputComponent),
@@ -504,7 +504,7 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
             },
         ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\n<div class=\"lu-select-value\">\n\t<div class=\"lu-select-display-wrapper\">\n\t\t<ng-container #display />\n\t</div>\n</div>\n<div class=\"lu-select-suffix\">\n\t<lu-clear />\n</div>\n\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\n\t@if (multiple && values?.length > 1) {\n\t\t<span\n\t\t\t><span class=\"numericBadge\">{{ values.length }}</span> {{ intl().establishments | intlPluralLabel: values.length }}</span\n\t\t>\n\t} @else {\n\t\t{{ (values[0] || values).name }}\n\t}\n</ng-template>\n\n<lu-option-picker-advanced [option-comparer]=\"byId\">\n\t<header class=\"lu-picker-header\">\n\t\t<lu-establishment-searcher\n\t\t\t[filters]=\"filters\"\n\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t[operations]=\"operations\"\n\t\t\t[sort]=\"sort\"\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\n\t\t/>\n\t\t@if (multiple) {\n\t\t\t<lu-establishment-select-all\n\t\t\t\tclass=\"pr-u-displayBlock\"\n\t\t\t\t[class.pr-u-displayNone]=\"isSearching\"\n\t\t\t\t[filters]=\"filters\"\n\t\t\t\t[appInstanceId]=\"appInstanceId\"\n\t\t\t\t[operations]=\"operations\"\n\t\t\t/>\n\t\t}\n\t</header>\n\n\t<ng-template luForLegalUnits let-group>\n\t\t<div class=\"optionGroup\">\n\t\t\t@if (groupByLu && !isSearching) {\n\t\t\t\t@if (multiple) {\n\t\t\t\t\t<button\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\tclass=\"optionGroupName button mod-ghost mod-block\"\n\t\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\n\t\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\n\t\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\n\t\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{{ group.key.name }}\n\t\t\t\t\t</button>\n\t\t\t\t} @else {\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly pr-u-margin0\">{{ group.key.name }}</h5>\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@for (establishment of group.items; track establishment.id) {\n\t\t\t\t\t<lu-option [value]=\"establishment\" class=\"establishmentOption\">\n\t\t\t\t\t\t@if (isSearching) {\n\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock\" translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t\t@if (groupByLu) {\n\t\t\t\t\t\t\t\t<span class=\"pr-u-displayBlock pr-u-colorTextSubtle pr-u-bodyS\">{{ group.key.name }}</span>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} @else {\n\t\t\t\t\t\t\t<span translate=\"no\">{{ establishment.name }}</span>\n\t\t\t\t\t\t}\n\t\t\t\t\t</lu-option>\n\t\t\t\t}\n\t\t\t</div>\n\t\t</div>\n\t</ng-template>\n</lu-option-picker-advanced>\n", styles: ["@charset \"UTF-8\";@layer base{:root{--components-options-item-padding-vertical: var(--pr-t-spacings-50);--components-options-item-padding-horizontal: var(--pr-t-spacings-100);--components-options-item-multiple-padding: 2.25rem;--components-options-item-icon-color: var(--palettes-neutral-800);--components-options-checkbox-size: 1.25rem;--components-options-checkbox-color: var(--palettes-700, var(--palettes-product-700));--components-options-checkbox-border-radius: var(--pr-t-border-radius-small);--components-options-checkbox-border-color: var(--palettes-neutral-700);--components-options-establishment-multiple-padding: 2rem}}@layer reset,base,components,mods,product,utils;@layer components{:host{--components-select-input-padding-horizontal: var(--pr-t-spacings-100);--components-select-input-padding-vertical: var(--pr-t-spacings-100);--components-select-framed-color: var(--palettes-neutral-500);--components-select-framed-color50: var(--palettes-neutral-50);--components-select-framed-see-through: var(--palettes-neutral-50);--components-select-framed-text: var(--pr-t-color-text);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--pr-t-spacings-200);--components-select-framed-top-padding: var(--pr-t-spacings-400);--components-select-framed-bottom-padding: var(--pr-t-spacings-200);--components-select-framed-label-top-offset: var(--pr-t-spacings-100);cursor:pointer;outline:none;padding:0;gap:0}:host:after{--icon-content: \"\\e97c\";font-weight:var(--pr-t-font-fontWeight-regular);display:inline-block;vertical-align:text-bottom;font-style:normal;font-family: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)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "component", type: LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { kind: "component", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { kind: "component", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { kind: "directive", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { kind: "component", type: LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }, { kind: "directive", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { kind: "directive", type: LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { kind: "pipe", type: IntlPluralLabelPipe, name: "intlPluralLabel" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         OverlayModule,
@@ -564,11 +564,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated use `LuEstablishmentSelectInputComponent` instead
  */
 class LuEstablishmentSelectInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent],
@@ -580,11 +580,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent], exports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent], exports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent],
@@ -596,11 +596,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: LuEstablishmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: LuEstablishmentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectModule],

package/fesm2022/lucca-front-ng-fancy-box.mjs

@@ -33,10 +33,10 @@ class FancyBoxComponent {
     #buildUrl(text) {
         return text ? `url(${text})` : ``;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FancyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: FancyBoxComponent, isStandalone: true, selector: "lu-fancy-box", inputs: { foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, backgroundLeft: { classPropertyName: "backgroundLeft", publicName: "backgroundLeft", isSignal: true, isRequired: true, transformFunction: null }, backgroundRight: { classPropertyName: "backgroundRight", publicName: "backgroundRight", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-S": "size() === \"S\"", "style.--components-fancyBox-foreground": "foregroundStyle()", "style.--components-fancyBox-background-left": "backgroundLeftStyle()", "style.--components-fancyBox-background-right": "backgroundRightStyle()" }, classAttribute: "fancyBox" }, ngImport: i0, template: "<div class=\"fancyBox-content\">\n\t<ng-content />\n\t<div class=\"fancyBox-content-foreground\"></div>\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;--components-fancyBox-imageWidth: 12.5rem;--components-fancyBox-imageHeight: 10rem;--components-fancyBox-offsetInline: -10rem;--components-fancyBox-offsetBlock: -1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}.fancyBox-content-foreground{position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-foreground);background-size:contain;transition-property:inline-size,block-size,inset-block-start,inset-inline-end;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-imageWidth: 11.25rem;--components-fancyBox-imageHeight: 9rem;--components-fancyBox-offsetInline: -8.75rem;--components-fancyBox-offsetBlock: -.5rem}}.fancyBox.mod-S{--components-fancyBox-offsetInline: -9rem;--components-fancyBox-offsetBlock: -.75rem;--components-fancyBox-imageWidth: 9.375rem;--components-fancyBox-imageHeight: 7.5rem;--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200)}}\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: FancyBoxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.2.1", type: FancyBoxComponent, isStandalone: true, selector: "lu-fancy-box", inputs: { foreground: { classPropertyName: "foreground", publicName: "foreground", isSignal: true, isRequired: false, transformFunction: null }, backgroundLeft: { classPropertyName: "backgroundLeft", publicName: "backgroundLeft", isSignal: true, isRequired: true, transformFunction: null }, backgroundRight: { classPropertyName: "backgroundRight", publicName: "backgroundRight", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.mod-S": "size() === \"S\"", "style.--components-fancyBox-foreground": "foregroundStyle()", "style.--components-fancyBox-background-left": "backgroundLeftStyle()", "style.--components-fancyBox-background-right": "backgroundRightStyle()" }, classAttribute: "fancyBox" }, ngImport: i0, template: "<div class=\"fancyBox-content\">\n\t<ng-content />\n\t<div class=\"fancyBox-content-foreground\"></div>\n</div>\n", styles: ["@layer components{.fancyBox{--components-fancyBox-paddingInline: var(--pr-t-spacings-200);--components-fancyBox-marginInline: auto;--components-fancyBox-contentMinBlockSize: 7rem;--components-fancyBox-contentMinInlineSize: min(22rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-300);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-700);--components-fancyBox-background-left: none;--components-fancyBox-background-right: none;--components-fancyBox-foreground: none;--components-fancyBox-imageWidth: 12.5rem;--components-fancyBox-imageHeight: 10rem;--components-fancyBox-offsetInline: -10rem;--components-fancyBox-offsetBlock: -1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;padding-inline:var(--components-fancyBox-paddingInline);margin-inline:var(--components-fancyBox-marginInline);contain:layout}.fancyBox-content{position:relative;min-block-size:var(--components-fancyBox-contentMinBlockSize);min-inline-size:var(--components-fancyBox-contentMinInlineSize);max-inline-size:100%;padding-block:var(--components-fancyBox-contentPaddingBlock);padding-inline:var(--components-fancyBox-contentPaddingInline);background-color:var(--pr-t-elevation-surface-raised);border-radius:var(--pr-t-border-radius-structure);flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.fancyBox-content:before,.fancyBox-content:after{content:\"\";z-index:-1;position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;background-size:contain;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}.fancyBox-content:before{transition-property:inline-size,block-size,inset-block-end,inset-inline-start;inset-block-end:var(--components-fancyBox-offsetBlock);inset-inline-start:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-left)}.fancyBox-content:after{transition-property:inline-size,block-size,inset-block-start,inset-inline-end;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-background-right)}.fancyBox-content-foreground{position:absolute;inline-size:var(--components-fancyBox-imageWidth);block-size:var(--components-fancyBox-imageHeight);background-repeat:no-repeat;inset-block-start:var(--components-fancyBox-offsetBlock);inset-inline-end:var(--components-fancyBox-offsetInline);background-image:var(--components-fancyBox-foreground);background-size:contain;transition-property:inline-size,block-size,inset-block-start,inset-inline-end;transition-duration:var(--commons-animations-durations-slow);pointer-events:none}}@layer mods{@media not all and (min-width:40em){.fancyBox{--components-fancyBox-imageWidth: 11.25rem;--components-fancyBox-imageHeight: 9rem;--components-fancyBox-offsetInline: -8.75rem;--components-fancyBox-offsetBlock: -.5rem}}.fancyBox.mod-S{--components-fancyBox-offsetInline: -9rem;--components-fancyBox-offsetBlock: -.75rem;--components-fancyBox-imageWidth: 9.375rem;--components-fancyBox-imageHeight: 7.5rem;--components-fancyBox-contentMinInlineSize: min(17rem, 100%);--components-fancyBox-contentPaddingBlock: var(--pr-t-spacings-150);--components-fancyBox-contentPaddingInline: var(--pr-t-spacings-200)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: FancyBoxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.2.1", ngImport: i0, type: FancyBoxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-fancy-box', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         class: 'fancyBox',