@lucca-front/ng 10.0.0-rc.3 → 10.0.0-rc.4

package/fesm2015/lucca-front-ng-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-input.mjs","sources":["../../../packages/ng/input/src/lib/clearer/clearer.model.ts","../../../packages/ng/input/src/lib/clearer/clearer.component.ts","../../../packages/ng/input/src/lib/clearer/clearer.component.html","../../../packages/ng/input/src/lib/clearer/clearer.module.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.model.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.directive.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.module.ts","../../../packages/ng/input/src/lib/input.model.ts","../../../packages/ng/input/src/lib/input.directive.ts","../../../packages/ng/input/src/lib/input.module.ts","../../../packages/ng/input/src/public-api.ts","../../../packages/ng/input/src/lucca-front-ng-input.ts"],"sourcesContent":["import { Observable } from 'rxjs';\r\n\r\nexport interface ILuClearer<T> {\r\n\tonClear: Observable<T>;\r\n}\r\nexport abstract class ALuClearer<T> implements ILuClearer<T> {\r\n\tonClear: Observable<T>;\r\n}\r\n","import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Output } from '@angular/core';\r\nimport { ALuClearer, ILuClearer } from './clearer.model';\r\n\r\n@Component({\r\n\tselector: 'lu-input-clearer',\r\n\ttemplateUrl: './clearer.component.html',\r\n\tstyleUrls: ['./clearer.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\texportAs: 'luClearer',\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: ALuClearer,\r\n\t\t\tuseExisting: forwardRef(() => LuInputClearerComponent),\r\n\t\t},\r\n\t],\r\n})\r\nexport class LuInputClearerComponent<T> extends ALuClearer<T> implements ILuClearer<T> {\r\n\t// eslint-disable-next-line @angular-eslint/no-output-on-prefix\r\n\t@Output() override onClear = new EventEmitter<T>();\r\n\tonClick($event: Event) {\r\n\t\tthis.onClear.emit();\r\n\t\t$event.stopPropagation();\r\n\t}\r\n}\r\n","<a role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputClearerComponent } from './clearer.component';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n\timports: [CommonModule],\r\n\tdeclarations: [LuInputClearerComponent],\r\n\texports: [LuInputClearerComponent],\r\n})\r\nexport class LuInputClearerModule {}\r\n","import { ViewRef } from '@angular/core';\r\n\r\nexport interface ILuInputDisplayer<T> {\r\n\tmultiple: boolean;\r\n\tgetViewRef(value: T | T[]): ViewRef;\r\n}\r\nexport abstract class ALuInputDisplayer<T> implements ILuInputDisplayer<T> {\r\n\tmultiple = false;\r\n\tabstract getViewRef(value: T | T[]): ViewRef;\r\n}\r\n","import { Directive, forwardRef, Input, TemplateRef, ViewRef } from '@angular/core';\r\nimport { ALuInputDisplayer, ILuInputDisplayer } from './input-displayer.model';\r\n\r\n@Directive({\r\n\tselector: '[luDisplayer]',\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: ALuInputDisplayer,\r\n\t\t\tuseExisting: forwardRef(() => LuInputDisplayerDirective),\r\n\t\t\tmulti: true,\r\n\t\t},\r\n\t],\r\n})\r\nexport class LuInputDisplayerDirective<T> extends ALuInputDisplayer<T> implements ILuInputDisplayer<T> {\r\n\t@Input('luDisplayerMultiple') set argMultiple(m: boolean) {\r\n\t\tthis.multiple = !!m;\r\n\t}\r\n\t@Input('multiple') set inputMultiple(m: boolean | string) {\r\n\t\tif (m === '') {\r\n\t\t\t// allows to have multiple = true when writing\r\n\t\t\t// <ng-template luDisplayer multiple>\r\n\t\t\tthis.multiple = true;\r\n\t\t} else {\r\n\t\t\tthis.multiple = !!m;\r\n\t\t}\r\n\t}\r\n\tconstructor(protected template: TemplateRef<LuInputDisplayerContext<T>>) {\r\n\t\tsuper();\r\n\t}\r\n\tgetViewRef(value: T | T[]): ViewRef {\r\n\t\treturn this.template.createEmbeddedView({ $implicit: value });\r\n\t}\r\n}\r\n\r\nexport class LuInputDisplayerContext<T> {\r\n\tconstructor(public $implicit: T | T[]) {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputDisplayerDirective } from './input-displayer.directive';\r\n\r\n@NgModule({\r\n\timports: [],\r\n\tdeclarations: [LuInputDisplayerDirective],\r\n\texports: [LuInputDisplayerDirective],\r\n})\r\nexport class LuInputDisplayerModule {}\r\n","import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';\r\nimport { ControlValueAccessor } from '@angular/forms';\r\n\r\nexport type ILuInput = ControlValueAccessor;\r\n\r\nexport abstract class ALuInput<T, U extends HTMLElement = HTMLElement> implements ILuInput {\r\n\tprotected _placeholder: string;\r\n\tget placeholder() {\r\n\t\treturn this._placeholder;\r\n\t}\r\n\tprotected _value: T;\r\n\tconstructor(protected _changeDetectorRef: ChangeDetectorRef, protected _elementRef: ElementRef<U>, protected _renderer: Renderer2) {}\r\n\tsetValue(value: T) {\r\n\t\tthis.value = value;\r\n\t\tthis._cvaOnChange(value);\r\n\t\tthis._onTouched();\r\n\t}\r\n\tget value(): T {\r\n\t\treturn this._value;\r\n\t}\r\n\tset value(value: T) {\r\n\t\tthis._value = value;\r\n\t\tthis.render();\r\n\t\tthis.applyClasses();\r\n\t\tthis._changeDetectorRef.markForCheck();\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\twriteValue(value: T) {\r\n\t\tthis.value = value;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _cvaOnChange: (value: T) => void = () => {\r\n\t\treturn;\r\n\t};\r\n\tregisterOnChange(fn: (value: T) => void) {\r\n\t\tthis._cvaOnChange = fn;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _onTouched: () => void = () => {\r\n\t\treturn;\r\n\t};\r\n\tregisterOnTouched(fn: () => void) {\r\n\t\tthis._onTouched = fn;\r\n\t}\r\n\tprotected isEmpty() {\r\n\t\treturn this.value === null || this.value === undefined;\r\n\t}\r\n\tprotected applyClasses() {\r\n\t\tif (this.isEmpty()) {\r\n\t\t\tthis._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t} else {\r\n\t\t\tthis._renderer.addClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t}\r\n\t}\r\n\r\n\tprotected abstract render(): void;\r\n}\r\n","import { Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n/**\r\n * adds class is-filled when model is empty\r\n */\r\n@Directive({\r\n\tselector: '[luInput]',\r\n})\r\nexport class LuInputDirective implements OnInit {\r\n\tconstructor(protected _elementRef: ElementRef, protected _renderer: Renderer2, protected _ngControl: NgControl) {}\r\n\tprotected isEmpty(value) {\r\n\t\tif (typeof value === 'string') {\r\n\t\t\treturn value === '';\r\n\t\t}\r\n\t\treturn value === null || value === undefined;\r\n\t}\r\n\tprotected applyClasses(value) {\r\n\t\tif (this.isEmpty(value)) {\r\n\t\t\tthis._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t} else {\r\n\t\t\tthis._renderer.addClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t}\r\n\t}\r\n\tngOnInit() {\r\n\t\tthis._ngControl.valueChanges.subscribe((v) => this.applyClasses(v));\r\n\t\tconst val: unknown = this._ngControl.value;\r\n\t\tthis.applyClasses(val);\r\n\t}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputDisplayerModule } from './displayer/index';\r\nimport { LuInputDirective } from './input.directive';\r\nimport { LuInputClearerModule } from './clearer/index';\r\n\r\n@NgModule({\r\n\tdeclarations: [LuInputDirective],\r\n\timports: [LuInputDisplayerModule, LuInputClearerModule],\r\n\texports: [LuInputDisplayerModule, LuInputClearerModule, LuInputDirective],\r\n})\r\nexport class LuInputModule {}\r\n","/*\r\n * Public API Surface of input\r\n */\r\n\r\nexport * from './index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-input.mjs","sources":["../../../packages/ng/input/src/lib/clearer/clearer.model.ts","../../../packages/ng/input/src/lib/clearer/clearer.component.ts","../../../packages/ng/input/src/lib/clearer/clearer.component.html","../../../packages/ng/input/src/lib/clearer/clearer.module.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.model.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.directive.ts","../../../packages/ng/input/src/lib/displayer/input-displayer.module.ts","../../../packages/ng/input/src/lib/input.model.ts","../../../packages/ng/input/src/lib/input.directive.ts","../../../packages/ng/input/src/lib/input.module.ts","../../../packages/ng/input/src/public-api.ts","../../../packages/ng/input/src/lucca-front-ng-input.ts"],"sourcesContent":["import { Observable } from 'rxjs';\r\n\r\nexport interface ILuClearer<T> {\r\n\tonClear: Observable<T>;\r\n}\r\nexport abstract class ALuClearer<T> implements ILuClearer<T> {\r\n\tonClear: Observable<T>;\r\n}\r\n","import { ChangeDetectionStrategy, Component, EventEmitter, forwardRef, Output } from '@angular/core';\r\nimport { ALuClearer, ILuClearer } from './clearer.model';\r\n\r\n@Component({\r\n\tselector: 'lu-input-clearer',\r\n\ttemplateUrl: './clearer.component.html',\r\n\tstyleUrls: ['./clearer.component.scss'],\r\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\r\n\texportAs: 'luClearer',\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: ALuClearer,\r\n\t\t\tuseExisting: forwardRef(() => LuInputClearerComponent),\r\n\t\t},\r\n\t],\r\n})\r\nexport class LuInputClearerComponent<T> extends ALuClearer<T> implements ILuClearer<T> {\r\n\t// eslint-disable-next-line @angular-eslint/no-output-on-prefix\r\n\t@Output() override onClear = new EventEmitter<T>();\r\n\tonClick($event: Event) {\r\n\t\tthis.onClear.emit();\r\n\t\t$event.stopPropagation();\r\n\t}\r\n}\r\n","<a href=\"#\" role=\"button\" class=\"actionIcon\" (click)=\"onClick($event)\">\r\n\t<span aria-hidden=\"true\" class=\"lucca-icon\">thin_cross</span>\r\n\t<span class=\"u-mask\">Clear</span>\r\n</a>\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputClearerComponent } from './clearer.component';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@NgModule({\r\n\timports: [CommonModule],\r\n\tdeclarations: [LuInputClearerComponent],\r\n\texports: [LuInputClearerComponent],\r\n})\r\nexport class LuInputClearerModule {}\r\n","import { ViewRef } from '@angular/core';\r\n\r\nexport interface ILuInputDisplayer<T> {\r\n\tmultiple: boolean;\r\n\tgetViewRef(value: T | T[]): ViewRef;\r\n}\r\nexport abstract class ALuInputDisplayer<T> implements ILuInputDisplayer<T> {\r\n\tmultiple = false;\r\n\tabstract getViewRef(value: T | T[]): ViewRef;\r\n}\r\n","import { Directive, forwardRef, Input, TemplateRef, ViewRef } from '@angular/core';\r\nimport { ALuInputDisplayer, ILuInputDisplayer } from './input-displayer.model';\r\n\r\n@Directive({\r\n\tselector: '[luDisplayer]',\r\n\tproviders: [\r\n\t\t{\r\n\t\t\tprovide: ALuInputDisplayer,\r\n\t\t\tuseExisting: forwardRef(() => LuInputDisplayerDirective),\r\n\t\t\tmulti: true,\r\n\t\t},\r\n\t],\r\n})\r\nexport class LuInputDisplayerDirective<T> extends ALuInputDisplayer<T> implements ILuInputDisplayer<T> {\r\n\t@Input('luDisplayerMultiple') set argMultiple(m: boolean) {\r\n\t\tthis.multiple = !!m;\r\n\t}\r\n\t@Input('multiple') set inputMultiple(m: boolean | string) {\r\n\t\tif (m === '') {\r\n\t\t\t// allows to have multiple = true when writing\r\n\t\t\t// <ng-template luDisplayer multiple>\r\n\t\t\tthis.multiple = true;\r\n\t\t} else {\r\n\t\t\tthis.multiple = !!m;\r\n\t\t}\r\n\t}\r\n\tconstructor(protected template: TemplateRef<LuInputDisplayerContext<T>>) {\r\n\t\tsuper();\r\n\t}\r\n\tgetViewRef(value: T | T[]): ViewRef {\r\n\t\treturn this.template.createEmbeddedView({ $implicit: value });\r\n\t}\r\n}\r\n\r\nexport class LuInputDisplayerContext<T> {\r\n\tconstructor(public $implicit: T | T[]) {}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputDisplayerDirective } from './input-displayer.directive';\r\n\r\n@NgModule({\r\n\timports: [],\r\n\tdeclarations: [LuInputDisplayerDirective],\r\n\texports: [LuInputDisplayerDirective],\r\n})\r\nexport class LuInputDisplayerModule {}\r\n","import { ChangeDetectorRef, ElementRef, Renderer2 } from '@angular/core';\r\nimport { ControlValueAccessor } from '@angular/forms';\r\n\r\nexport type ILuInput = ControlValueAccessor;\r\n\r\nexport abstract class ALuInput<T, U extends HTMLElement = HTMLElement> implements ILuInput {\r\n\tprotected _placeholder: string;\r\n\tget placeholder() {\r\n\t\treturn this._placeholder;\r\n\t}\r\n\tprotected _value: T;\r\n\tconstructor(protected _changeDetectorRef: ChangeDetectorRef, protected _elementRef: ElementRef<U>, protected _renderer: Renderer2) {}\r\n\tsetValue(value: T) {\r\n\t\tthis.value = value;\r\n\t\tthis._cvaOnChange(value);\r\n\t\tthis._onTouched();\r\n\t}\r\n\tget value(): T {\r\n\t\treturn this._value;\r\n\t}\r\n\tset value(value: T) {\r\n\t\tthis._value = value;\r\n\t\tthis.render();\r\n\t\tthis.applyClasses();\r\n\t\tthis._changeDetectorRef.markForCheck();\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\twriteValue(value: T) {\r\n\t\tthis.value = value;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _cvaOnChange: (value: T) => void = () => {\r\n\t\treturn;\r\n\t};\r\n\tregisterOnChange(fn: (value: T) => void) {\r\n\t\tthis._cvaOnChange = fn;\r\n\t}\r\n\t// From ControlValueAccessor interface\r\n\tprotected _onTouched: () => void = () => {\r\n\t\treturn;\r\n\t};\r\n\tregisterOnTouched(fn: () => void) {\r\n\t\tthis._onTouched = fn;\r\n\t}\r\n\tprotected isEmpty() {\r\n\t\treturn this.value === null || this.value === undefined;\r\n\t}\r\n\tprotected applyClasses() {\r\n\t\tif (this.isEmpty()) {\r\n\t\t\tthis._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t} else {\r\n\t\t\tthis._renderer.addClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t}\r\n\t}\r\n\r\n\tprotected abstract render(): void;\r\n}\r\n","import { Directive, ElementRef, OnInit, Renderer2 } from '@angular/core';\r\nimport { NgControl } from '@angular/forms';\r\n\r\n/**\r\n * adds class is-filled when model is empty\r\n */\r\n@Directive({\r\n\tselector: '[luInput]',\r\n})\r\nexport class LuInputDirective implements OnInit {\r\n\tconstructor(protected _elementRef: ElementRef, protected _renderer: Renderer2, protected _ngControl: NgControl) {}\r\n\tprotected isEmpty(value) {\r\n\t\tif (typeof value === 'string') {\r\n\t\t\treturn value === '';\r\n\t\t}\r\n\t\treturn value === null || value === undefined;\r\n\t}\r\n\tprotected applyClasses(value) {\r\n\t\tif (this.isEmpty(value)) {\r\n\t\t\tthis._renderer.removeClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t} else {\r\n\t\t\tthis._renderer.addClass(this._elementRef.nativeElement, 'is-filled');\r\n\t\t}\r\n\t}\r\n\tngOnInit() {\r\n\t\tthis._ngControl.valueChanges.subscribe((v) => this.applyClasses(v));\r\n\t\tconst val: unknown = this._ngControl.value;\r\n\t\tthis.applyClasses(val);\r\n\t}\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { LuInputDisplayerModule } from './displayer/index';\r\nimport { LuInputDirective } from './input.directive';\r\nimport { LuInputClearerModule } from './clearer/index';\r\n\r\n@NgModule({\r\n\tdeclarations: [LuInputDirective],\r\n\timports: [LuInputDisplayerModule, LuInputClearerModule],\r\n\texports: [LuInputDisplayerModule, LuInputClearerModule, LuInputDirective],\r\n})\r\nexport class LuInputModule {}\r\n","/*\r\n * Public API Surface of input\r\n */\r\n\r\nexport * from './index';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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

@@ -68,7 +68,7 @@ LuOptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => LuOptionItemComponent),
             multi: true,
         },
-    ], viewQueries: [{ 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\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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{content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:#fff;font-size:.8rem;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)}: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{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-smaller))}: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))}.is-disabled{color:var(--palettes-grey-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-grey-100)}.is-disabled:hover{background-color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], viewQueries: [{ 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\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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:#fff;font-size:.8rem;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{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-smaller))}: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))}.is-disabled{color:var(--palettes-grey-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-grey-100)}.is-disabled:hover{background-color:inherit}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuOptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-option', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -77,7 +77,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuOptionItemComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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{content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:#fff;font-size:.8rem;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)}: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{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-smaller))}: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))}.is-disabled{color:var(--palettes-grey-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-grey-100)}.is-disabled:hover{background-color:inherit}\n"] }]
+                    ], template: "<div class=\"optionItem\" #element>\r\n\t<div\r\n\t\tclass=\"optionItem-value\"\r\n\t\t(click)=\"select()\"\r\n\t\t[class.is-selected]=\"selected\"\r\n\t\t[class.is-highlighted]=\"highlighted\"\r\n\t\t[class.is-disabled]=\"disabled\"\r\n\t>\r\n\t\t<ng-content></ng-content>\r\n\t</div>\r\n</div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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:#fff;font-size:.8rem;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{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-smaller))}: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))}.is-disabled{color:var(--palettes-grey-500);-webkit-user-select:none;user-select:none;cursor:default}.is-disabled.is-selected{background-color:var(--palettes-grey-100)}.is-disabled:hover{background-color:inherit}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { selected: [{
                 type: Input
             }], highlighted: [{
@@ -225,7 +225,7 @@ LuTreeOptionItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.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-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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{content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:#fff;font-size:.8rem;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)}: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{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-smaller))}: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:.5rem;right:.5rem;opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;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:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;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:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}: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:4rem}: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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition"], 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-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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:#fff;font-size:.8rem;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{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-smaller))}: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:.5rem;right:.5rem;opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;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:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;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:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}: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:4rem}: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"], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipPosition"], outputs: ["luTooltipOnOpen", "luTooltipOnClose"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuTreeOptionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-tree-option', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -234,7 +234,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", 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-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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{content:\"\\e91a\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:#fff;font-size:.8rem;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)}: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{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-smaller))}: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:.5rem;right:.5rem;opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;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:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;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:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}: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:4rem}: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-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}: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:#fff;font-size:.8rem;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{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-smaller))}: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:.5rem;right:.5rem;opacity:0;transition:all var(--commons-animations-durations-fast) ease}.optionItem-icon{cursor:pointer;opacity:.66;margin-left:.5rem;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:.5rem;pointer-events:none}:host-context(.lu-picker-panel) .optionItem-value:after{top:1.3rem;left:.5rem;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:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:before{left:1.5rem}:host-context(.lu-picker-panel lu-tree-option) .optionItem-value:after{left:1.5rem}:host-context(.lu-picker-panel.mod-multiple lu-tree-option) .optionItem-value{padding-left:3rem}: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:4rem}: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"] }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Inject,

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

@@ -64,7 +64,7 @@ LuQualificationSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersi
             useExisting: forwardRef(() => LuQualificationSelectInputComponent),
             multi: true,
         },
-    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.optionItem-groupKey{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForGroupsDirective, selector: "[luForGroups]", inputs: ["luForGroupsGroupBy"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.optionItem-groupKey{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"], components: [{ type: i2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: i4.LuApiPagedSearcherComponent, selector: "lu-api-paged-searcher", inputs: ["standard", "api", "fields", "filters", "orderBy", "sort", "debounceTime"] }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.LuForGroupsDirective, selector: "[luForGroups]", inputs: ["luForGroupsGroupBy"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuQualificationSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-qualification-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -73,7 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuQualificationSelectInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.optionItem-groupKey{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"] }]
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.qualifications }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ (values[0] || values).name }}</ng-template>\r\n</ng-template>\r\n\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<lu-api-paged-searcher\r\n\t\tapi=\"/organization/structure/api/job-qualifications\"\r\n\t\tstandard=\"v4\"\r\n\t\t[filters]=\"filters\"\r\n\t\tsort=\"job.name,level.position\"\r\n\t></lu-api-paged-searcher>\r\n\t<ng-template luForGroups let-group [luForGroupsGroupBy]=\"groupByJobName\">\r\n\t\t<h4 class=\"optionItem-groupKey\">{{ group.key }}</h4>\r\n\t\t<lu-option *ngFor=\"let qualification of group.items; trackBy: trackById\" [value]=\"qualification\"> {{ qualification.name }} </lu-option>\r\n\t</ng-template>\r\n</lu-option-picker-advanced>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}.optionItem-groupKey{padding:var(--components-options-item-padding-vertical) var(--components-options-item-padding-horizontal);margin:0;border-top:var(--commons-divider-width) solid var(--commons-divider-color);font-size:var(--sizes-small-font-size);width:100%;text-align:left;text-decoration:underline}.optionItem-groupKey:first-of-type{border-top-color:transparent;margin-top:0}\n"] }]
         }], ctorParameters: function () {
         return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
                         type: Inject,

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

@@ -405,7 +405,7 @@ LuSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
             useExisting: forwardRef(() => LuSelectInputComponent),
             multi: true,
         },
