@lucca-front/ng 15.1.3 → 15.2.0

package/fesm2020/lucca-front-ng-modal.mjs

@@ -1,27 +1,37 @@
 import * as i0 from '@angular/core';
-import { ChangeDetectionStrategy, InjectionToken, ViewContainerRef, Directive, ViewChild, Component, HostBinding, inject, Injector, ApplicationRef, Injectable, NgModule } from '@angular/core';
+import { ChangeDetectionStrategy, InjectionToken, ViewContainerRef, Directive, ViewChild, Component, HostBinding, Injector, inject, ApplicationRef, Injectable, NgModule } from '@angular/core';
+import * as i2 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import { AsyncPipe, NgClass, NgIf } from '@angular/common';
 import { getIntl } from '@lucca-front/ng/core';
+import * as i3 from '@lucca-front/ng/tooltip';
+import { LuTooltipModule } from '@lucca-front/ng/tooltip';
 import { ReplaySubject, Subject, Subscription, Observable, timer, isObservable, of } from 'rxjs';
 import { map, tap, delay, distinctUntilChanged, switchMap } from 'rxjs/operators';
-import { ALuPopupRef, LU_POPUP_CONFIG, LuPopup } from '@lucca-front/ng/popup';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/cdk/a11y';
-import { A11yModule } from '@angular/cdk/a11y';
-import * as i4 from '@lucca-front/ng/tooltip';
-import { LuTooltipModule } from '@lucca-front/ng/tooltip';
+import { ALuPopupRef, LuPopup } from '@lucca-front/ng/popup';
 import { ComponentPortal } from '@angular/cdk/portal';
 import * as i1 from '@angular/cdk/overlay';
 import { OverlayModule } from '@angular/cdk/overlay';
 
 const luDefaultModalConfig = {
+    mode: 'modal',
     position: 'center',
     noBackdrop: false,
     undismissable: false,
     backdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],
     panelClass: 'lu-popup-panel',
-    size: 'standard',
+    size: 'M',
     changeDetection: ChangeDetectionStrategy.OnPush,
+};
+const luDefaultSidepanelConfig = {
+    ...luDefaultModalConfig,
+    mode: 'sidepanel',
+    position: 'right',
+};
+
+const luModalClasses = {
+    modal: { panel: 'lu-modal-panel', panelInner: 'lu-modal-panel-inner', panelContainer: 'lu-modal-container' },
+    sidepanel: { panel: 'lu-sidepanel-panel', panelInner: 'lu-sidepanel-panel-inner', overlayPane: 'mod-sidepanel', panelContainer: 'lu-sidepanel-container' },
 };
 
 const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations', {
