@lucca-front/ng 21.3.0-rc.5 → 22.0.0-rc.2

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

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { forwardRef, Directive, Injectable, InjectionToken, HostListener, Input, Inject, Optional, Self, EventEmitter, ElementRef, Output, ViewChild, HostBinding, ChangeDetectionStrategy, Component, input, NgModule } from '@angular/core';
+import { forwardRef, Directive, Injectable, InjectionToken, input, Inject, Optional, Self, viewChild, output, ChangeDetectionStrategy, Component, Input, NgModule } from '@angular/core';
 import { LuForGroupsDirective, ALuOptionOperator, ALuOptionSelector, LuOptionPlaceholderComponent, LuOptionSelectAllComponent, LuOptionPickerAdvancedComponent, LuOptionItemComponent } from '@lucca-front/ng/option';
 import * as i1$2 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 import * as i1$1 from '@angular/forms';
 import { FormControl, ReactiveFormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ClearComponent } from '@lucca-front/ng/clear';
-import { ALuOnOpenSubscriber, ALuOnCloseSubscriber, ALuOnScrollBottomSubscriber, intlInputOptions } from '@lucca-front/ng/core';
+import { syncInputSignal, isNotNilOrEmptyString, ALuOnOpenSubscriber, ALuOnCloseSubscriber, ALuOnScrollBottomSubscriber, intlInputOptions } from '@lucca-front/ng/core';
 import { LuInputDisplayerDirective } from '@lucca-front/ng/input';
 import { ALuSelectInputComponent } from '@lucca-front/ng/select';
 import { Subject, Subscription, of, combineLatest } from 'rxjs';
@@ -35,8 +35,8 @@ class LuForLegalUnitsDirective extends LuForGroupsDirective {
         });
         return groups;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", 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: "21.2.15", type: LuForLegalUnitsDirective, isStandalone: true, selector: "[luForLegalUnits]", providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.14", 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: "21.2.15", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.15", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.15", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuLegalUnitService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuLegalUnitService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuLegalUnitService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuLegalUnitService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.HttpClient }] });
 