-    ], queries: [{ propertyName: "clearerEltRef", first: true, predicate: ALuClearer, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "suffixEltRef", first: true, predicate: ["suffix"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div #suffix class=\"lu-select-suffix\"></div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "clearerEltRef", first: true, predicate: ALuClearer, descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "suffixEltRef", first: true, predicate: ["suffix"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div #suffix class=\"lu-select-suffix\"></div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuSelectInputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lu-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
@@ -414,7 +414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImpor
                             useExisting: forwardRef(() => LuSelectInputComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div #suffix class=\"lu-select-suffix\"></div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}\n"] }]
+                    ], template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div #suffix class=\"lu-select-suffix\"></div>\r\n", styles: [":root{--components-user-picture-sizes-smallest-font-size: .5em;--components-user-picture-sizes-smallest-image-size: 2.5em;--components-user-picture-sizes-smaller-font-size: .65em;--components-user-picture-sizes-smaller-image-size: 2.5em;--components-user-picture-sizes-small-font-size: .8em;--components-user-picture-sizes-small-image-size: 2.5em;--components-user-picture-sizes-standard-font-size: 1em;--components-user-picture-sizes-standard-image-size: 2.5em;--components-user-picture-sizes-large-font-size: 1.35em;--components-user-picture-sizes-large-image-size: 2.5em;--components-user-picture-sizes-larger-font-size: 1.8em;--components-user-picture-sizes-larger-image-size: 2.5em;--components-user-picture-sizes-largest-font-size: 3em;--components-user-picture-sizes-largest-image-size: 2.5em}:root{--components-options-item-padding-vertical: .5rem;--components-options-item-padding-horizontal: .5rem;--components-options-item-multiple-padding: 2rem;--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-border-radius);--components-options-checkbox-border-color: var(--palettes-grey-700);--components-options-establishment-multiple-padding: var(--spacings-standard)}:host{--components-select-default-palette-50: var(--palettes-primary-50);--components-select-default-palette-100: var(--palettes-primary-100);--components-select-default-palette-200: var(--palettes-primary-200);--components-select-default-palette-300: var(--palettes-primary-300);--components-select-default-palette-400: var(--palettes-primary-400);--components-select-default-palette-500: var(--palettes-primary-500);--components-select-default-palette-600: var(--palettes-primary-600);--components-select-default-palette-700: var(--palettes-primary-700);--components-select-default-palette-800: var(--palettes-primary-800);--components-select-default-palette-900: var(--palettes-primary-900);--components-select-chip-background: var(--palettes-primary-700);--components-select-chip-text: var(--colors-white-color);--components-select-input-padding-horizontal: var(--spacings-smaller);--components-select-input-padding-vertical: var(--spacings-smaller);--components-select-framed-color: var(--palettes-grey-500);--components-select-framed-color50: var(--palettes-grey-50);--components-select-framed-see-through: var(--palettes-grey-50);--components-select-framed-text: var(--palettes-grey-800);--components-select-framed-placeholder: #cccccc;--components-select-framed-side-padding: var(--spacings-small);--components-select-framed-top-padding: var(--spacings-big);--components-select-framed-bottom-padding: var(--spacings-small);--components-select-framed-label-top-offset: var(--spacings-smaller);cursor:pointer;outline:none;padding:0}:host:after{display:inline-block;vertical-align:text-bottom;font-style:normal;font-family:Lucca icons;color:var(--palettes-700, var(--components-select-default-palette-700));bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:var(--components-select-input-padding-horizontal)}@supports (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"/\"\"}}@supports not (content: \"*\"/\"\"){:host:after{content:\"\\e97c\"}}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);display:none}.lu-select-placeholder{color:var(--palettes-400, var(--components-select-default-palette-400));line-height:var(--sizes-standard-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all var(--commons-animations-durations-standard);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background-color:var(--components-select-chip-background);color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:var(--sizes-standard-line-height);line-height:var(--sizes-standard-line-height);padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:var(--sizes-small-font-size);line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background-color:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:var(--sizes-small-line-height);line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:var(--palettes-grey-500);bottom:var(--components-select-framed-bottom-padding);right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:var(--palettes-grey-800)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:var(--palettes-grey-500);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:var(--palettes-error-700)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:var(--commons-disabled-placeholder)}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.Overlay }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }]; }, propDecorators: { modMultipleView: [{
                 type: HostBinding,
                 args: ['class.mod-multipleView']