@@ -46,13 +56,18 @@ const luModalTranslations = {
 };
 
 class ALuModalRef extends ALuPopupRef {
+    get mode() {
+        return this._config.mode || 'modal';
+    }
+    get modalClasses() {
+        return luModalClasses[this.mode];
+    }
 }
 
 let modalId = 0;
 class ALuModalPanelComponent {
-    constructor(_ref, _cdr) {
+    constructor(_ref, _elementRef, _renderer) {
         this._ref = _ref;
-        this._cdr = _cdr;
         this.doCheck$ = new ReplaySubject(1);
         this.intl = getIntl(LU_MODAL_TRANSLATIONS);
         this.title$ = this.listenComponentValue(() => this._componentInstance.title);
@@ -66,6 +81,8 @@ class ALuModalPanelComponent {
         this.error$ = new Subject();
         this.modalId = modalId++;
         this._subs = new Subscription();
+        this.modalClasses = _ref.modalClasses;
+        _renderer.addClass(_elementRef.nativeElement, this.modalClasses.panel);
     }
     get isSubmitHidden() {
         return !this._componentInstance.submitAction;
@@ -94,69 +111,66 @@ class ALuModalPanelComponent {
         const result$ = this._componentInstance.submitAction();
         if (result$ instanceof Observable) {
             this._subs.add(result$
-                .pipe(tap((_) => this.submitClass$.next('is-success')), tap(() => this._cdr.markForCheck()), delay(500))
+                .pipe(tap((_) => this.submitClass$.next('is-success')), delay(500))
                 .subscribe({
                 next: (result) => this._ref.close(result),
                 error: (err) => {
                     this.submitClass$.next('is-error');
                     this.error$.next(err);
-                    this._cdr.markForCheck();
                     timer(2000).subscribe((_) => {
                         this.submitClass$.next('');
-                        this._cdr.markForCheck();
                     });
                 },
                 complete: () => {
                     this.submitClass$.next('');
-                    this._cdr.markForCheck();
                 },
             }));
         }
         else {
-            const result = result$;
-            this._ref.close(result);
+            this._ref.close(result$);
         }
     }
     listenComponentValue(selector) {
         return this.doCheck$.pipe(map(selector), distinctUntilChanged(), switchMap((value) => (isObservable(value) ? value : of(value))));
     }
 }
-ALuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: ALuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+ALuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: ALuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 ALuModalPanelComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.3", type: ALuModalPanelComponent, viewQueries: [{ propertyName: "_containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: ALuModalPanelComponent, decorators: [{
             type: Directive
-        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { _containerRef: [{
+        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { _containerRef: [{
                 type: ViewChild,
                 args: ['container', { read: ViewContainerRef, static: true }]
             }] } });
+const panelImports = [A11yModule, AsyncPipe, LuTooltipModule, NgClass, NgIf];
 class LuModalPanelComponent extends ALuModalPanelComponent {
-    constructor(_ref, _cdr) {
-        super(_ref, _cdr);
+    constructor(_ref, _elementRef, _renderer) {
+        super(_ref, _elementRef, _renderer);
         this.class = true;
     }
 }
-LuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LuModalPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: LuModalPanelComponent, selector: "lu-modal-panel", host: { properties: { "class.lu-modal-panel": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"lu-modal-panel-inner\"\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n>\r\n\t<div class=\"lu-modal-container\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+LuModalPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponent, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+LuModalPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: LuModalPanelComponent, isStandalone: true, selector: "lu-modal-panel", host: { properties: { "class.lu-modal-panel": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n\t[ngClass]=\"modalClasses.panelInner\"\r\n>\r\n\t<div [ngClass]=\"modalClasses.panelContainer\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-modal-panel', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n\tclass=\"lu-modal-panel-inner\"\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n>\r\n\t<div class=\"lu-modal-container\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
+            args: [{ selector: 'lu-modal-panel', standalone: true, imports: panelImports, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n\t[ngClass]=\"modalClasses.panelInner\"\r\n>\r\n\t<div [ngClass]=\"modalClasses.panelContainer\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.lu-modal-panel']
             }] } });
 // eslint-disable-next-line @angular-eslint/component-class-suffix
 class LuModalPanelComponentDefaultCD extends ALuModalPanelComponent {
-    constructor(_ref, _cdr) {
-        super(_ref, _cdr);
+    constructor(_ref, _elementRef, _renderer) {
+        super(_ref, _elementRef, _renderer);
         this.class = true;
     }
 }
-LuModalPanelComponentDefaultCD.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponentDefaultCD, deps: [{ token: ALuModalRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-LuModalPanelComponentDefaultCD.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: LuModalPanelComponentDefaultCD, selector: "lu-modal-panel-default", host: { properties: { "class.lu-modal-panel": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n\tclass=\"lu-modal-panel-inner\"\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n>\r\n\t<div class=\"lu-modal-container\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "directive", type: i4.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.Default });
+LuModalPanelComponentDefaultCD.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponentDefaultCD, deps: [{ token: ALuModalRef }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+LuModalPanelComponentDefaultCD.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.3", type: LuModalPanelComponentDefaultCD, isStandalone: true, selector: "lu-modal-panel-default", host: { properties: { "class.lu-modal-panel": "this.class" } }, usesInheritance: true, ngImport: i0, template: "<div\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n\t[ngClass]=\"modalClasses.panelInner\"\r\n>\r\n\t<div [ngClass]=\"modalClasses.panelContainer\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i2.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: i3.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalPanelComponentDefaultCD, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-modal-panel-default', changeDetection: ChangeDetectionStrategy.Default, template: "<div\r\n\tclass=\"lu-modal-panel-inner\"\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n>\r\n\t<div class=\"lu-modal-container\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
-        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { class: [{
+            args: [{ selector: 'lu-modal-panel-default', standalone: true, imports: panelImports, changeDetection: ChangeDetectionStrategy.Default, template: "<div\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n\t[ngClass]=\"modalClasses.panelInner\"\r\n>\r\n\t<div [ngClass]=\"modalClasses.panelContainer\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: ALuModalRef }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.lu-modal-panel']
             }] } });
@@ -164,7 +178,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
 /** Injection token that can be used to access the data that was passed in to a dialog. */
 const LU_MODAL_DATA = new InjectionToken('LuModalData');
 const LU_MODAL_CONFIG = new InjectionToken('LuModalDefaultConfig', {
-    factory: () => inject(LU_POPUP_CONFIG),
+    factory: () => luDefaultModalConfig,
 });
 const LU_MODAL_REF_FACTORY = new InjectionToken('LuModalRefFactory', {
     factory: () => ({
@@ -183,7 +197,7 @@ function setAriaHiddenOnApplicationRoot(applicationRef, hidden) {
     }
 }
 
-class LuModalRef extends ALuPopupRef {
+class LuModalRef extends ALuModalRef {
     constructor(_overlay, _injector, _component, _config, _applicationRef) {
         super(_overlay, _injector, _component, _config);
         this._overlay = _overlay;
@@ -200,14 +214,8 @@ class LuModalRef extends ALuPopupRef {
             ],
             parent: this._injector,
         });
-        if (this._config.changeDetection === ChangeDetectionStrategy.OnPush) {
-            const containerPortal = new ComponentPortal(LuModalPanelComponent, undefined, injector);
-            this._containerRef = this._overlayRef.attach(containerPortal);
-        }
-        else {
-            const containerPortal = new ComponentPortal(LuModalPanelComponentDefaultCD, undefined, injector);
-            this._containerRef = this._overlayRef.attach(containerPortal);
-        }
+        const containerPortal = new ComponentPortal(this._config.changeDetection === ChangeDetectionStrategy.OnPush ? LuModalPanelComponent : LuModalPanelComponentDefaultCD, undefined, injector);
+        this._containerRef = this._overlayRef.attach(containerPortal);
         const panel = this._containerRef.instance;
         this._componentRef = panel.attachInnerComponent(this._component, injector);
         setAriaHiddenOnApplicationRoot(this._applicationRef, true);
@@ -217,6 +225,13 @@ class LuModalRef extends ALuPopupRef {
         this._containerRef.destroy();
         setAriaHiddenOnApplicationRoot(this._applicationRef, false);
     }
+    _getOverlayPanelClasses() {
+        const classes = super._getOverlayPanelClasses();
+        if (this.modalClasses.overlayPane) {
+            classes.push(this.modalClasses.overlayPane);
+        }
+        return classes;
+    }
 }
 class LuModalRefFactory {
     constructor(_overlay, _injector) {
@@ -247,18 +262,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
             type: Injectable
         }] });
 
+/**
+ * Provide LuModal.
+ * Note that OverlayModule should be imported in one of the EnvironmentInjectors (AppModule, lazy-loaded route) using `providers: [importProvidersFrom(OverlayModule)]`.
+ */
+function provideLuModal() {
+    return [LuModal, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }];
+}
 class LuModalModule {
 }
 LuModalModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-LuModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, declarations: [LuModalPanelComponent, LuModalPanelComponentDefaultCD], imports: [OverlayModule, CommonModule, A11yModule, LuTooltipModule], exports: [LuModalPanelComponent, LuModalPanelComponentDefaultCD] });
-LuModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, providers: [LuModal, { provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig }, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }], imports: [OverlayModule, CommonModule, A11yModule, LuTooltipModule] });
+LuModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, imports: [OverlayModule] });
+LuModalModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, providers: [provideLuModal()], imports: [OverlayModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuModalModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [OverlayModule, CommonModule, A11yModule, LuTooltipModule],
-                    declarations: [LuModalPanelComponent, LuModalPanelComponentDefaultCD],
-                    exports: [LuModalPanelComponent, LuModalPanelComponentDefaultCD],
-                    providers: [LuModal, { provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig }, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }],
+                    imports: [OverlayModule],
+                    providers: [provideLuModal()],
                 }]
         }] });
 
@@ -270,5 +290,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ALuModalPanelComponent, ALuModalRef, LU_MODAL_CONFIG, LU_MODAL_DATA, LU_MODAL_REF_FACTORY, LU_MODAL_TRANSLATIONS, LuModal, LuModalModule, LuModalPanelComponent, LuModalPanelComponentDefaultCD, LuModalRefFactory, luDefaultModalConfig, luModalTranslations, setAriaHiddenOnApplicationRoot };
+export { ALuModalPanelComponent, ALuModalRef, LU_MODAL_CONFIG, LU_MODAL_DATA, LU_MODAL_REF_FACTORY, LU_MODAL_TRANSLATIONS, LuModal, LuModalModule, LuModalPanelComponent, LuModalPanelComponentDefaultCD, LuModalRefFactory, luDefaultModalConfig, luDefaultSidepanelConfig, luModalClasses, luModalTranslations, provideLuModal, setAriaHiddenOnApplicationRoot };
 //# sourceMappingURL=lucca-front-ng-modal.mjs.map