@@ -134,23 +134,24 @@ const DEFAULT_ESTABLISHMENT_SERVICE = new InjectionToken('Default establishment
 const DEFAULT_LEGAL_UNIT_SERVICE = new InjectionToken('Default legal unit service');
 
 class LuLegalUnitSelectorDirective {
-    set filters(filters) {
-        this._service.filters = filters;
-    }
-    set appInstanceId(appId) {
-        this._service.appInstanceId = appId;
-    }
-    set operations(ops) {
-        this._service.operations = ops;
-    }
     constructor(customService, defaultService) {
-        this.multiple = true;
         this.onSelectValue = new Subject();
         this._subs = new Subscription();
+        this.legalUnit = input(undefined, { ...(ngDevMode ? { debugName: "legalUnit" } : /* istanbul ignore next */ {}), alias: 'luLegalUnitSelector' });
+        this.filters = input(undefined, { ...(ngDevMode ? { debugName: "filters" } : /* istanbul ignore next */ {}), alias: 'luLegalUnitSelectorFilters' });
+        this.appInstanceId = input(undefined, { ...(ngDevMode ? { debugName: "appInstanceId" } : /* istanbul ignore next */ {}), alias: 'luLegalUnitSelectorAppInstanceId' });
+        this.operations = input(undefined, { ...(ngDevMode ? { debugName: "operations" } : /* istanbul ignore next */ {}), alias: 'luLegalUnitSelectorOperations' });
+        this.multiple = true;
         this._service = customService || defaultService;
+        syncInputSignal(this.filters, (filters) => (this._service.filters = filters));
+        syncInputSignal(this.appInstanceId, (appInstanceId) => (this._service.appInstanceId = appInstanceId));
+        syncInputSignal(this.operations, (operations) => (this._service.operations = operations));
     }
     onClick() {
-        const sub = this._service.getAll([`legalUnitId=${this.legalUnit.id}`]).subscribe((establishments) => {
+        const legalUnit = this.legalUnit();
+        if (!legalUnit)
+            return;
+        const sub = this._service.getAll([`legalUnitId=${legalUnit.id}`]).subscribe((establishments) => {
             if (this.shouldAdd(establishments)) {
                 const selectedEstablishmentIds = new Set((this._values ?? []).map((ets) => ets.id));
                 this.onSelectValue.next(Array.from([...(this._values ?? []), ...establishments.filter((ets) => !selectedEstablishmentIds.has(ets.id))]));
@@ -169,11 +170,14 @@ class LuLegalUnitSelectorDirective {
         this._subs.unsubscribe();
     }
     shouldAdd(establishments) {
-        const selectedCount = (this._values ?? []).filter((ets) => ets.legalUnitId === this.legalUnit.id).length;
+        const legalUnit = this.legalUnit();
+        if (!legalUnit)
+            return false;
+        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: "21.2.15", 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: "14.0.0", version: "21.2.15", type: LuLegalUnitSelectorDirective, isStandalone: true, selector: "[luLegalUnitSelector]", inputs: { legalUnit: ["luLegalUnitSelector", "legalUnit"], filters: ["luLegalUnitSelectorFilters", "filters"], appInstanceId: ["luLegalUnitSelectorAppInstanceId", "appInstanceId"], operations: ["luLegalUnitSelectorOperations", "operations"] }, host: { listeners: { "click": "onClick()" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.14", 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),
@@ -185,9 +189,12 @@ class LuLegalUnitSelectorDirective {
             },
         ], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
             type: Directive,
             args: [{
+                    host: {
+                        '(click)': 'onClick()',
+                    },
                     selector: '[luLegalUnitSelector]',
                     providers: [
                         {
@@ -211,39 +218,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     args: [DEFAULT_ESTABLISHMENT_SERVICE]
                 }, {
                     type: Self
-                }] }], propDecorators: { legalUnit: [{
-                type: Input,
-                args: ['luLegalUnitSelector']
-            }], filters: [{
-                type: Input,
-                args: ['luLegalUnitSelectorFilters']
-            }], appInstanceId: [{
-                type: Input,
-                args: ['luLegalUnitSelectorAppInstanceId']
-            }], operations: [{
-                type: Input,
-                args: ['luLegalUnitSelectorOperations']
-            }], onClick: [{
-                type: HostListener,
-                args: ['click']
-            }] } });
+                }] }], propDecorators: { legalUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "luLegalUnitSelector", required: false }] }], filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "luLegalUnitSelectorFilters", required: false }] }], appInstanceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "luLegalUnitSelectorAppInstanceId", required: false }] }], operations: [{ type: i0.Input, args: [{ isSignal: true, alias: "luLegalUnitSelectorOperations", required: false }] }] } });
 
 class LuEstablishmentSearcherComponent {
-    set filters(filters) {
-        this._service.filters = filters;
-    }
-    set appInstanceId(appId) {
-        this._service.appInstanceId = appId;
-    }
-    set operations(ops) {
-        this._service.operations = ops;
-    }
-    set sort(sort) {
-        this._service.sort = sort;
-    }
     constructor(customService, defaultService) {
-        this.fixed = true;
-        this.isSearching = new EventEmitter();
+        this.filters = input(...(ngDevMode ? [undefined, { debugName: "filters" }] : /* istanbul ignore next */ []));
+        this.appInstanceId = input(...(ngDevMode ? [undefined, { debugName: "appInstanceId" }] : /* istanbul ignore next */ []));
+        this.operations = input(...(ngDevMode ? [undefined, { debugName: "operations" }] : /* istanbul ignore next */ []));
+        this.sort = input(...(ngDevMode ? [undefined, { debugName: "sort" }] : /* istanbul ignore next */ []));
+        this.searchInput = viewChild('searchInput', ...(ngDevMode ? [{ debugName: "searchInput" }] : /* istanbul ignore next */ []));
+        this.isSearching = output();
         this._isSearching = false;
         this.clueControl = new FormControl('');
         this.loading = false;
@@ -252,17 +236,21 @@ class LuEstablishmentSearcherComponent {
         this._resetOutOptions = new Subject();
         this.outOptions$ = this._resetOutOptions.pipe(startWith(undefined), switchMap(() => this.clueControl.valueChanges.pipe(debounceTime(100), switchMap((clue) => this._page$.pipe(tap(() => (this.loading = true)), tap(() => {
             // FIXME refactor, add some spec anywhere
-            const isSearching = clue != null && clue !== '';
+            const isSearching = isNotNilOrEmptyString(clue);
             if (this._isSearching !== isSearching) {
                 this._isSearching = isSearching;
                 this.isSearching.emit(this._isSearching);
             }
-        }), switchMap((page) => this._service.searchPaged(clue, page).pipe(catchError(() => of([])))), takeWhile((loadedItems) => !!loadedItems.length), scan((acc, next) => [...acc, ...next]))), tap(() => (this.loading = false)))), share());
+        }), switchMap((page) => this._service.searchPaged(clue ?? '', page).pipe(catchError(() => of([])))), takeWhile((loadedItems) => !!loadedItems.length), scan((acc, next) => [...acc, ...next]))), tap(() => (this.loading = false)))), share());
         this.displayPlaceholder$ = this.outOptions$.pipe(map((o) => o?.length === 0 && this._isSearching));
         this._service = customService || defaultService;
