@lucca-front/ng 7.4.0 → 8.0.0

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

@@ -0,0 +1,854 @@
+import * as i0 from '@angular/core';
+import { Injectable, InjectionToken, LOCALE_ID, Inject, EventEmitter, forwardRef, ElementRef, Component, ChangeDetectionStrategy, Optional, SkipSelf, Self, Input, HostBinding, ViewChild, Output, Directive, HostListener, NgModule } from '@angular/core';
+import * as i2 from '@angular/forms';
+import { FormGroup, FormControl, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { ALuSelectInputComponent } from '@lucca-front/ng/select';
+import { Subscription, Subject, combineLatest, of, merge } from 'rxjs';
+import { ALuApiService, LuApiV4Service } from '@lucca-front/ng/api';
+import * as i1 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import { ALuIntl, ALuOnOpenSubscriber, ALuOnCloseSubscriber, ALuOnScrollBottomSubscriber } from '@lucca-front/ng/core';
+import * as i1$1 from '@angular/cdk/overlay';
+import { OverlayModule } from '@angular/cdk/overlay';
+import * as i2$1 from '@lucca-front/ng/input';
+import { LuInputModule } from '@lucca-front/ng/input';
+import * as i3 from '@lucca-front/ng/option';
+import { ALuOptionOperator, LuOptionSelectAllComponent, LuOptionSelectAllIntl, ALuOptionSelector, LuForGroupsDirective, LuOptionModule, LU_OPTION_SELECT_ALL_TRANSLATIONS } from '@lucca-front/ng/option';
+import { startWith, distinctUntilChanged, debounceTime, tap, switchMap, catchError, share, withLatestFrom, mapTo, map } from 'rxjs/operators';
+import * as i3$1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class ALuEstablishmentService extends ALuApiService {
+}
+
+class LuEstablishmentService extends LuApiV4Service {
+    constructor(_http) {
+        super(_http);
+        this._http = _http;
+        this._api = `/organization/structure/api/establishments`;
+        this._appInstanceId = null;
+        this._operations = [];
+    }
+    set appInstanceId(id) { this._appInstanceId = id; }
+    set operations(ops) { this._operations = ops || []; }
+    get filters() {
+        const isScopeFiltered = this._appInstanceId && this._operations.length;
+        if (isScopeFiltered) {
+            const appIdFilter = `appInstanceId=${this._appInstanceId}`;
+            const operationFilter = `operations=${this._operations.join(',')}`;
+            return [...this._filters, appIdFilter, operationFilter];
+        }
+        return this._filters;
+    }
+    set filters(filters) {
+        this._filters = filters || [];
+    }
+}
+LuEstablishmentService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+LuEstablishmentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+class ALuLegalUnitService extends ALuApiService {
+}
+
+class LuLegalUnitService extends LuApiV4Service {
+    constructor(_http) {
+        super(_http);
+        this._http = _http;
+        this._api = `/organization/structure/api/legal-units`;
+        this._appInstanceId = null;
+        this._operations = [];
+    }
+    set appInstanceId(id) { this._appInstanceId = id; }
+    set operations(ops) { this._operations = ops || []; }
+    get filters() {
+        const isScopeFiltered = this._appInstanceId && this._operations.length;
+        if (isScopeFiltered) {
+            const appIdFilter = `appInstanceId=${this._appInstanceId}`;
+            const operationFilter = `operations=${this._operations.join(',')}`;
+            return [...this._filters, appIdFilter, operationFilter];
+        }
+        return this._filters;
+    }
+    set filters(filters) {
+        this._filters = filters || [];
+    }
+}
+LuLegalUnitService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+LuLegalUnitService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+const LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS = new InjectionToken('LuEstablishmentSelectTranslations');
+
+class LuEstablishmentSelectInputIntl extends ALuIntl {
+    constructor(translations, locale) {
+        super(translations, locale);
+    }
+}
+LuEstablishmentSelectInputIntl.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputIntl, deps: [{ token: LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable });
+LuEstablishmentSelectInputIntl.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputIntl });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputIntl, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LOCALE_ID]
+                    }] }];
+    } });
+
+class LuEstablishmentSearcherComponent {
+    constructor(hostService, selfService) {
+        this._subs = new Subscription();
+        this.fixed = true;
+        this.isSearching = new EventEmitter();
+        this._isSearching = false;
+        this.outOptions$ = new Subject();
+        this._loading = false;
+        this._page$ = new Subject();
+        this._options = [];
+        this._service = (hostService || selfService);
+    }
+    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; }
+    ngOnInit() {
+        this.form = new FormGroup({
+            clue: new FormControl(''),
+        });
+        const formValue$ = this.form.valueChanges.pipe(startWith(this.form.value));
+        this._page$ = new Subject();
+        const distinctPage$ = this._page$.pipe(distinctUntilChanged());
+        const pageSub = this._page$.subscribe(p => this._page = p);
+        this._subs.add(pageSub);
+        const results$ = combineLatest(distinctPage$, formValue$).pipe(debounceTime(100), tap(([_, val]) => {
+            const isSearching = (val === null || val === void 0 ? void 0 : val.clue) != null && (val === null || val === void 0 ? void 0 : val.clue) !== '';
+            if (this._isSearching !== isSearching) {
+                this._isSearching = isSearching;
+                this.isSearching.emit(this._isSearching);
+            }
+        }), switchMap(([page, val]) => {
+            const filters = [];
+            return this._service.searchPaged(val.clue, page, filters);
+        }), catchError(err => of([])), share());
+        const resultsSub = results$
+            .pipe(withLatestFrom(distinctPage$))
+            .subscribe(([items, page]) => {
+            if (page === 0) {
+                this._options = [...items];
+            }
+            else {
+                this._options.push(...items);
+            }
+            this.outOptions$.next([...this._options]);
+        });
+        this._subs.add(resultsSub);
+        this.loading$ = merge(formValue$.pipe(mapTo(true)), results$.pipe(mapTo(false)));
+        const loadingSub = this.loading$.subscribe(l => this._loading = l);
+        this._subs.add(loadingSub);
+        this.empty$ = this.outOptions$.pipe(map(o => o.length === 0));
+    }
+    ngOnDestroy() {
+        this._subs.unsubscribe();
+    }
+    onOpen() {
+        this.searchInput.nativeElement.focus();
+        this.reset();
+    }
+    onScrollBottom() {
+        if (!this._loading) {
+            this._page$.next(this._page + 1);
+        }
+    }
+    onClose() {
+        this.outOptions$.next([]);
+    }
+    reset() {
+        this.form.reset();
+        this._page$.next(0);
+    }
+}
+LuEstablishmentSearcherComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherComponent, deps: [{ token: ALuEstablishmentService, optional: true, skipSelf: true }, { token: ALuEstablishmentService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+LuEstablishmentSearcherComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: { filters: "filters", appInstanceId: "appInstanceId", operations: "operations", sort: "sort" }, outputs: { isSearching: "isSearching" }, host: { properties: { "class.position-fixed": "this.fixed" } }, providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnOpenSubscriber,
+            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnCloseSubscriber,
+            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOnScrollBottomSubscriber,
+            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+            multi: true,
+        },
+        {
+            provide: ALuEstablishmentService,
+            useClass: LuEstablishmentService,
+        },
+    ], viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\">\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"reset()\"></lu-option-placeholder>", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#898fae;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"], components: [{ type: i3.LuOptionPlaceholderComponent, selector: "lu-option-placeholder", outputs: ["onClear"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3$1.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-establishment-searcher', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnOpenSubscriber,
+                            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnCloseSubscriber,
+                            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOnScrollBottomSubscriber,
+                            useExisting: forwardRef(() => LuEstablishmentSearcherComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuEstablishmentService,
+                            useClass: LuEstablishmentService,
+                        },
+                    ], template: "<form [formGroup]=\"form\">\r\n\t<div class=\"textfield mod-search\" [class.is-loading]=\"loading$ | async\">\r\n\t\t<input #searchInput class=\"textfield-input\" formControlName=\"clue\">\r\n\t</div>\r\n</form>\r\n\r\n<lu-option-placeholder *ngIf=\"(empty$ | async) && !(loading$ | async)\" (onClear)=\"reset()\"></lu-option-placeholder>", styles: [".textfield.mod-search{width:100%}.textfield-input{border-radius:0;box-shadow:none;background:#FFFFFF;border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color)}.textfield-input:hover{background-color:#ebf0fa;background-color:var(--palettes-grey-50)}.textfield-input:focus{background-color:#fff;border-bottom-color:#898fae;border-bottom-color:var(--palettes-primary-600)}.checkbox.mod-formerEmployee{padding:.25rem .5rem;padding:var(--spacings-smallest) var(--components-options-item-padding-horizontal);border-bottom:1px solid var(--palettes-grey-200);border-bottom:var(--commons-divider-width) solid var(--commons-divider-color);background-color:#ebf0fa;background-color:var(--palettes-grey-50);font-style:italic}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: ALuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: LuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        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
+            }] } });
+
+class LuEstablishmentSelectAllComponent extends LuOptionSelectAllComponent {
+    constructor(_changeDetectorRef, intl, hostService, selfService) {
+        super(intl);
+        this._changeDetectorRef = _changeDetectorRef;
+        this.intl = intl;
+        this.loading = false;
+        this._subs = new Subscription();
+        this._service = (hostService || selfService);
+    }
+    set filters(filters) { this._service.filters = filters; }
+    set appInstanceId(appInstanceId) { this._service.appInstanceId = appInstanceId; }
+    set operations(operations) { this._service.operations = operations; }
+    selectAll() {
+        this.loading = true;
+        const sub = this._service.getAll().subscribe(establishments => {
+            this.onSelectValue.next([...establishments]);
+        }, () => { }, () => {
+            this.loading = false;
+            this._changeDetectorRef.detectChanges();
+        });
+        this._subs.add(sub);
+    }
+    ngOnDestroy() {
+        this._subs.unsubscribe();
+    }
+}
+LuEstablishmentSelectAllComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: LuOptionSelectAllIntl }, { token: ALuEstablishmentService, optional: true, skipSelf: true }, { token: ALuEstablishmentService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+LuEstablishmentSelectAllComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: { filters: "filters", appInstanceId: "appInstanceId", operations: "operations" }, providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
+            multi: true,
+        },
+        {
+            provide: ALuOptionSelector,
+            useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
+            multi: true,
+        },
+        {
+            provide: ALuEstablishmentService,
+            useClass: LuEstablishmentService,
+        },
+    ], usesInheritance: true, ngImport: i0, template: "<button (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{intl.select}}</button>\r\n<button (click)=\"deselectAll()\" [disabled]=\"loading\"\r\n\tclass=\"link selectAll-button u-marginLeftSmaller\">{{intl.deselect}}</button>", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-establishment-select-all', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuOptionSelector,
+                            useExisting: forwardRef(() => LuEstablishmentSelectAllComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuEstablishmentService,
+                            useClass: LuEstablishmentService,
+                        },
+                    ], template: "<button (click)=\"selectAll()\" [disabled]=\"loading\" class=\"link selectAll-button\">{{intl.select}}</button>\r\n<button (click)=\"deselectAll()\" [disabled]=\"loading\"\r\n\tclass=\"link selectAll-button u-marginLeftSmaller\">{{intl.deselect}}</button>", styles: [":host .selectAll-button{color:var(--colors-text-light-color);font-size:var(--sizes-small-font-size);outline:none}:host .selectAll-button:hover{color:var(--colors-text-default-color)}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LuOptionSelectAllIntl]
+                    }] }, { type: ALuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: LuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Self
+                    }] }];
+    }, propDecorators: { filters: [{
+                type: Input
+            }], appInstanceId: [{
+                type: Input
+            }], operations: [{
+                type: Input
+            }] } });
+
+class LuForLegalUnitsDirective extends LuForGroupsDirective {
+    constructor(_vcr, _cdr, _templateRef) {
+        super(_vcr, _cdr, _templateRef);
+        this._vcr = _vcr;
+        this._cdr = _cdr;
+        this._templateRef = _templateRef;
+    }
+    set attrGroupBy(fn) {
+        throw new Error('Unsupported');
+    }
+    groupBy(items) {
+        const groups = [];
+        items.forEach((item) => {
+            const legalUnit = item === null || item === void 0 ? void 0 : item.legalUnit;
+            let group = groups.find(g => g.key.id === legalUnit.id);
+            if (!group) {
+                group = { key: legalUnit, items: [] };
+                groups.push(group);
+            }
+            group.items.push(item);
+        });
+        return groups;
+    }
+}
+LuForLegalUnitsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.ChangeDetectorRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+LuForLegalUnitsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]", providers: [
+        {
+            provide: ALuOptionOperator,
+            useExisting: forwardRef(() => LuForLegalUnitsDirective),
+            multi: true,
+        },
+    ], usesInheritance: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luForLegalUnits]',
+                    providers: [
+                        {
+                            provide: ALuOptionOperator,
+                            useExisting: forwardRef(() => LuForLegalUnitsDirective),
+                            multi: true,
+                        },
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ChangeDetectorRef }, { type: i0.TemplateRef }]; } });
+
+class LuLegalUnitSelectorDirective {
+    constructor(hostService, selfService) {
+        this.multiple = true;
+        this.onSelectValue = new Subject();
+        this._subs = new Subscription();
+        this._service = (hostService || selfService);
+    }
+    set filters(filters) { this._service.filters = filters; }
+    set appInstanceId(appId) { this._service.appInstanceId = appId; }
+    set operations(ops) { this._service.operations = ops; }
+    onClick() {
+        const sub = this._service.getAll([`legalUnitId=${this.legalUnit.id}`]).subscribe(establishments => {
+            var _a, _b, _c;
+            if (this.shouldAdd(establishments)) {
+                const selectedEstablishmentIds = new Set(((_a = this._values) !== null && _a !== void 0 ? _a : []).map(ets => ets.id));
+                this.onSelectValue.next(Array.from([
+                    ...((_b = this._values) !== null && _b !== void 0 ? _b : []),
+                    ...establishments.filter(ets => !selectedEstablishmentIds.has(ets.id))
+                ]));
+            }
+            else {
+                const establishmentIds = new Set(establishments.map(ets => ets.id));
+                this.onSelectValue.next(((_c = this._values) !== null && _c !== void 0 ? _c : []).filter(ets => !establishmentIds.has(ets.id)));
+            }
+        });
+        this._subs.add(sub);
+    }
+    setValue(values) {
+        this._values = values;
+    }
+    ngOnDestroy() {
+        this._subs.unsubscribe();
+    }
+    shouldAdd(establishments) {
+        var _a;
+        const selectedCount = ((_a = this._values) !== null && _a !== void 0 ? _a : [])
+            .filter(ets => ets.legalUnitId === this.legalUnit.id)
+            .length;
+        return establishments.length > selectedCount;
+    }
+}
+LuLegalUnitSelectorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorDirective, deps: [{ token: ALuEstablishmentService, optional: true, skipSelf: true }, { token: ALuEstablishmentService, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+LuLegalUnitSelectorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.0.2", type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: { legalUnit: ["luLegalUnitSelector", "legalUnit"], filters: ["luLegalUnitSelectorFilters", "filters"], appInstanceId: ["luLegalUnitSelectorAppInstanceId", "appInstanceId"], operations: ["luLegalUnitSelectorOperations", "operations"] }, host: { listeners: { "click": "onClick()" } }, providers: [
+        {
+            provide: ALuOptionSelector,
+            useExisting: forwardRef(() => LuLegalUnitSelectorDirective),
+            multi: true,
+        },
+        {
+            provide: ALuEstablishmentService,
+            useClass: LuEstablishmentService,
+        },
+    ], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[luLegalUnitSelector]',
+                    providers: [
+                        {
+                            provide: ALuOptionSelector,
+                            useExisting: forwardRef(() => LuLegalUnitSelectorDirective),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuEstablishmentService,
+                            useClass: LuEstablishmentService,
+                        },
+                    ]
+                }]
+        }], ctorParameters: function () {
+        return [{ type: ALuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: LuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        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']
+            }] } });
+
+class LuEstablishmentSelectInputComponent extends ALuSelectInputComponent {
+    constructor(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer, hostLuService, selfLuService, hostEstablishmentService, selfEstablishmentService, intl) {
+        super(_changeDetectorRef, _overlay, _elementRef, _viewContainerRef, _renderer);
+        this._changeDetectorRef = _changeDetectorRef;
+        this._overlay = _overlay;
+        this._elementRef = _elementRef;
+        this._viewContainerRef = _viewContainerRef;
+        this._renderer = _renderer;
+        this.intl = intl;
+        this.byId = (option1, option2) => option1 && option2 && option1.id === option2.id;
+        this.isSearching = false;
+        this.groupByLu = true;
+        this._establishmentService = (hostEstablishmentService || selfEstablishmentService);
+        this._legalUnitService = (hostLuService || selfLuService);
+    }
+    get sort() {
+        return this.isSearching ? 'name' : 'legalunit.name,name';
+    }
+    ngOnInit() {
+        this._subs.add(combineLatest([
+            this._legalUnitService.count(),
+            this._establishmentService.count()
+        ])
+            .subscribe(([luCount, establishmentCount]) => {
+            this.groupByLu =
+                luCount > 1 &&
+                    establishmentCount > 1 &&
+                    luCount !== establishmentCount;
+        }));
+    }
+    onIsSearchingChanged(isSearching) {
+        this.isSearching = isSearching;
+        this._changeDetectorRef.detectChanges();
+    }
+    trackById(idx, item) {
+        return item.id;
+    }
+}
+LuEstablishmentSelectInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.Overlay }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: i0.Renderer2 }, { token: ALuLegalUnitService, optional: true, skipSelf: true }, { token: ALuLegalUnitService, self: true }, { token: ALuEstablishmentService, optional: true, skipSelf: true }, { token: ALuEstablishmentService, self: true }, { token: LuEstablishmentSelectInputIntl }], target: i0.ɵɵFactoryTarget.Component });
+LuEstablishmentSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.2", type: LuEstablishmentSelectInputComponent, selector: "lu-establishment-select", inputs: { filters: "filters", appInstanceId: "appInstanceId", operations: "operations" }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            useExisting: forwardRef(() => LuEstablishmentSelectInputComponent),
+            multi: true,
+        },
+        {
+            provide: ALuEstablishmentService,
+            useClass: LuEstablishmentService
+        },
+        {
+            provide: ALuLegalUnitService,
+            useClass: LuLegalUnitService
+        }
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{placeholder}}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else: singleView\"><span\r\n\t\t\tclass=\"chip mod-unkillable\">{{values.length}}</span> {{intl.establishments}}</span>\r\n\t<ng-template #singleView>{{(values[0] || values).name}}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\" \r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-link mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{group.key.name}}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">\r\n\t\t\t\t\t\t{{group.key.name}}\r\n\t\t\t\t\t</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\"\r\n\t\t\t\tclass=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{establishment.name}}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{establishment.name}}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;bottom:.5rem;bottom:var(--components-select-input-padding-vertical);color:#485075;color:var(--palettes-primary-color);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-placeholder{color:#929292;color:var(--components-select-input-placeholder)}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#485075;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1rem;height:var(--sizes-small-line-height);line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:.5rem;padding:var(--spacings-smaller)}.optionGroupName{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:1px solid var(--palettes-grey-200);border-top:1px solid var(--commons-divider-color);font-size:.875rem;font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:#6c7c9d;color:var(--palettes-grey-600);font-weight:400}.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-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50);background-color:var(--commons-highlight)}\n"], components: [{ type: i2$1.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuEstablishmentSearcherComponent, selector: "lu-establishment-searcher", inputs: ["filters", "appInstanceId", "operations", "sort"], outputs: ["isSearching"] }, { type: LuEstablishmentSelectAllComponent, selector: "lu-establishment-select-all", inputs: ["filters", "appInstanceId", "operations"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value"], outputs: ["onSelect"] }], directives: [{ type: i2$1.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuForLegalUnitsDirective, selector: "[luForLegalUnits]" }, { type: LuLegalUnitSelectorDirective, selector: "[luLegalUnitSelector]", inputs: ["luLegalUnitSelector", "luLegalUnitSelectorFilters", "luLegalUnitSelectorAppInstanceId", "luLegalUnitSelectorOperations"] }, { type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lu-establishment-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LuEstablishmentSelectInputComponent),
+                            multi: true,
+                        },
+                        {
+                            provide: ALuEstablishmentService,
+                            useClass: LuEstablishmentService
+                        },
+                        {
+                            provide: ALuLegalUnitService,
+                            useClass: LuLegalUnitService
+                        }
+                    ], template: "<div class=\"lu-select-placeholder\">{{placeholder}}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else: singleView\"><span\r\n\t\t\tclass=\"chip mod-unkillable\">{{values.length}}</span> {{intl.establishments}}</span>\r\n\t<ng-template #singleView>{{(values[0] || values).name}}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-establishment-searcher\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[sort]=\"sort\" \r\n\t\t\t(isSearching)=\"onIsSearchingChanged($event)\"\r\n\t\t></lu-establishment-searcher>\r\n\t\t<lu-establishment-select-all\r\n\t\t\t*ngIf=\"multiple\"\r\n\t\t\tclass=\"u-displayBlock u-marginSmaller\"\r\n\t\t\t[class.u-displayNone]=\"isSearching\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t></lu-establishment-select-all>\r\n\t</header>\r\n\r\n\t<ng-template luForLegalUnits let-group>\r\n\t\t<div class=\"optionGroup\">\r\n\t\t\t<ng-container *ngIf=\"groupByLu && !isSearching\">\r\n\t\t\t\t<button\r\n\t\t\t\t\t*ngIf=\"multiple; else singleViewGroup\"\r\n\t\t\t\t\tclass=\"optionGroupName button mod-link mod-block\"\r\n\t\t\t\t\t[luLegalUnitSelector]=\"group.key\"\r\n\t\t\t\t\t[luLegalUnitSelectorFilters]=\"filters\"\r\n\t\t\t\t\t[luLegalUnitSelectorAppInstanceId]=\"appInstanceId\"\r\n\t\t\t\t\t[luLegalUnitSelectorOperations]=\"operations\"\r\n\t\t\t\t>\r\n\t\t\t\t\t{{group.key.name}}\r\n\t\t\t\t</button>\r\n\t\t\t\t<ng-template #singleViewGroup>\r\n\t\t\t\t\t<h5 class=\"optionGroupName mod-readonly u-marginReset\">\r\n\t\t\t\t\t\t{{group.key.name}}\r\n\t\t\t\t\t</h5>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</ng-container>\r\n\r\n\t\t\t<lu-option *ngFor=\"let establishment of group.items; trackBy: trackById\" [value]=\"establishment\"\r\n\t\t\t\tclass=\"establishmentOption\">\r\n\t\t\t\t<ng-container *ngIf=\"isSearching; else emptySearch\">\r\n\t\t\t\t\t<span class=\"u-displayBlock\">{{establishment.name}}</span>\r\n\t\t\t\t\t<span *ngIf=\"groupByLu\" class=\"u-displayBlock u-textLight u-textSmall\">{{ group.key.name }}</span>\r\n\t\t\t\t</ng-container>\r\n\t\t\t\t<ng-template #emptySearch>\r\n\t\t\t\t\t<span>{{establishment.name}}</span>\r\n\t\t\t\t</ng-template>\r\n\t\t\t</lu-option>\r\n\t\t</div>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:\"Lucca icons\";display:inline-block;vertical-align:text-bottom;font-style:normal;bottom:.5rem;bottom:var(--components-select-input-padding-vertical);color:#485075;color:var(--palettes-primary-color);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-placeholder{color:#929292;color:var(--components-select-input-placeholder)}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#485075;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1rem;height:var(--sizes-small-line-height);line-height:1rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:1rem 0 0;height:auto;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}.lu-select-value{padding-right:2.5rem}.lu-picker-header .option-selector{display:none}.lu-picker-header.mod-multiple .option-selector{display:inherit;padding:.5rem;padding:var(--spacings-smaller)}.optionGroupName{padding:.5rem;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);border-top:1px solid var(--palettes-grey-200);border-top:1px solid var(--commons-divider-color);font-size:.875rem;font-size:var(--sizes-small-font-size);width:100%;text-align:left}.optionGroupName.mod-readonly{color:#6c7c9d;color:var(--palettes-grey-600);font-weight:400}.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-option,.optionGroupName.button:focus~lu-option,.optionGroupName.button:hover~lu-option{background-color:var(--palettes-primary-50);background-color:var(--commons-highlight)}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i0.ChangeDetectorRef }, { type: i1$1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: ALuLegalUnitService, decorators: [{
+                        type: Inject,
+                        args: [ALuLegalUnitService]
+                    }, {
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: LuLegalUnitService, decorators: [{
+                        type: Inject,
+                        args: [ALuLegalUnitService]
+                    }, {
+                        type: Self
+                    }] }, { type: ALuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Optional
+                    }, {
+                        type: SkipSelf
+                    }] }, { type: LuEstablishmentService, decorators: [{
+                        type: Inject,
+                        args: [ALuEstablishmentService]
+                    }, {
+                        type: Self
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [LuEstablishmentSelectInputIntl]
+                    }] }];
+    }, propDecorators: { filters: [{
+                type: Input
+            }], appInstanceId: [{
+                type: Input
+            }], operations: [{
+                type: Input
+            }] } });
+
+class LuForLegalUnitsModule {
+}
+LuForLegalUnitsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuForLegalUnitsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsModule, declarations: [LuForLegalUnitsDirective], exports: [LuForLegalUnitsDirective] });
+LuForLegalUnitsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuForLegalUnitsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [LuForLegalUnitsDirective],
+                    exports: [LuForLegalUnitsDirective]
+                }]
+        }] });
+
+class LuLegalUnitSelectorModule {
+}
+LuLegalUnitSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuLegalUnitSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorModule, declarations: [LuLegalUnitSelectorDirective], imports: [HttpClientModule], exports: [LuLegalUnitSelectorDirective] });
+LuLegalUnitSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorModule, imports: [[HttpClientModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuLegalUnitSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [HttpClientModule],
+                    declarations: [LuLegalUnitSelectorDirective],
+                    exports: [LuLegalUnitSelectorDirective]
+                }]
+        }] });
+
+class LuEstablishmentSearcherModule {
+}
+LuEstablishmentSearcherModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuEstablishmentSearcherModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherModule, declarations: [LuEstablishmentSearcherComponent], imports: [HttpClientModule,
+        ReactiveFormsModule,
+        CommonModule,
+        LuOptionModule], exports: [LuEstablishmentSearcherComponent] });
+LuEstablishmentSearcherModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherModule, imports: [[
+            HttpClientModule,
+            ReactiveFormsModule,
+            CommonModule,
+            LuOptionModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSearcherModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        HttpClientModule,
+                        ReactiveFormsModule,
+                        CommonModule,
+                        LuOptionModule,
+                    ],
+                    declarations: [
+                        LuEstablishmentSearcherComponent,
+                    ],
+                    exports: [
+                        LuEstablishmentSearcherComponent,
+                    ],
+                }]
+        }] });
+
+const luEstablishmentSelectAllTranslations = {
+    en: {
+        select: 'Select all',
+        deselect: 'Deselect all',
+    },
+    fr: {
+        select: 'Tout sélectionner',
+        deselect: 'Tout Déselectionner'
+    },
+    de: {
+        select: 'Alle auswählen',
+        deselect: 'Alle abwählen'
+    },
+    pt: {
+        select: 'Selecionar tudo',
+        deselect: 'Desselecionar tudo'
+    },
+    es: {
+        select: 'Seleccionar todo',
+        deselect: 'Desmarcar todo'
+    },
+};
+
+class LuEstablishmentSelectAllModule {
+}
+LuEstablishmentSelectAllModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuEstablishmentSelectAllModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllModule, declarations: [LuEstablishmentSelectAllComponent], imports: [CommonModule,
+        LuInputModule,
+        LuOptionModule], exports: [LuEstablishmentSelectAllComponent] });
+LuEstablishmentSelectAllModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllModule, providers: [
+        { provide: LU_OPTION_SELECT_ALL_TRANSLATIONS, useValue: luEstablishmentSelectAllTranslations }
+    ], imports: [[
+            CommonModule,
+            LuInputModule,
+            LuOptionModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectAllModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        LuInputModule,
+                        LuOptionModule,
+                    ],
+                    declarations: [
+                        LuEstablishmentSelectAllComponent
+                    ],
+                    exports: [
+                        LuEstablishmentSelectAllComponent,
+                    ],
+                    providers: [
+                        { provide: LU_OPTION_SELECT_ALL_TRANSLATIONS, useValue: luEstablishmentSelectAllTranslations }
+                    ],
+                }]
+        }] });
+
+class ALuEstablishmentSelectInputLabel {
+}
+const luEstablishmentSelectInputTranslations = {
+    en: {
+        establishments: 'establishments',
+    },
+    fr: {
+        establishments: 'établissements',
+    },
+    es: {
+        establishments: 'establecimiento',
+    }
+};
+
+class LuEstablishmentSelectInputModule {
+}
+LuEstablishmentSelectInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuEstablishmentSelectInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputModule, declarations: [LuEstablishmentSelectInputComponent], imports: [CommonModule,
+        OverlayModule,
+        LuInputModule,
+        LuOptionModule,
+        LuEstablishmentSearcherModule,
+        LuEstablishmentSelectAllModule,
+        LuForLegalUnitsModule,
+        LuLegalUnitSelectorModule], exports: [LuEstablishmentSelectInputComponent] });
+LuEstablishmentSelectInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputModule, providers: [
+        { provide: LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS, useValue: luEstablishmentSelectInputTranslations },
+        LuEstablishmentSelectInputIntl,
+    ], imports: [[
+            CommonModule,
+            OverlayModule,
+            LuInputModule,
+            LuOptionModule,
+            LuEstablishmentSearcherModule,
+            LuEstablishmentSelectAllModule,
+            LuForLegalUnitsModule,
+            LuLegalUnitSelectorModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        OverlayModule,
+                        LuInputModule,
+                        LuOptionModule,
+                        LuEstablishmentSearcherModule,
+                        LuEstablishmentSelectAllModule,
+                        LuForLegalUnitsModule,
+                        LuLegalUnitSelectorModule,
+                    ],
+                    declarations: [
+                        LuEstablishmentSelectInputComponent
+                    ],
+                    exports: [
+                        LuEstablishmentSelectInputComponent,
+                    ],
+                    providers: [
+                        { provide: LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS, useValue: luEstablishmentSelectInputTranslations },
+                        LuEstablishmentSelectInputIntl,
+                    ],
+                }]
+        }] });
+
+class LuEstablishmentSelectModule {
+}
+LuEstablishmentSelectModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuEstablishmentSelectModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectModule, imports: [LuEstablishmentSelectInputModule,
+        LuEstablishmentSearcherModule,
+        LuForLegalUnitsModule,
+        LuLegalUnitSelectorModule,
+        LuEstablishmentSelectAllModule], exports: [LuEstablishmentSelectInputModule,
+        LuEstablishmentSearcherModule,
+        LuForLegalUnitsModule,
+        LuLegalUnitSelectorModule,
+        LuEstablishmentSelectAllModule] });
+LuEstablishmentSelectModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectModule, imports: [[
+            LuEstablishmentSelectInputModule,
+            LuEstablishmentSearcherModule,
+            LuForLegalUnitsModule,
+            LuLegalUnitSelectorModule,
+            LuEstablishmentSelectAllModule,
+        ], LuEstablishmentSelectInputModule,
+        LuEstablishmentSearcherModule,
+        LuForLegalUnitsModule,
+        LuLegalUnitSelectorModule,
+        LuEstablishmentSelectAllModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentSelectModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LuEstablishmentSelectInputModule,
+                        LuEstablishmentSearcherModule,
+                        LuForLegalUnitsModule,
+                        LuLegalUnitSelectorModule,
+                        LuEstablishmentSelectAllModule,
+                    ],
+                    exports: [
+                        LuEstablishmentSelectInputModule,
+                        LuEstablishmentSearcherModule,
+                        LuForLegalUnitsModule,
+                        LuLegalUnitSelectorModule,
+                        LuEstablishmentSelectAllModule,
+                    ],
+                }]
+        }] });
+
+class LuEstablishmentModule {
+}
+LuEstablishmentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+LuEstablishmentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentModule, imports: [LuEstablishmentSelectModule], exports: [LuEstablishmentSelectModule] });
+LuEstablishmentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentModule, imports: [[
+            LuEstablishmentSelectModule,
+        ], LuEstablishmentSelectModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.2", ngImport: i0, type: LuEstablishmentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        LuEstablishmentSelectModule,
+                    ],
+                    exports: [
+                        LuEstablishmentSelectModule,
+                    ],
+                }]
+        }] });
+
+/*
+ * Public API Surface of establishment
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ALuEstablishmentSelectInputLabel, ALuEstablishmentService, ALuLegalUnitService, LU_ESTABLISHMENT_SELECT_INPUT_TRANSLATIONS, LuEstablishmentModule, LuEstablishmentSearcherComponent, LuEstablishmentSearcherModule, LuEstablishmentSelectAllComponent, LuEstablishmentSelectAllModule, LuEstablishmentSelectInputComponent, LuEstablishmentSelectInputIntl, LuEstablishmentSelectInputModule, LuEstablishmentSelectModule, LuEstablishmentService, LuForLegalUnitsDirective, LuForLegalUnitsModule, LuLegalUnitSelectorDirective, LuLegalUnitSelectorModule, LuLegalUnitService, luEstablishmentSelectAllTranslations, luEstablishmentSelectInputTranslations };
+//# sourceMappingURL=lucca-front-ng-establishment.mjs.map