package/fesm2020/lucca-front-ng-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-modal.mjs","sources":["../../../packages/ng/modal/src/lib/modal-config.default.ts","../../../packages/ng/modal/src/lib/modal.translate.ts","../../../packages/ng/modal/src/lib/modal-ref.model.ts","../../../packages/ng/modal/src/lib/modal-panel.component.ts","../../../packages/ng/modal/src/lib/modal-panel.component.html","../../../packages/ng/modal/src/lib/modal.token.ts","../../../packages/ng/modal/src/lib/modal.utils.ts","../../../packages/ng/modal/src/lib/modal-ref.factory.ts","../../../packages/ng/modal/src/lib/modal.service.ts","../../../packages/ng/modal/src/lib/modal.module.ts","../../../packages/ng/modal/src/public-api.ts","../../../packages/ng/modal/src/lucca-front-ng-modal.ts"],"sourcesContent":["import { ILuModalConfig } from './modal-config.model';\r\nimport { ChangeDetectionStrategy } from '@angular/core';\r\n\r\nexport const luDefaultModalConfig: ILuModalConfig = {\r\n\tposition: 'center',\r\n\tnoBackdrop: false,\r\n\tundismissable: false,\r\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\r\n\tpanelClass: 'lu-popup-panel',\r\n\tsize: 'standard',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n};\r\n","import { InjectionToken } from '@angular/core';\r\nimport { ILuTranslation } from '@lucca-front/ng/core';\r\n\r\nexport const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations', {\r\n\tfactory: () => luModalTranslations,\r\n});\r\n\r\nexport interface ILuModalLabel {\r\n\tsubmit: string;\r\n\tcancel: string;\r\n\tclose: string;\r\n}\r\n\r\nexport const luModalTranslations: ILuTranslation<ILuModalLabel> = {\r\n\ten: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancel',\r\n\t\tclose: 'Close',\r\n\t},\r\n\tfr: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Annuler',\r\n\t\tclose: 'Fermer',\r\n\t},\r\n\tes: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancelar',\r\n\t\tclose: 'Cerrar',\r\n\t},\r\n};\r\n","import { ALuPopupRef, ILuPopupRef } from '@lucca-front/ng/popup';\r\nimport { ILuModalContent } from './modal.model';\r\n\r\nexport type ILuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown> = ILuPopupRef<T, D, R>;\r\nexport abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown> extends ALuPopupRef<T, D, R> implements ILuModalRef<T, D, R> {}\r\n","import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Directive, DoCheck, HostBinding, Injector, OnDestroy, Type, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { getIntl } from '@lucca-front/ng/core';\r\nimport { isObservable, Observable, of, ReplaySubject, Subject, Subscription, timer } from 'rxjs';\r\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\r\nimport { ALuModalRef } from './modal-ref.model';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { LU_MODAL_TRANSLATIONS } from './modal.translate';\r\n\r\nlet modalId = 0;\r\n\r\n@Directive()\r\nexport abstract class ALuModalPanelComponent<T extends ILuModalContent> implements OnDestroy, DoCheck {\r\n\t@ViewChild('container', { read: ViewContainerRef, static: true })\r\n\tprotected _containerRef: ViewContainerRef;\r\n\tprotected _componentInstance: ILuModalContent;\r\n\tprotected doCheck$ = new ReplaySubject<void>(1);\r\n\r\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\r\n\tprotected title$ = this.listenComponentValue(() => this._componentInstance.title);\r\n\tprotected submitLabel$ = this.listenComponentValue(() => this._componentInstance.submitLabel || this.intl.submit);\r\n\tprotected cancelLabel$ = this.listenComponentValue(() => this._componentInstance.cancelLabel || this.intl.cancel);\r\n\tprotected submitCounter$ = this.listenComponentValue(() => this._componentInstance.submitCounter);\r\n\tprotected submitDisabled$ = this.listenComponentValue(() => this._componentInstance.submitDisabled);\r\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\r\n\r\n\tprotected closeLabel = this.intl.close;\r\n\r\n\tget isSubmitHidden() {\r\n\t\treturn !this._componentInstance.submitAction;\r\n\t}\r\n\tget submitPalette() {\r\n\t\treturn this._componentInstance.submitPalette || 'primary';\r\n\t}\r\n\r\n\tsubmitClass$ = new Subject();\r\n\terror$ = new Subject();\r\n\r\n\tpublic readonly modalId = modalId++;\r\n\r\n\tprivate _subs = new Subscription();\r\n\r\n\tconstructor(protected _ref: ALuModalRef<T>, protected _cdr: ChangeDetectorRef) {}\r\n\tngDoCheck(): void {\r\n\t\tthis.doCheck$.next();\r\n\t}\r\n\tattachInnerComponent(componentType: Type<T>, injector: Injector) {\r\n\t\tconst ref = this._containerRef.createComponent(componentType, { injector });\r\n\t\tthis._componentInstance = ref.instance;\r\n\t\treturn ref;\r\n\t}\r\n\tngOnDestroy() {\r\n\t\tthis.doCheck$.complete();\r\n\t\tthis._subs.unsubscribe();\r\n\t}\r\n\tdismiss() {\r\n\t\tthis._ref.dismiss();\r\n\t}\r\n\tsubmit() {\r\n\t\tthis.error$.next(undefined);\r\n\t\tthis.submitClass$.next('is-loading');\r\n\t\tconst result$ = this._componentInstance.submitAction();\r\n\t\tif (result$ instanceof Observable) {\r\n\t\t\tthis._subs.add(\r\n\t\t\t\tresult$\r\n\t\t\t\t\t.pipe(\r\n\t\t\t\t\t\ttap((_) => this.submitClass$.next('is-success')),\r\n\t\t\t\t\t\ttap(() => this._cdr.markForCheck()),\r\n\t\t\t\t\t\tdelay(500),\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.subscribe({\r\n\t\t\t\t\t\tnext: (result) => this._ref.close(result),\r\n\t\t\t\t\t\terror: (err) => {\r\n\t\t\t\t\t\t\tthis.submitClass$.next('is-error');\r\n\t\t\t\t\t\t\tthis.error$.next(err);\r\n\t\t\t\t\t\t\tthis._cdr.markForCheck();\r\n\t\t\t\t\t\t\ttimer(2000).subscribe((_) => {\r\n\t\t\t\t\t\t\t\tthis.submitClass$.next('');\r\n\t\t\t\t\t\t\t\tthis._cdr.markForCheck();\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcomplete: () => {\r\n\t\t\t\t\t\t\tthis.submitClass$.next('');\r\n\t\t\t\t\t\t\tthis._cdr.markForCheck();\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}),\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tconst result = result$;\r\n\t\t\tthis._ref.close(result);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate listenComponentValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\r\n\t\treturn this.doCheck$.pipe(\r\n\t\t\tmap(selector),\r\n\t\t\tdistinctUntilChanged(),\r\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\r\n\t\t);\r\n\t}\r\n}\r\n\r\n@Component({\r\n\tselector: 'lu-modal-panel',\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LuModalPanelComponent<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\t@HostBinding('class.lu-modal-panel') class = true;\r\n\tconstructor(_ref: ALuModalRef<T>, _cdr: ChangeDetectorRef) {\r\n\t\tsuper(_ref, _cdr);\r\n\t}\r\n}\r\n@Component({\r\n\tselector: 'lu-modal-panel-default',\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.Default,\r\n})\r\n// eslint-disable-next-line @angular-eslint/component-class-suffix\r\nexport class LuModalPanelComponentDefaultCD<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\t@HostBinding('class.lu-modal-panel') class = true;\r\n\tconstructor(_ref: ALuModalRef<T>, _cdr: ChangeDetectorRef) {\r\n\t\tsuper(_ref, _cdr);\r\n\t}\r\n}\r\n","<div\r\n\tclass=\"lu-modal-panel-inner\"\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n>\r\n\t<div class=\"lu-modal-container\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","import { inject, InjectionToken } from '@angular/core';\r\nimport { ILuPopupRefFactory, LU_POPUP_CONFIG } from '@lucca-front/ng/popup';\r\nimport { ILuModalConfig } from './modal-config.model';\r\n\r\n/** Injection token that can be used to access the data that was passed in to a dialog. */\r\nexport const LU_MODAL_DATA = new InjectionToken<unknown>('LuModalData');\r\nexport const LU_MODAL_CONFIG = new InjectionToken<ILuModalConfig>('LuModalDefaultConfig', {\r\n\tfactory: () => inject(LU_POPUP_CONFIG),\r\n});\r\nexport const LU_MODAL_REF_FACTORY = new InjectionToken<ILuPopupRefFactory>('LuModalRefFactory', {\r\n\tfactory: () => ({\r\n\t\tforge() {\r\n\t\t\tthrow new Error('[LuModalRefFactory] Cannot call forge, LuModalRefFactory needs to be overriden.');\r\n\t\t},\r\n\t}),\r\n});\r\n","import { ApplicationRef } from '@angular/core';\r\n\r\nexport function setAriaHiddenOnApplicationRoot(applicationRef: ApplicationRef, hidden: boolean): void {\r\n\tfor (const component of applicationRef.components) {\r\n\t\tconst nativeElement = component.location.nativeElement as unknown;\r\n\r\n\t\tif (nativeElement instanceof HTMLElement) {\r\n\t\t\tnativeElement.ariaHidden = hidden ? 'true' : undefined;\r\n\t\t}\r\n\t}\r\n}\r\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { ApplicationRef, ChangeDetectionStrategy, ComponentRef, inject, Injectable, Injector } from '@angular/core';\r\nimport { ALuPopupRef, ILuPopupRefFactory } from '@lucca-front/ng/popup';\r\nimport { ILuModalConfig } from './modal-config.model';\r\nimport { ALuModalPanelComponent, LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\r\nimport { ALuModalRef, ILuModalRef } from './modal-ref.model';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { LU_MODAL_DATA } from './modal.token';\r\nimport { setAriaHiddenOnApplicationRoot } from './modal.utils';\r\n\r\nclass LuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown> extends ALuPopupRef<T, D, R> implements ILuModalRef<T, D, R> {\r\n\tprotected _containerRef: ComponentRef<ALuModalPanelComponent<T>>;\r\n\tconstructor(\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _injector: Injector,\r\n\t\tprotected override _component: ComponentType<T>,\r\n\t\tprotected override _config: ILuModalConfig,\r\n\t\tprotected _applicationRef: ApplicationRef,\r\n\t) {\r\n\t\tsuper(_overlay, _injector, _component, _config);\r\n\t}\r\n\tprotected override _openPopup(data?: D) {\r\n\t\tconst injector = Injector.create({\r\n\t\t\tproviders: [\r\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\r\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: data },\r\n\t\t\t],\r\n\t\t\tparent: this._injector,\r\n\t\t});\r\n\t\tif (this._config.changeDetection === ChangeDetectionStrategy.OnPush) {\r\n\t\t\tconst containerPortal = new ComponentPortal<ALuModalPanelComponent<T>>(LuModalPanelComponent, undefined, injector);\r\n\t\t\tthis._containerRef = this._overlayRef.attach<ALuModalPanelComponent<T>>(containerPortal);\r\n\t\t} else {\r\n\t\t\tconst containerPortal = new ComponentPortal<ALuModalPanelComponent<T>>(LuModalPanelComponentDefaultCD, undefined, injector);\r\n\t\t\tthis._containerRef = this._overlayRef.attach<ALuModalPanelComponent<T>>(containerPortal);\r\n\t\t}\r\n\t\tconst panel = this._containerRef.instance;\r\n\t\tthis._componentRef = panel.attachInnerComponent(this._component, injector);\r\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, true);\r\n\t}\r\n\tprotected override _closePopup() {\r\n\t\tthis._componentRef.destroy();\r\n\t\tthis._containerRef.destroy();\r\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, false);\r\n\t}\r\n}\r\n\r\n@Injectable()\r\nexport class LuModalRefFactory implements ILuPopupRefFactory<ILuModalContent, ILuModalConfig> {\r\n\tprotected _applicationRef = inject(ApplicationRef);\r\n\r\n\tconstructor(protected _overlay: Overlay, protected _injector: Injector) {}\r\n\tforge<T extends ILuModalContent, C extends ILuModalConfig, D, R>(component: ComponentType<T>, config: C) {\r\n\t\treturn new LuModalRef<T, D, R>(this._overlay, this._injector, component, config, this._applicationRef);\r\n\t}\r\n}\r\n","import { inject, Injectable } from '@angular/core';\r\nimport { LuPopup } from '@lucca-front/ng/popup';\r\nimport { ILuModalConfig } from './modal-config.model';\r\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\r\n\r\n@Injectable()\r\nexport class LuModal<C extends ILuModalConfig = ILuModalConfig> extends LuPopup<C> {\r\n\tprotected override _factory = inject(LU_MODAL_REF_FACTORY);\r\n\tprotected override _config = inject(LU_MODAL_CONFIG);\r\n}\r\n","import { A11yModule } from '@angular/cdk/a11y';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\r\nimport { luDefaultModalConfig } from './modal-config.default';\r\nimport { LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\r\nimport { LuModalRefFactory } from './modal-ref.factory';\r\nimport { LuModal } from './modal.service';\r\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\r\n\r\n@NgModule({\r\n\timports: [OverlayModule, CommonModule, A11yModule, LuTooltipModule],\r\n\tdeclarations: [LuModalPanelComponent, LuModalPanelComponentDefaultCD],\r\n\texports: [LuModalPanelComponent, LuModalPanelComponentDefaultCD],\r\n\tproviders: [LuModal, { provide: LU_MODAL_CONFIG, useValue: luDefaultModalConfig }, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }],\r\n})\r\nexport class LuModalModule {}\r\n","/*\r\n * Public API Surface of safe-content\r\n */\r\n\r\nexport * from './lib/index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ALuModalRef"],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-modal.mjs","sources":["../../../packages/ng/modal/src/lib/modal-config.default.ts","../../../packages/ng/modal/src/lib/modal-config.model.ts","../../../packages/ng/modal/src/lib/modal.translate.ts","../../../packages/ng/modal/src/lib/modal-ref.model.ts","../../../packages/ng/modal/src/lib/modal-panel.component.ts","../../../packages/ng/modal/src/lib/modal-panel.component.html","../../../packages/ng/modal/src/lib/modal.token.ts","../../../packages/ng/modal/src/lib/modal.utils.ts","../../../packages/ng/modal/src/lib/modal-ref.factory.ts","../../../packages/ng/modal/src/lib/modal.service.ts","../../../packages/ng/modal/src/lib/modal.module.ts","../../../packages/ng/modal/src/public-api.ts","../../../packages/ng/modal/src/lucca-front-ng-modal.ts"],"sourcesContent":["import { ChangeDetectionStrategy } from '@angular/core';\r\nimport { LuModalConfig } from './modal-config.model';\r\n\r\nexport const luDefaultModalConfig: LuModalConfig = {\r\n\tmode: 'modal',\r\n\tposition: 'center',\r\n\tnoBackdrop: false,\r\n\tundismissable: false,\r\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\r\n\tpanelClass: 'lu-popup-panel',\r\n\tsize: 'M',\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n};\r\n\r\nexport const luDefaultSidepanelConfig: LuModalConfig = {\r\n\t...luDefaultModalConfig,\r\n\tmode: 'sidepanel',\r\n\tposition: 'right',\r\n};\r\n","import { ChangeDetectionStrategy } from '@angular/core';\r\nimport { ILuPopupConfig } from '@lucca-front/ng/popup';\r\n\r\nexport type LuModalMode = 'modal' | 'sidepanel';\r\n\r\nexport interface LuModalClasses {\r\n\tpanel: string;\r\n\tpanelContainer: string;\r\n\tpanelInner: string;\r\n\toverlayPane?: string;\r\n}\r\n\r\nexport const luModalClasses: Record<LuModalMode, LuModalClasses> = {\r\n\tmodal: { panel: 'lu-modal-panel', panelInner: 'lu-modal-panel-inner', panelContainer: 'lu-modal-container' },\r\n\tsidepanel: { panel: 'lu-sidepanel-panel', panelInner: 'lu-sidepanel-panel-inner', overlayPane: 'mod-sidepanel', panelContainer: 'lu-sidepanel-container' },\r\n};\r\n\r\ntype LuModalModeWithPosition = { mode?: 'modal'; position: undefined | 'center' } | { mode: 'sidepanel'; position: 'left' | 'right' };\r\n\r\nexport type LuModalConfig = ILuPopupConfig &\r\n\tLuModalModeWithPosition & {\r\n\t\tchangeDetection: ChangeDetectionStrategy;\r\n\t};\r\n\r\n/**\r\n * @deprecated Use LuModalConfig instead.\r\n */\r\nexport type ILuModalConfig = LuModalConfig;\r\n","import { InjectionToken } from '@angular/core';\r\nimport { ILuTranslation } from '@lucca-front/ng/core';\r\n\r\nexport const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations', {\r\n\tfactory: () => luModalTranslations,\r\n});\r\n\r\nexport interface ILuModalLabel {\r\n\tsubmit: string;\r\n\tcancel: string;\r\n\tclose: string;\r\n}\r\n\r\nexport const luModalTranslations: ILuTranslation<ILuModalLabel> = {\r\n\ten: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancel',\r\n\t\tclose: 'Close',\r\n\t},\r\n\tfr: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Annuler',\r\n\t\tclose: 'Fermer',\r\n\t},\r\n\tes: {\r\n\t\tsubmit: 'Ok',\r\n\t\tcancel: 'Cancelar',\r\n\t\tclose: 'Cerrar',\r\n\t},\r\n};\r\n","import { ALuPopupRef, ILuPopupRef } from '@lucca-front/ng/popup';\r\nimport { LuModalClasses, luModalClasses, LuModalConfig, LuModalMode } from './modal-config.model';\r\nimport { ILuModalContent } from './modal.model';\r\n\r\nexport interface ILuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown> extends ILuPopupRef<T, D, R> {\r\n\tmode: LuModalMode;\r\n\tmodalClasses: LuModalClasses;\r\n}\r\nexport abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig>\r\n\textends ALuPopupRef<T, D, R, C>\r\n\timplements ILuModalRef<T, D, R>\r\n{\r\n\tpublic get mode(): LuModalMode {\r\n\t\treturn this._config.mode || 'modal';\r\n\t}\r\n\r\n\tpublic get modalClasses(): LuModalClasses {\r\n\t\treturn luModalClasses[this.mode];\r\n\t}\r\n}\r\n","import { A11yModule } from '@angular/cdk/a11y';\r\nimport { AsyncPipe, NgClass, NgIf } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, Directive, DoCheck, ElementRef, HostBinding, Injector, OnDestroy, Renderer2, Type, ViewChild, ViewContainerRef } from '@angular/core';\r\nimport { getIntl } from '@lucca-front/ng/core';\r\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\r\nimport { isObservable, Observable, of, ReplaySubject, Subject, Subscription, timer } from 'rxjs';\r\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\r\nimport { LuModalClasses } from './modal-config.model';\r\nimport { ALuModalRef } from './modal-ref.model';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { LU_MODAL_TRANSLATIONS } from './modal.translate';\r\n\r\nlet modalId = 0;\r\n\r\n@Directive()\r\nexport abstract class ALuModalPanelComponent<T extends ILuModalContent> implements OnDestroy, DoCheck {\r\n\t@ViewChild('container', { read: ViewContainerRef, static: true })\r\n\tprotected _containerRef: ViewContainerRef;\r\n\tprotected _componentInstance: ILuModalContent;\r\n\tprotected doCheck$ = new ReplaySubject<void>(1);\r\n\r\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\r\n\tprotected title$ = this.listenComponentValue(() => this._componentInstance.title);\r\n\tprotected submitLabel$ = this.listenComponentValue(() => this._componentInstance.submitLabel || this.intl.submit);\r\n\tprotected cancelLabel$ = this.listenComponentValue(() => this._componentInstance.cancelLabel || this.intl.cancel);\r\n\tprotected submitCounter$ = this.listenComponentValue(() => this._componentInstance.submitCounter);\r\n\tprotected submitDisabled$ = this.listenComponentValue(() => this._componentInstance.submitDisabled);\r\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\r\n\r\n\tprotected closeLabel = this.intl.close;\r\n\r\n\tget isSubmitHidden() {\r\n\t\treturn !this._componentInstance.submitAction;\r\n\t}\r\n\tget submitPalette() {\r\n\t\treturn this._componentInstance.submitPalette || 'primary';\r\n\t}\r\n\r\n\tsubmitClass$ = new Subject();\r\n\terror$ = new Subject();\r\n\r\n\tpublic readonly modalId = modalId++;\r\n\r\n\tprivate _subs = new Subscription();\r\n\tpublic modalClasses: LuModalClasses;\r\n\r\n\tconstructor(protected _ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\r\n\t\tthis.modalClasses = _ref.modalClasses;\r\n\t\t_renderer.addClass(_elementRef.nativeElement, this.modalClasses.panel);\r\n\t}\r\n\tngDoCheck(): void {\r\n\t\tthis.doCheck$.next();\r\n\t}\r\n\tattachInnerComponent(componentType: Type<T>, injector: Injector) {\r\n\t\tconst ref = this._containerRef.createComponent(componentType, { injector });\r\n\t\tthis._componentInstance = ref.instance;\r\n\t\treturn ref;\r\n\t}\r\n\tngOnDestroy() {\r\n\t\tthis.doCheck$.complete();\r\n\t\tthis._subs.unsubscribe();\r\n\t}\r\n\tdismiss() {\r\n\t\tthis._ref.dismiss();\r\n\t}\r\n\tsubmit() {\r\n\t\tthis.error$.next(undefined);\r\n\t\tthis.submitClass$.next('is-loading');\r\n\t\tconst result$ = this._componentInstance.submitAction();\r\n\t\tif (result$ instanceof Observable) {\r\n\t\t\tthis._subs.add(\r\n\t\t\t\tresult$\r\n\t\t\t\t\t.pipe(\r\n\t\t\t\t\t\ttap((_) => this.submitClass$.next('is-success')),\r\n\t\t\t\t\t\tdelay(500),\r\n\t\t\t\t\t)\r\n\t\t\t\t\t.subscribe({\r\n\t\t\t\t\t\tnext: (result) => this._ref.close(result),\r\n\t\t\t\t\t\terror: (err) => {\r\n\t\t\t\t\t\t\tthis.submitClass$.next('is-error');\r\n\t\t\t\t\t\t\tthis.error$.next(err);\r\n\t\t\t\t\t\t\ttimer(2000).subscribe((_) => {\r\n\t\t\t\t\t\t\t\tthis.submitClass$.next('');\r\n\t\t\t\t\t\t\t});\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\tcomplete: () => {\r\n\t\t\t\t\t\t\tthis.submitClass$.next('');\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t}),\r\n\t\t\t);\r\n\t\t} else {\r\n\t\t\tthis._ref.close(result$);\r\n\t\t}\r\n\t}\r\n\r\n\tprivate listenComponentValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\r\n\t\treturn this.doCheck$.pipe(\r\n\t\t\tmap(selector),\r\n\t\t\tdistinctUntilChanged(),\r\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\r\n\t\t);\r\n\t}\r\n}\r\n\r\nconst panelImports = [A11yModule, AsyncPipe, LuTooltipModule, NgClass, NgIf];\r\n\r\n@Component({\r\n\tselector: 'lu-modal-panel',\r\n\tstandalone: true,\r\n\timports: panelImports,\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class LuModalPanelComponent<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\t@HostBinding('class.lu-modal-panel') class = true;\r\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\r\n\t\tsuper(_ref, _elementRef, _renderer);\r\n\t}\r\n}\r\n@Component({\r\n\tselector: 'lu-modal-panel-default',\r\n\tstandalone: true,\r\n\timports: panelImports,\r\n\ttemplateUrl: './modal-panel.component.html',\r\n\tstyleUrls: ['./modal-panel.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.Default,\r\n})\r\n// eslint-disable-next-line @angular-eslint/component-class-suffix\r\nexport class LuModalPanelComponentDefaultCD<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\r\n\t@HostBinding('class.lu-modal-panel') class = true;\r\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\r\n\t\tsuper(_ref, _elementRef, _renderer);\r\n\t}\r\n}\r\n","<div\r\n\tcdkTrapFocus=\"true\"\r\n\tcdkTrapFocusAutoCapture=\"true\"\r\n\trole=\"dialog\"\r\n\taria-modal=\"true\"\r\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\r\n\t[ngClass]=\"modalClasses.panelInner\"\r\n>\r\n\t<div [ngClass]=\"modalClasses.panelContainer\" role=\"document\">\r\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\r\n\t\t\t<button type=\"button\" class=\"actionIcon lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\r\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-cross\"></span>\r\n\t\t\t\t<span class=\"u-mask\">{{ closeLabel }}</span>\r\n\t\t\t</button>\r\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-content\">\r\n\t\t\t<ng-container #container></ng-container>\r\n\t\t</div>\r\n\t\t<div class=\"lu-modal-footer\">\r\n\t\t\t<button\r\n\t\t\t\ttype=\"button\"\r\n\t\t\t\t*ngIf=\"!isSubmitHidden\"\r\n\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\r\n\t\t\t\t[disabled]=\"submitDisabled$ | async\"\r\n\t\t\t\t[class.mod-counter]=\"hasSubmitCounter$ | async\"\r\n\t\t\t\t[ngClass]=\"submitClass$ | async\"\r\n\t\t\t\t(click)=\"submit()\"\r\n\t\t\t>\r\n\t\t\t\t{{ submitLabel$ | async }}\r\n\t\t\t\t<label class=\"button-counter\" *ngIf=\"hasSubmitCounter$ | async\">{{ submitCounter$ | async }}</label>\r\n\t\t\t</button>\r\n\t\t\t<button type=\"button\" class=\"button mod-text\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n","import { InjectionToken } from '@angular/core';\r\nimport { ILuPopupRefFactory } from '@lucca-front/ng/popup';\r\nimport { luDefaultModalConfig } from './modal-config.default';\r\nimport { LuModalConfig } from './modal-config.model';\r\n\r\n/** Injection token that can be used to access the data that was passed in to a dialog. */\r\nexport const LU_MODAL_DATA = new InjectionToken<unknown>('LuModalData');\r\nexport const LU_MODAL_CONFIG = new InjectionToken<LuModalConfig>('LuModalDefaultConfig', {\r\n\tfactory: () => luDefaultModalConfig,\r\n});\r\nexport const LU_MODAL_REF_FACTORY = new InjectionToken<ILuPopupRefFactory>('LuModalRefFactory', {\r\n\tfactory: () => ({\r\n\t\tforge() {\r\n\t\t\tthrow new Error('[LuModalRefFactory] Cannot call forge, LuModalRefFactory needs to be overriden.');\r\n\t\t},\r\n\t}),\r\n});\r\n","import { ApplicationRef } from '@angular/core';\r\n\r\nexport function setAriaHiddenOnApplicationRoot(applicationRef: ApplicationRef, hidden: boolean): void {\r\n\tfor (const component of applicationRef.components) {\r\n\t\tconst nativeElement = component.location.nativeElement as unknown;\r\n\r\n\t\tif (nativeElement instanceof HTMLElement) {\r\n\t\t\tnativeElement.ariaHidden = hidden ? 'true' : undefined;\r\n\t\t}\r\n\t}\r\n}\r\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { ApplicationRef, ChangeDetectionStrategy, ComponentRef, inject, Injectable, Injector } from '@angular/core';\r\nimport { ILuPopupRefFactory } from '@lucca-front/ng/popup';\r\nimport { LuModalConfig } from './modal-config.model';\r\nimport { ALuModalPanelComponent, LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\r\nimport { ALuModalRef, ILuModalRef } from './modal-ref.model';\r\nimport { ILuModalContent } from './modal.model';\r\nimport { LU_MODAL_DATA } from './modal.token';\r\nimport { setAriaHiddenOnApplicationRoot } from './modal.utils';\r\n\r\nclass LuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig> extends ALuModalRef<T, D, R, C> implements ILuModalRef<T, D, R> {\r\n\tprotected _containerRef: ComponentRef<ALuModalPanelComponent<T>>;\r\n\tconstructor(\r\n\t\tprotected override _overlay: Overlay,\r\n\t\tprotected override _injector: Injector,\r\n\t\tprotected override _component: ComponentType<T>,\r\n\t\tprotected override _config: C,\r\n\t\tprotected _applicationRef: ApplicationRef,\r\n\t) {\r\n\t\tsuper(_overlay, _injector, _component, _config);\r\n\t}\r\n\tprotected override _openPopup(data?: D) {\r\n\t\tconst injector = Injector.create({\r\n\t\t\tproviders: [\r\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\r\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: data },\r\n\t\t\t],\r\n\t\t\tparent: this._injector,\r\n\t\t});\r\n\r\n\t\tconst containerPortal = new ComponentPortal<ALuModalPanelComponent<T>>(\r\n\t\t\tthis._config.changeDetection === ChangeDetectionStrategy.OnPush ? LuModalPanelComponent : LuModalPanelComponentDefaultCD,\r\n\t\t\tundefined,\r\n\t\t\tinjector,\r\n\t\t);\r\n\t\tthis._containerRef = this._overlayRef.attach<ALuModalPanelComponent<T>>(containerPortal);\r\n\t\tconst panel = this._containerRef.instance;\r\n\t\tthis._componentRef = panel.attachInnerComponent(this._component, injector);\r\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, true);\r\n\t}\r\n\tprotected override _closePopup() {\r\n\t\tthis._componentRef.destroy();\r\n\t\tthis._containerRef.destroy();\r\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, false);\r\n\t}\r\n\r\n\tprotected override _getOverlayPanelClasses(): string[] {\r\n\t\tconst classes = super._getOverlayPanelClasses();\r\n\r\n\t\tif (this.modalClasses.overlayPane) {\r\n\t\t\tclasses.push(this.modalClasses.overlayPane);\r\n\t\t}\r\n\r\n\t\treturn classes;\r\n\t}\r\n}\r\n\r\n@Injectable()\r\nexport class LuModalRefFactory implements ILuPopupRefFactory<ILuModalContent, LuModalConfig> {\r\n\tprotected _applicationRef = inject(ApplicationRef);\r\n\r\n\tconstructor(protected _overlay: Overlay, protected _injector: Injector) {}\r\n\tforge<T extends ILuModalContent, C extends LuModalConfig, D, R>(component: ComponentType<T>, config: C) {\r\n\t\treturn new LuModalRef<T, D, R>(this._overlay, this._injector, component, config, this._applicationRef);\r\n\t}\r\n}\r\n","import { inject, Injectable } from '@angular/core';\r\nimport { LuPopup } from '@lucca-front/ng/popup';\r\nimport { LuModalConfig } from './modal-config.model';\r\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\r\n\r\n@Injectable()\r\nexport class LuModal<C extends LuModalConfig = LuModalConfig> extends LuPopup<C> {\r\n\tprotected override _factory = inject(LU_MODAL_REF_FACTORY);\r\n\tprotected override _config = inject<C>(LU_MODAL_CONFIG);\r\n}\r\n","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { NgModule, Provider } from '@angular/core';\r\nimport { LuModalRefFactory } from './modal-ref.factory';\r\nimport { LuModal } from './modal.service';\r\nimport { LU_MODAL_REF_FACTORY } from './modal.token';\r\n\r\n/**\r\n * Provide LuModal.\r\n * Note that OverlayModule should be imported in one of the EnvironmentInjectors (AppModule, lazy-loaded route) using `providers: [importProvidersFrom(OverlayModule)]`.\r\n */\r\nexport function provideLuModal(): Provider[] {\r\n\treturn [LuModal, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }];\r\n}\r\n\r\n@NgModule({\r\n\timports: [OverlayModule],\r\n\tproviders: [provideLuModal()],\r\n})\r\nexport class LuModalModule {}\r\n","/*\r\n * Public API Surface of safe-content\r\n */\r\n\r\nexport * from './lib/index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ALuModalRef"],"mappings":"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"}

package/fesm2020/lucca-front-ng-option.mjs

@@ -216,7 +216,7 @@ LuTreeOptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.
             useExisting: forwardRef(() => LuTreeOptionItemComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "_contentChildDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }], viewQueries: [{ propertyName: "_valueVCR", first: true, predicate: ["value"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childrenVCR", first: true, predicate: ["children"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{display:block}.optionItem{position:relative}.optionItem-value{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-primary-50)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background-color:var(--palettes-grey-50)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition:all .1s;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-XS))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-grey-50)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal)}.optionItem-icons{display:none;position:absolute;top:var(--spacings-XS);right:var(--spacings-XS);opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:var(--spacings-XS);transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:var(--spacings-XXL)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:var(--spacings-M)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:var(--spacings-M)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:var(--spacings-M)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:var(--spacings-XL)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:2.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:var(--spacings-XXL)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:3.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:4.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:5.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:7rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:6.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:8rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "_contentChildDisplayer", first: true, predicate: ALuInputDisplayer, descendants: true, static: true }], viewQueries: [{ propertyName: "_valueVCR", first: true, predicate: ["value"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "_childrenVCR", first: true, predicate: ["children"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "element", first: true, predicate: ["element"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{display:block}.optionItem{position:relative}.optionItem-value{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-primary-50)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background-color:var(--palettes-grey-50)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition:all .1s;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-XS))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-grey-50)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal)}.optionItem-icons{display:none;position:absolute;top:var(--spacings-XS);right:var(--spacings-XS);opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:var(--spacings-XS);transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:4rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:var(--spacings-S)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:var(--spacings-S)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:var(--spacings-S)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 2 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 3 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 4 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 5 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 6 + 1.5rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition", "luTooltipWhenEllipsis"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImport: i0, type: LuTreeOptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-tree-option', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, LuTooltipTriggerDirective], providers: [
@@ -225,7 +225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.3", ngImpor
                             useExisting: forwardRef(() => LuTreeOptionItemComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{display:block}.optionItem{position:relative}.optionItem-value{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-primary-50)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background-color:var(--palettes-grey-50)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition:all .1s;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-XS))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-grey-50)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal)}.optionItem-icons{display:none;position:absolute;top:var(--spacings-XS);right:var(--spacings-XS);opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:var(--spacings-XS);transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:var(--spacings-XXL)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:var(--spacings-M)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:var(--spacings-M)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:var(--spacings-M)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:var(--spacings-XL)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:2.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:2.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:var(--spacings-XXL)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:3.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:3.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:4.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:4.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:5.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:5.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:7rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:6.5rem}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:6.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:8rem}\n"] }]