+        syncInputSignal(this.filters, (filters) => (this._service.filters = filters));
+        syncInputSignal(this.appInstanceId, (appInstanceId) => (this._service.appInstanceId = appInstanceId));
+        syncInputSignal(this.operations, (operations) => (this._service.operations = operations));
+        syncInputSignal(this.sort, (sort) => (this._service.sort = sort));
     }
     onOpen() {
-        this.searchInput.nativeElement.focus();
+        this.searchInput()?.nativeElement.focus();
         this.reset();
     }
     onScrollBottom() {
@@ -276,8 +264,8 @@ class LuEstablishmentSearcherComponent {
     reset() {
         this.clueControl.reset();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", 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: "21.2.15", type: LuEstablishmentSearcherComponent, isStandalone: true, selector: "lu-establishment-searcher", inputs: { filters: "filters", appInstanceId: "appInstanceId", operations: "operations", sort: "sort" }, outputs: { isSearching: "isSearching" }, host: { properties: { "class.position-fixed": "this.fixed" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.14", 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),
@@ -302,11 +290,13 @@ class LuEstablishmentSearcherComponent {
                 provide: DEFAULT_ESTABLISHMENT_SERVICE,
                 useClass: LuEstablishmentService,
             },
-        ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[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 }); }
+        ], 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])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[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: "21.2.15", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, ReactiveFormsModule, LuOptionPlaceholderComponent], providers: [
+            args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'position-fixed',
+                    }, imports: [AsyncPipe, ReactiveFormsModule, LuOptionPlaceholderComponent], providers: [
                         {
                             provide: ALuOptionOperator,
                             useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
@@ -342,40 +332,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     args: [DEFAULT_ESTABLISHMENT_SERVICE]
                 }, {
                     type: Self
-                }] }], propDecorators: { filters: [{
-                type: Input
-            }], appInstanceId: [{
-                type: Input
-            }], operations: [{
-                type: Input
-            }], sort: [{
-                type: Input
-            }], fixed: [{
-                type: HostBinding,
-                args: ['class.position-fixed']
-            }], searchInput: [{
-                type: ViewChild,
-                args: ['searchInput', { read: ElementRef, static: true }]
-            }], isSearching: [{
-                type: Output
-            }] } });
+                }] }], propDecorators: { filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], appInstanceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "appInstanceId", required: false }] }], operations: [{ type: i0.Input, args: [{ isSignal: true, alias: "operations", required: false }] }], sort: [{ type: i0.Input, args: [{ isSignal: true, alias: "sort", required: false }] }], searchInput: [{ type: i0.ViewChild, args: ['searchInput', { isSignal: true }] }], isSearching: [{ type: i0.Output, args: ["isSearching"] }] } });
 
 class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