+                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div class=\"optionItem-value\" (click)=\"select()\" [class.is-selected]=\"selected\" [class.is-highlighted]=\"highlighted\">\r\n\t\t<ng-container #value></ng-container>\r\n\t</div>\r\n\t<div class=\"optionItem-icons\" *ngIf=\"hasChildren\">\r\n\t\t<span class=\"optionItem-icon parentOnly\" (click)=\"selectSelf()\" [luTooltip]=\"intl.parentOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t\t<span class=\"optionItem-icon childrenOnly\" (click)=\"selectChildren()\" [luTooltip]=\"intl.childrenOnly\">\r\n\t\t\t<svg class=\"optionItem-icon-shape\" viewBox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\">\r\n\t\t\t\t<path\r\n\t\t\t\t\td=\"M8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18ZM8 13C8.55 13 9 12.55 9 12C9 11.45 8.55 11 8 11C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM8 18C8.55 18 9 17.55 9 17C9 16.45 8.55 16 8 16C7.45 16 7 16.45 7 17C7 17.55 7.45 18 8 18ZM12 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H12C11.45 11 11 11.45 11 12C11 12.55 11.45 13 12 13ZM12 18H20C20.55 18 21 17.55 21 17C21 16.45 20.55 16 20 16H12C11.45 16 11 16.45 11 17C11 17.55 11.45 18 12 18Z\"\r\n\t\t\t\t/>\r\n\t\t\t\t<path\r\n\t\t\t\t\topacity=\"0.2\"\r\n\t\t\t\t\td=\"M4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7ZM4 8C4.55 8 5 7.55 5 7C5 6.45 4.55 6 4 6C3.45 6 3 6.45 3 7C3 7.55 3.45 8 4 8ZM7 7C7 7.55 7.45 8 8 8H20C20.55 8 21 7.55 21 7C21 6.45 20.55 6 20 6H8C7.45 6 7 6.45 7 7Z\"\r\n\t\t\t\t/>\r\n\t\t\t</svg>\r\n\t\t</span>\r\n\t</div>\r\n</div>\r\n\r\n<div #children class=\"children\">\r\n\t<ng-container #children></ng-container>\r\n</div>\r\n", styles: [":root{--components-options-item-padding-vertical: var(--spacings-XS);--components-options-item-padding-horizontal: var(--spacings-XS);--components-options-item-multiple-padding: var(--spacings-L);--components-options-item-icon-color: var(--palettes-grey-800);--components-options-checkbox-left: .5rem;--components-options-checkbox-size: 1rem;--components-options-checkbox-color: var(--palettes-primary-700);--components-options-checkbox-border-radius: var(--commons-borderRadius-M);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-M)}:host{display:block}.optionItem{position:relative}.optionItem-value{display:block;padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);transition:background-color 50ms;cursor:pointer}.optionItem-value.is-selected{background-color:var(--palettes-primary-50)}.optionItem-value:hover,.optionItem-value.is-highlighted,.optionItem-value.is-focus{background-color:var(--palettes-grey-50)}:host-context(.lu-select-value) .optionItem-value{padding:0;overflow:hidden;text-overflow:ellipsis}:host-context(.lu-select-value) .optionItem-value:hover,:host-context(.lu-select-value) .optionItem-value.is-focus,:host-context(.lu-select-value) .optionItem-value.is-highlighted{background-color:inherit}:host-context(.mod-multiple) .optionItem-value{position:relative;padding-left:var(--components-options-item-multiple-padding)}:host-context(.mod-multiple) .optionItem-value:after,:host-context(.mod-multiple) .optionItem-value:before{display:block;position:absolute;left:var(--components-options-checkbox-left);top:50%;transform:translateY(-50%)}:host-context(.mod-multiple) .optionItem-value:before{content:\"\";border-radius:var(--components-options-checkbox-border-radius);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-border-color);display:block;height:var(--components-options-checkbox-size);transition:all .1s;width:var(--components-options-checkbox-size)}:host-context(.mod-multiple) .optionItem-value:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:transparent;font-size:1rem;line-height:var(--components-options-checkbox-size);padding-top:.05rem;position:absolute;text-align:center;transform:translateY(-50%) scale(0);transition:all .1s;width:var(--components-options-checkbox-size)}@supports (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"/\"\"}}@supports not (content: \"*\"/\"\"){:host-context(.mod-multiple) .optionItem-value:after{content:\"\\e91a\"}}:host-context(.mod-multiple) .optionItem-value.is-selected:before{background-color:var(--components-options-checkbox-color);box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple) .optionItem-value.is-selected:after{color:var(--colors-white-color);transform:translateY(-50%) scale(1)}:host-context(.mod-multiple) .optionItem-value:hover:before{box-shadow:inset 0 0 0 2px var(--components-options-checkbox-color)}:host-context(.mod-multiple).establishmentOption .optionItem-value{position:relative;padding-left:calc(2 * var(--components-options-item-padding-horizontal) + var(--components-options-checkbox-size) + var(--spacings-XS))}:host-context(.mod-multiple).establishmentOption .optionItem-value:before,:host-context(.mod-multiple).establishmentOption .optionItem-value:after{left:calc(2 * var(--components-options-item-padding-horizontal))}.optionItem:hover .optionItem-value{background:var(--palettes-grey-50)}.optionItem:hover .optionItem-icons{opacity:1}.optionItem-value{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal)}.optionItem-icons{display:none;position:absolute;top:var(--spacings-XS);right:var(--spacings-XS);opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:var(--spacings-XS);transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon:hover{opacity:1}.optionItem-icon-shape{fill:var(--components-options-item-icon-color);width:1.4rem;height:1.4rem}:host-context(.lu-picker-panel){padding:0}:host-context(.lu-picker-panel) .optionItem-value:before{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:var(--spacings-XS);pointer-events:none}:host-context(.lu-picker-panel.mod-multiple) .optionItem-icons{display:block}:host-context(.lu-picker-panel.mod-multiple) .optionItem-value{padding-right:4rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value{padding-left:var(--spacings-S)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:var(--spacings-S)}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:var(--spacings-S)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 2)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 2 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 3)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 3 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 4)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 4 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 5)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 5 + 1.5rem)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:before{left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value:after{left:calc(var(--spacings-S) * 6)}:host-context(.lu-picker-panel.mod-multiple lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option lu-tree-option) .optionItem-value{padding-left:calc(var(--spacings-S) * 6 + 1.5rem)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { _valueVCR: [{
                 type: ViewChild,
                 args: ['value', { static: true, read: ViewContainerRef }]