-    set filters(filters) {
-        this._service.filters = filters;
-    }
-    set appInstanceId(appInstanceId) {
-        this._service.appInstanceId = appInstanceId;
-    }
-    set operations(operations) {
-        this._service.operations = operations;
-    }
     constructor(_changeDetectorRef, customService, defaultService) {
         super();
         this._changeDetectorRef = _changeDetectorRef;
+        this.filters = input(...(ngDevMode ? [undefined, { debugName: "filters" }] : /* istanbul ignore next */ []));
+        this.appInstanceId = input(...(ngDevMode ? [undefined, { debugName: "appInstanceId" }] : /* istanbul ignore next */ []));
+        this.operations = input(...(ngDevMode ? [undefined, { debugName: "operations" }] : /* istanbul ignore next */ []));
         this.loading = false;
         this._subs = new Subscription();
         this._service = customService || defaultService;
+        syncInputSignal(this.filters, (filters) => (this._service.filters = filters));
+        syncInputSignal(this.appInstanceId, (appInstanceId) => (this._service.appInstanceId = appInstanceId));
+        syncInputSignal(this.operations, (operations) => (this._service.operations = operations));
     }
     selectAll() {
         this.loading = true;
@@ -393,8 +364,8 @@ class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
     ngOnDestroy() {
         this._subs.unsubscribe();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", 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: "14.0.0", version: "21.2.15", type: LuEstablishmentSelectAllComponent, isStandalone: true, selector: "lu-establishment-select-all", inputs: { filters: "filters", appInstanceId: "appInstanceId", operations: "operations" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", 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: "21.2.14", 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),
@@ -411,7 +382,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: "21.2.15", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
                         {
@@ -439,13 +410,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     args: [DEFAULT_ESTABLISHMENT_SERVICE]
                 }, {
                     type: Self
-                }] }], propDecorators: { filters: [{
-                type: Input
-            }], appInstanceId: [{
-                type: Input
-            }], operations: [{
-                type: Input
-            }] } });
+                }] }], propDecorators: { filters: [{ type: i0.Input, args: [{ isSignal: true, alias: "filters", required: false }] }], appInstanceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "appInstanceId", required: false }] }], operations: [{ type: i0.Input, args: [{ isSignal: true, alias: "operations", required: false }] }] } });
 
 const Translations = {
     pt: {
@@ -479,6 +444,7 @@ const LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS = new InjectionToken('LuEstabli
 });
 const luEstablishmentSelectInputTranslations = Translations;
 
+/* eslint-disable @angular-eslint/prefer-signals */
 /**
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
@@ -509,8 +475,8 @@ class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
         this.isSearching = isSearching;
         this._changeDetectorRef.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", 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: "21.2.15", 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: "21.2.14", 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: "21.2.14", 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),
@@ -526,7 +492,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 }}</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);--components-numericBadge-fontSize: var(--pr-t-font-body-XS-fontSize);--components-numericBadge-lineHeight: var(--pr-t-font-body-XS-lineHeight)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding-block:var(--components-select-framed-top-padding) 0;padding-inline:0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-neutral-500);inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:var(--pr-t-spacings-100)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-value{padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400);padding-block:0 var(--components-select-framed-bottom-padding);padding-inline:var(--components-select-framed-side-padding) calc(var(--components-select-framed-side-padding) * 3)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{inset-block-end:var(--components-select-framed-bottom-padding);inset-inline-end:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;block-size:auto;padding-block-start:var(--pr-t-spacings-200);color:var(--pr-t-color-text)}:host-context(.textfield.mod-material):after{color:var(--palettes-neutral-500);inset-block-end:.6rem;inset-inline-end:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-inline:0 .8rem}:host-context(.textfield.mod-material) .lu-select-suffix{inset-inline-end:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{inset-block-end:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{inset-inline-end:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple) .lu-select-value{block-size:auto;align-items:center}:host(.mod-multiple) .lu-select-display-wrapper{overflow:visible;white-space:normal;margin-block-end:calc(var(--pr-t-spacings-50) * -1)}:host-context(.textfield.mod-outlined).textfield-input:after{color:var(--palettes-neutral-600)}:host-context(.textfield.mod-outlined).textfield-input .lu-select-placeholder{color:var(--palettes-neutral-400)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error):after{color:var(--palettes-error-600)}:host-context(.textfield.mod-outlined) :host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex;align-items:flex-start}:host-context(.textfield .textfield-input.is-focused):after{transform:rotate(180deg)}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-inline-end:3.5rem}:host-context(.textfield-input.is-error,.textfield-input.is-invalid,.textfield-input.ng-invalid.ng-touched) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}}@layer components{.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit}}@layer components{.optionGroupName{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);border-radius:0;font:var(--pr-t-font-body-S);inline-size:100%;justify-content:flex-start;font-weight:var(--pr-t-font-fontWeight-semibold);color:var(--palettes-neutral-600);text-decoration:underline}.optionGroupName.mod-readonly{text-decoration:none}}@layer mods{.optionGroupName.mod-readonly{text-decoration:none}.optionGroupName.button{text-decoration:underline;margin:0}.optionGroupName.button:active,.optionGroupName.button:focus,.optionGroupName.button:hover{box-shadow:none;background-color:transparent}.optionGroupName.button:active~.lu-picker-content-option lu-option,.optionGroupName.button:focus~.lu-picker-content-option lu-option,.optionGroupName.button:hover~.lu-picker-content-option lu-option{background-color:var(--palettes-neutral-50);border-radius:var(--pr-t-border-radius-default)}}\n"], dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         OverlayModule,
@@ -585,11 +551,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
  * @deprecated use `LuEstablishmentSelectInputComponent` instead
  */
 class LuEstablishmentSelectInputModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent], exports: [LuEstablishmentSelectInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectInputModule, imports: [LuEstablishmentSelectInputComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent],
@@ -601,11 +567,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentSelectModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", 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: "21.2.15", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", 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: "21.2.14", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectInputComponent, LuEstablishmentSearcherComponent, LuForLegalUnitsDirective, LuLegalUnitSelectorDirective, LuEstablishmentSelectAllComponent],
@@ -617,11 +583,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
  * @deprecated prefer SimpleSelect or MultipleSelect with establishments directive
  */
 class LuEstablishmentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule, LuEstablishmentSelectModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: LuEstablishmentModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LuEstablishmentModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [LuEstablishmentSelectModule],