@lucca-front/ng 21.1.0-rc.1 → 21.1.0-rc.2

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

@@ -1 +1 @@
-{"version":3,"file":"lucca-front-ng-modal.mjs","sources":["../../../packages/ng/modal/modal-config.default.ts","../../../packages/ng/modal/modal-config.model.ts","../../../packages/ng/modal/translations.ts","../../../packages/ng/modal/modal.translate.ts","../../../packages/ng/modal/modal-ref.model.ts","../../../packages/ng/modal/modal-panel.component.ts","../../../packages/ng/modal/modal-panel.component.html","../../../packages/ng/modal/modal.token.ts","../../../packages/ng/modal/modal.utils.ts","../../../packages/ng/modal/modal-ref.factory.ts","../../../packages/ng/modal/dialog-adapter/dialog-ref-adapter.ts","../../../packages/ng/modal/dialog-adapter/dialog-content-adapter/dialog-content-adapter.component.ts","../../../packages/ng/modal/dialog-adapter/dialog-content-adapter/dialog-content-adapter.component.html","../../../packages/ng/modal/modal.service.ts","../../../packages/ng/modal/modal.module.ts","../../../packages/ng/modal/lucca-front-ng-modal.ts"],"sourcesContent":["import { ChangeDetectionStrategy } from '@angular/core';\nimport { LuModalConfig } from './modal-config.model';\n\nexport const luDefaultModalConfig: LuModalConfig = {\n\tmode: 'modal',\n\tposition: 'center',\n\tnoBackdrop: false,\n\tundismissable: false,\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\n\tpanelClass: 'lu-popup-panel',\n\tsize: 'M',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n};\n\nexport const luDefaultSidepanelConfig: LuModalConfig = {\n\t...luDefaultModalConfig,\n\tmode: 'sidepanel',\n\tposition: 'right',\n};\n","import { ChangeDetectionStrategy } from '@angular/core';\nimport { ILuPopupConfig } from '@lucca-front/ng/popup';\n\nexport type LuModalMode = 'modal' | 'sidepanel';\n\nexport interface LuModalClasses {\n\tpanel: string;\n\tpanelContainer: string;\n\tpanelInner: string;\n\toverlayPane?: string;\n}\n\nexport const luModalClasses: Record<LuModalMode, LuModalClasses> = {\n\tmodal: { panel: 'lu-modal-panel', panelInner: 'lu-modal-panel-inner', panelContainer: 'lu-modal-container' },\n\tsidepanel: { panel: 'lu-sidepanel-panel', panelInner: 'lu-sidepanel-panel-inner', overlayPane: 'mod-sidepanel', panelContainer: 'lu-sidepanel-container' },\n};\n\ntype LuModalModeWithPosition = { mode?: 'modal'; position: undefined | 'center' } | { mode: 'sidepanel'; position: 'left' | 'right' };\n\nexport type LuModalConfig = ILuPopupConfig &\n\tLuModalModeWithPosition & {\n\t\tchangeDetection: ChangeDetectionStrategy;\n\t};\n","export const Translations = {\n\t'nl-BE': {\n\t\tsubmit: 'Oké',\n\t\tcancel: 'Annuleren',\n\t\tclose: 'Sluiten',\n\t},\n\tnl: {\n\t\tsubmit: 'Oké',\n\t\tcancel: 'Annuleren',\n\t\tclose: 'Sluiten',\n\t},\n\tit: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Annullare',\n\t\tclose: 'Chiudere',\n\t},\n\tfr: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Annuler',\n\t\tclose: 'Fermer',\n\t},\n\tpt: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Cancelar',\n\t\tclose: 'Fechar',\n\t},\n\tes: {\n\t\tsubmit: 'Aceptar',\n\t\tcancel: 'Cancelar',\n\t\tclose: 'Cerrar',\n\t},\n\tde: {\n\t\tsubmit: 'OK',\n\t\tcancel: 'Abbrechen',\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Cancel',\n\t\tclose: 'Close',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations', {\n\tfactory: () => luModalTranslations,\n});\n\nexport interface ILuModalLabel {\n\tsubmit: string;\n\tcancel: string;\n\tclose: string;\n}\n\nexport const luModalTranslations: LuTranslation<ILuModalLabel> = Translations;\n","import { ComponentType } from '@angular/cdk/portal';\nimport { ALuPopupRef, ILuPopupRef } from '@lucca-front/ng/popup';\nimport { LuModalClasses, luModalClasses, LuModalConfig, LuModalMode } from './modal-config.model';\nimport { ILuModalContent, LuModalContentResult } from './modal.model';\n\nexport interface ILuModalRef<D = unknown, R = unknown> extends ILuPopupRef<D, R> {\n\tmode: LuModalMode;\n\tmodalClasses: LuModalClasses;\n}\n\nexport interface IModalRefFactory {\n\tforge<T extends ILuModalContent, C extends LuModalConfig, D>(component: ComponentType<T>, config: C): ILuModalRef<D, LuModalContentResult<T>>;\n}\n\nexport abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig>\n\textends ALuPopupRef<T, D, R, C>\n\timplements ILuModalRef<D, R>\n{\n\tpublic get mode(): LuModalMode {\n\t\treturn this._config.mode || 'modal';\n\t}\n\n\tpublic get modalClasses(): LuModalClasses {\n\t\treturn luModalClasses[this.mode];\n\t}\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, DoCheck, ElementRef, Injector, OnDestroy, Renderer2, Type, ViewChild, ViewContainerRef } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { Observable, ReplaySubject, Subject, Subscription, isObservable, of, timer } from 'rxjs';\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\nimport { LuModalClasses } from './modal-config.model';\nimport { ALuModalRef } from './modal-ref.model';\nimport { ILuModalContent } from './modal.model';\nimport { LU_MODAL_TRANSLATIONS } from './modal.translate';\n\nlet modalId = 0;\n\n@Directive()\nexport abstract class ALuModalPanelComponent<T extends ILuModalContent> implements OnDestroy, DoCheck {\n\t@ViewChild('container', { read: ViewContainerRef, static: true })\n\tprotected _containerRef: ViewContainerRef;\n\tprotected _componentInstance: ILuModalContent;\n\tprotected doCheck$ = new ReplaySubject<void>(1);\n\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\n\tprotected title$ = this.listenComponentValue(() => this._componentInstance.title);\n\tprotected submitLabel$ = this.listenComponentValue(() => this._componentInstance.submitLabel || this.intl.submit);\n\tprotected cancelLabel$ = this.listenComponentValue(() => this._componentInstance.cancelLabel || this.intl.cancel);\n\tprotected submitCounter$ = this.listenComponentValue(() => this._componentInstance.submitCounter);\n\tprotected submitDisabled$ = this.listenComponentValue(() => this._componentInstance.submitDisabled);\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\n\n\tprotected closeLabel = this.intl.close;\n\n\tget isSubmitHidden() {\n\t\treturn !this._componentInstance.submitAction;\n\t}\n\tget submitPalette() {\n\t\treturn this._componentInstance.submitPalette || 'product';\n\t}\n\n\tsubmitClass$ = new Subject();\n\terror$ = new Subject();\n\n\tpublic readonly modalId = modalId++;\n\n\tprivate _subs = new Subscription();\n\tpublic modalClasses: LuModalClasses;\n\n\tconstructor(\n\t\tprotected _ref: ALuModalRef<T>,\n\t\t_elementRef: ElementRef<HTMLElement>,\n\t\t_renderer: Renderer2,\n\t) {\n\t\tthis.modalClasses = _ref.modalClasses;\n\t\t_renderer.addClass(_elementRef.nativeElement, this.modalClasses.panel);\n\t}\n\tngDoCheck(): void {\n\t\tthis.doCheck$.next();\n\t}\n\tattachInnerComponent(componentType: Type<T>, injector: Injector) {\n\t\tconst ref = this._containerRef.createComponent(componentType, { injector });\n\t\tthis._componentInstance = ref.instance;\n\t\treturn ref;\n\t}\n\tngOnDestroy() {\n\t\tthis.doCheck$.complete();\n\t\tthis._subs.unsubscribe();\n\t}\n\tdismiss() {\n\t\tthis._ref.dismiss();\n\t}\n\tsubmit() {\n\t\tthis.error$.next(undefined);\n\t\tthis.submitClass$.next('is-loading');\n\t\tconst result$ = this._componentInstance.submitAction();\n\t\tif (result$ instanceof Observable) {\n\t\t\tthis._subs.add(\n\t\t\t\tresult$\n\t\t\t\t\t.pipe(\n\t\t\t\t\t\ttap((_) => this.submitClass$.next('is-success')),\n\t\t\t\t\t\tdelay(500),\n\t\t\t\t\t)\n\t\t\t\t\t.subscribe({\n\t\t\t\t\t\tnext: (result) => this._ref.close(result),\n\t\t\t\t\t\terror: (err) => {\n\t\t\t\t\t\t\tthis.submitClass$.next('is-error');\n\t\t\t\t\t\t\tthis.error$.next(err);\n\t\t\t\t\t\t\ttimer(2000).subscribe((_) => {\n\t\t\t\t\t\t\t\tthis.submitClass$.next('');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcomplete: () => {\n\t\t\t\t\t\t\tthis.submitClass$.next('');\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tthis._ref.close(result$);\n\t\t}\n\t}\n\n\tprivate listenComponentValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\n\t\treturn this.doCheck$.pipe(\n\t\t\tmap(selector),\n\t\t\tdistinctUntilChanged(),\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\n\t\t);\n\t}\n}\n\nconst panelImports = [A11yModule, AsyncPipe, LuTooltipModule, NgClass];\n\n@Component({\n\tselector: 'lu-modal-panel',\n\timports: panelImports,\n\ttemplateUrl: './modal-panel.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: { class: 'lu-modal-panel' },\n})\nexport class LuModalPanelComponent<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\n\t\tsuper(_ref, _elementRef, _renderer);\n\t}\n}\n@Component({\n\tselector: 'lu-modal-panel-default',\n\timports: panelImports,\n\ttemplateUrl: './modal-panel.component.html',\n\t// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n\tchangeDetection: ChangeDetectionStrategy.Default,\n\thost: { class: 'lu-modal-panel' },\n})\nexport class LuModalPanelComponentDefaultCD<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\n\t\tsuper(_ref, _elementRef, _renderer);\n\t}\n}\n","<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n","import { InjectionToken } from '@angular/core';\nimport { luDefaultModalConfig } from './modal-config.default';\nimport { LuModalConfig } from './modal-config.model';\nimport { IModalRefFactory } from './modal-ref.model';\n\n/** Injection token that can be used to access the data that was passed in to a dialog. */\nexport const LU_MODAL_DATA = new InjectionToken<unknown>('LuModalData');\nexport const LU_MODAL_CONFIG = new InjectionToken<LuModalConfig>('LuModalDefaultConfig', {\n\tfactory: () => luDefaultModalConfig,\n});\nexport const LU_MODAL_REF_FACTORY = new InjectionToken<IModalRefFactory>('LuModalRefFactory');\n","import { ApplicationRef } from '@angular/core';\n\nexport function setAriaHiddenOnApplicationRoot(applicationRef: ApplicationRef, hidden: boolean): void {\n\tfor (const component of applicationRef.components) {\n\t\tconst nativeElement = component.location.nativeElement as unknown;\n\n\t\tif (nativeElement instanceof HTMLElement) {\n\t\t\tnativeElement.ariaHidden = hidden ? 'true' : undefined;\n\t\t}\n\t}\n}\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ApplicationRef, ChangeDetectionStrategy, ComponentRef, inject, Injectable, Injector } from '@angular/core';\nimport { ILuPopupRefFactory } from '@lucca-front/ng/popup';\nimport { LuModalConfig } from './modal-config.model';\nimport { ALuModalPanelComponent, LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\nimport { ALuModalRef, ILuModalRef } from './modal-ref.model';\nimport { ILuModalContent } from './modal.model';\nimport { LU_MODAL_DATA } from './modal.token';\nimport { setAriaHiddenOnApplicationRoot } from './modal.utils';\n\nclass LuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig> extends ALuModalRef<T, D, R, C> implements ILuModalRef<D, R> {\n\tprotected _containerRef: ComponentRef<ALuModalPanelComponent<T>>;\n\tconstructor(\n\t\tprotected override _overlay: Overlay,\n\t\tprotected override _injector: Injector,\n\t\tprotected override _component: ComponentType<T>,\n\t\tprotected override _config: C,\n\t\tprotected _applicationRef: ApplicationRef,\n\t) {\n\t\tsuper(_overlay, _injector, _component, _config);\n\t}\n\tprotected override _openPopup(data?: D) {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: data },\n\t\t\t],\n\t\t\tparent: this._injector,\n\t\t});\n\n\t\tconst containerPortal = new ComponentPortal<ALuModalPanelComponent<T>>(\n\t\t\tthis._config.changeDetection === ChangeDetectionStrategy.OnPush ? LuModalPanelComponent : LuModalPanelComponentDefaultCD,\n\t\t\tundefined,\n\t\t\tinjector,\n\t\t);\n\t\tthis._containerRef = this._overlayRef.attach<ALuModalPanelComponent<T>>(containerPortal);\n\t\tconst panel = this._containerRef.instance;\n\t\tthis._componentRef = panel.attachInnerComponent(this._component, injector);\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, true);\n\t}\n\tprotected override _closePopup() {\n\t\tthis._componentRef.destroy();\n\t\tthis._containerRef.destroy();\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, false);\n\t}\n\n\tprotected override _getOverlayPanelClasses(): string[] {\n\t\tconst classes = super._getOverlayPanelClasses();\n\n\t\tif (this.modalClasses.overlayPane) {\n\t\t\tclasses.push(this.modalClasses.overlayPane);\n\t\t}\n\n\t\treturn classes;\n\t}\n}\n\n@Injectable()\nexport class LuModalRefFactory implements ILuPopupRefFactory<ILuModalContent, LuModalConfig> {\n\tprotected _applicationRef = inject(ApplicationRef);\n\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t) {}\n\tforge<T extends ILuModalContent, C extends LuModalConfig, D, R>(component: ComponentType<T>, config: C) {\n\t\treturn new LuModalRef<T, D, R>(this._overlay, this._injector, component, config, this._applicationRef);\n\t}\n}\n","import { Observable, of } from 'rxjs';\nimport { LuModalClasses, LuModalMode } from '../modal-config.model';\nimport { ILuModalRef } from '../modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from '../modal.model';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { map } from 'rxjs/operators';\nimport { DialogContentAdapterComponent } from './dialog-content-adapter/dialog-content-adapter.component';\n\nexport class DialogRefAdapter<D, T extends ILuModalContent> implements ILuModalRef<D, LuModalContentResult<T>> {\n\tmode: LuModalMode;\n\tmodalClasses: LuModalClasses;\n\n\tonOpen: Observable<D> = of(this.dialogRef.instance.dialogData.data);\n\tonClose: Observable<LuModalContentResult<T>> = this.dialogRef.result$ as Observable<LuModalContentResult<T>>;\n\tonDismiss: Observable<void> = this.dialogRef.dismissed$;\n\tonBackdropClick: Observable<void> = this.dialogRef.cdkRef.backdropClick.pipe(map(() => {}));\n\n\tconstructor(private readonly dialogRef: LuDialogRef<DialogContentAdapterComponent<D, T>>) {}\n\n\topen(): void {}\n\n\tclose(result: LuModalContentResult<T>): void {\n\t\tthis.dialogRef.close(result);\n\t}\n\n\tdismiss(): void {\n\t\tthis.dialogRef.dismiss();\n\t}\n}\n","import { ComponentType } from '@angular/cdk/overlay';\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, DestroyRef, DoCheck, inject, Injector, OnInit, signal, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { getIntl, Palette } from '@lucca-front/ng/core';\nimport { DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, injectDialogData, injectDialogRef } from '@lucca-front/ng/dialog';\nimport { NumericBadgeComponent } from '@lucca-front/ng/numeric-badge';\nimport { isObservable, Observable, of, ReplaySubject, Subject } from 'rxjs';\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\nimport { ALuModalRef } from '../../modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from '../../modal.model';\nimport { LU_MODAL_DATA } from '../../modal.token';\nimport { LU_MODAL_TRANSLATIONS } from '../../modal.translate';\n\ninterface AdapterData<D, C> {\n\tcomponent: ComponentType<C>;\n\tdata: D;\n}\n\n@Component({\n\tselector: 'lu-dialog-content-adapter',\n\ttemplateUrl: './dialog-content-adapter.component.html',\n\t// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n\tchangeDetection: ChangeDetectionStrategy.Default,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [DialogComponent, DialogHeaderComponent, DialogContentComponent, DialogFooterComponent, AsyncPipe, ButtonComponent, NumericBadgeComponent],\n})\nexport class DialogContentAdapterComponent<D, C extends ILuModalContent> implements OnInit, DoCheck {\n\t#destroyRef = inject(DestroyRef);\n\n\t@ViewChild('contentProjectionRef', { read: ViewContainerRef, static: true })\n\tcontentProjectionRef: ViewContainerRef;\n\n\t#contentComponentInstance: C;\n\n\t#injector = inject(Injector);\n\n\tdialogData = injectDialogData<AdapterData<D, C>>();\n\n\tref = injectDialogRef<LuModalContentResult<C>>();\n\n\tsubmitClass = signal('');\n\terror$ = new Subject();\n\n\tprotected doCheck$ = new ReplaySubject<void>(1);\n\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\n\tprotected title$ = this.observeValue(() => this.#contentComponentInstance.title);\n\tprotected submitLabel$ = this.observeValue(() => this.#contentComponentInstance.submitLabel || this.intl.submit);\n\tprotected cancelLabel$ = this.observeValue(() => this.#contentComponentInstance.cancelLabel || this.intl.cancel);\n\tprotected submitCounter$ = this.observeValue(() => this.#contentComponentInstance.submitCounter);\n\tprotected submitDisabled$ = this.observeValue(() => this.#contentComponentInstance.submitDisabled);\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\n\tprotected hasSubmit$ = this.observeValue(() => this.#contentComponentInstance.submitAction).pipe(map(Boolean));\n\n\tget submitPalette() {\n\t\treturn (this.#contentComponentInstance.submitPalette || 'product') as Palette;\n\t}\n\n\tprivate observeValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\n\t\treturn this.doCheck$.pipe(\n\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\tmap(selector),\n\t\t\tdistinctUntilChanged(),\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\n\t\t);\n\t}\n\n\tsubmit(): void {\n\t\tthis.error$.next(undefined);\n\t\tthis.submitClass.set('is-loading');\n\t\tif (this.#contentComponentInstance.submitAction) {\n\t\t\tconst result$ = this.#contentComponentInstance.submitAction();\n\t\t\tif (isObservable(result$)) {\n\t\t\t\tresult$\n\t\t\t\t\t.pipe(\n\t\t\t\t\t\ttap(() => this.submitClass.set('is-success')),\n\t\t\t\t\t\tdelay(500),\n\t\t\t\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\t\t\t)\n\t\t\t\t\t.subscribe({\n\t\t\t\t\t\tnext: (res) => this.ref.close(res as LuModalContentResult<C>),\n\t\t\t\t\t\terror: (err) => {\n\t\t\t\t\t\t\tthis.submitClass.set('is-error');\n\t\t\t\t\t\t\tthis.error$.next(err);\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tthis.submitClass.set('');\n\t\t\t\t\t\t\t}, 2000);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcomplete: () => this.submitClass.set(''),\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.ref.close(result$ as LuModalContentResult<C>);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.ref.close(undefined);\n\t\t}\n\t}\n\n\tdismiss(): void {\n\t\tthis.ref.dismiss();\n\t}\n\n\tclose(res: LuModalContentResult<C>): void {\n\t\tthis.ref.close(res);\n\t}\n\n\tngDoCheck(): void {\n\t\tthis.doCheck$.next();\n\t}\n\n\tngOnInit(): void {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: this.dialogData.data },\n\t\t\t],\n\t\t\tparent: this.#injector,\n\t\t});\n\t\tthis.#contentComponentInstance = this.contentProjectionRef.createComponent(this.dialogData.component, {\n\t\t\tinjector,\n\t\t}).instance;\n\t}\n}\n","<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n","import { ComponentType } from '@angular/cdk/portal';\nimport { inject, Injectable } from '@angular/core';\nimport { LuModalConfig } from './modal-config.model';\nimport { ILuModalRef } from './modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from './modal.model';\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\nimport { LuDialogConfig, LuDialogService } from '@lucca-front/ng/dialog';\nimport { DialogRefAdapter } from './dialog-adapter/dialog-ref-adapter';\nimport { DialogContentAdapterComponent } from './dialog-adapter/dialog-content-adapter/dialog-content-adapter.component';\n\n@Injectable()\nexport class LuModal {\n\tprotected _factory = inject(LU_MODAL_REF_FACTORY);\n\tprotected _config = inject(LU_MODAL_CONFIG);\n\tprotected luDialogService = inject(LuDialogService);\n\n\topen<T extends ILuModalContent, D>(component: ComponentType<T>, data: D = undefined, config: Partial<LuModalConfig> = {}): ILuModalRef<D, LuModalContentResult<T>> {\n\t\tconst extendedConfig = { ...this._config, ...config } as LuModalConfig;\n\t\tconst mode = extendedConfig.mode === 'sidepanel' ? 'drawer' : 'default';\n\t\tconst dialogRef = this.luDialogService.open({\n\t\t\tcontent: DialogContentAdapterComponent<D, T>,\n\t\t\tdata: {\n\t\t\t\tcomponent: component,\n\t\t\t\tdata,\n\t\t\t},\n\t\t\tmodal: !extendedConfig.noBackdrop,\n\t\t\talert: extendedConfig.undismissable,\n\t\t\tsize: extendedConfig.size as LuDialogConfig<unknown>['size'],\n\t\t\tmode,\n\t\t\tpanelClasses: Array.isArray(extendedConfig.panelClass) ? extendedConfig.panelClass : [extendedConfig.panelClass],\n\t\t});\n\t\treturn new DialogRefAdapter<D, T>(dialogRef);\n\t}\n\n\tlegacyOpen<T extends ILuModalContent, D>(component: ComponentType<T>, data: D = undefined, config: Partial<LuModalConfig> = {}): ILuModalRef<D, LuModalContentResult<T>> {\n\t\tconst extendedConfig = { ...this._config, ...config } as LuModalConfig;\n\t\tconst ref = this._factory.forge<T, LuModalConfig, D>(component, extendedConfig);\n\t\tref.open(data);\n\t\treturn ref;\n\t}\n}\n","import { DialogModule } from '@angular/cdk/dialog';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NgModule, Provider } from '@angular/core';\nimport { LuDialogService } from '@lucca-front/ng/dialog';\nimport { LuModalRefFactory } from './modal-ref.factory';\nimport { LuModal } from './modal.service';\nimport { LU_MODAL_REF_FACTORY } from './modal.token';\n\n/**\n * Provide LuModal.\n * Note that OverlayModule should be imported in one of the EnvironmentInjectors (AppModule, lazy-loaded route) using `providers: [importProvidersFrom(OverlayModule)]`.\n */\nexport function provideLuModal(): Provider[] {\n\treturn [LuModal, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }, LuDialogService];\n}\n\n/**\n * @deprecated use `OverlayModule, DialogModule` imports && provide `provideLuModal(), LuDialogService` instead\n */\n@NgModule({\n\timports: [OverlayModule, DialogModule],\n\tproviders: [provideLuModal(), LuDialogService],\n})\nexport class LuModalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ALuModalRef"],"mappings":"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"}
+{"version":3,"file":"lucca-front-ng-modal.mjs","sources":["../../../packages/ng/modal/modal-config.default.ts","../../../packages/ng/modal/modal-config.model.ts","../../../packages/ng/modal/translations.ts","../../../packages/ng/modal/modal.translate.ts","../../../packages/ng/modal/modal-ref.model.ts","../../../packages/ng/modal/modal-panel.component.ts","../../../packages/ng/modal/modal-panel.component.html","../../../packages/ng/modal/modal.token.ts","../../../packages/ng/modal/modal.utils.ts","../../../packages/ng/modal/modal-ref.factory.ts","../../../packages/ng/modal/dialog-adapter/dialog-ref-adapter.ts","../../../packages/ng/modal/dialog-adapter/dialog-content-adapter/dialog-content-adapter.component.ts","../../../packages/ng/modal/dialog-adapter/dialog-content-adapter/dialog-content-adapter.component.html","../../../packages/ng/modal/modal.service.ts","../../../packages/ng/modal/modal.module.ts","../../../packages/ng/modal/lucca-front-ng-modal.ts"],"sourcesContent":["import { ChangeDetectionStrategy } from '@angular/core';\nimport { LuModalConfig } from './modal-config.model';\n\nexport const luDefaultModalConfig: LuModalConfig = {\n\tmode: 'modal',\n\tposition: 'center',\n\tnoBackdrop: false,\n\tundismissable: false,\n\tbackdropClass: ['cdk-overlay-dark-backdrop', 'lu-popup-backdrop'],\n\tpanelClass: 'lu-popup-panel',\n\tsize: 'M',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n};\n\nexport const luDefaultSidepanelConfig: LuModalConfig = {\n\t...luDefaultModalConfig,\n\tmode: 'sidepanel',\n\tposition: 'right',\n};\n","import { ChangeDetectionStrategy } from '@angular/core';\nimport { ILuPopupConfig } from '@lucca-front/ng/popup';\n\nexport type LuModalMode = 'modal' | 'sidepanel';\n\nexport interface LuModalClasses {\n\tpanel: string;\n\tpanelContainer: string;\n\tpanelInner: string;\n\toverlayPane?: string;\n}\n\nexport const luModalClasses: Record<LuModalMode, LuModalClasses> = {\n\tmodal: { panel: 'lu-modal-panel', panelInner: 'lu-modal-panel-inner', panelContainer: 'lu-modal-container' },\n\tsidepanel: { panel: 'lu-sidepanel-panel', panelInner: 'lu-sidepanel-panel-inner', overlayPane: 'mod-sidepanel', panelContainer: 'lu-sidepanel-container' },\n};\n\ntype LuModalModeWithPosition = { mode?: 'modal'; position: undefined | 'center' } | { mode: 'sidepanel'; position: 'left' | 'right' };\n\nexport type LuModalConfig = ILuPopupConfig &\n\tLuModalModeWithPosition & {\n\t\tchangeDetection: ChangeDetectionStrategy;\n\t};\n","export const Translations = {\n\t'nl-BE': {\n\t\tsubmit: 'Oké',\n\t\tcancel: 'Annuleren',\n\t\tclose: 'Sluiten',\n\t},\n\tnl: {\n\t\tsubmit: 'Oké',\n\t\tcancel: 'Annuleren',\n\t\tclose: 'Sluiten',\n\t},\n\tit: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Annullare',\n\t\tclose: 'Chiudere',\n\t},\n\tfr: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Annuler',\n\t\tclose: 'Fermer',\n\t},\n\tpt: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Cancelar',\n\t\tclose: 'Fechar',\n\t},\n\tes: {\n\t\tsubmit: 'Aceptar',\n\t\tcancel: 'Cancelar',\n\t\tclose: 'Cerrar',\n\t},\n\tde: {\n\t\tsubmit: 'OK',\n\t\tcancel: 'Abbrechen',\n\t\tclose: 'Schließen',\n\t},\n\ten: {\n\t\tsubmit: 'Ok',\n\t\tcancel: 'Cancel',\n\t\tclose: 'Close',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_MODAL_TRANSLATIONS = new InjectionToken('LuModalTranslations', {\n\tfactory: () => luModalTranslations,\n});\n\nexport interface ILuModalLabel {\n\tsubmit: string;\n\tcancel: string;\n\tclose: string;\n}\n\nexport const luModalTranslations: LuTranslation<ILuModalLabel> = Translations;\n","import { ComponentType } from '@angular/cdk/portal';\nimport { ALuPopupRef, ILuPopupRef } from '@lucca-front/ng/popup';\nimport { LuModalClasses, luModalClasses, LuModalConfig, LuModalMode } from './modal-config.model';\nimport { ILuModalContent, LuModalContentResult } from './modal.model';\n\nexport interface ILuModalRef<D = unknown, R = unknown> extends ILuPopupRef<D, R> {\n\tmode: LuModalMode;\n\tmodalClasses: LuModalClasses;\n}\n\nexport interface IModalRefFactory {\n\tforge<T extends ILuModalContent, C extends LuModalConfig, D>(component: ComponentType<T>, config: C): ILuModalRef<D, LuModalContentResult<T>>;\n}\n\nexport abstract class ALuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig>\n\textends ALuPopupRef<T, D, R, C>\n\timplements ILuModalRef<D, R>\n{\n\tpublic get mode(): LuModalMode {\n\t\treturn this._config.mode || 'modal';\n\t}\n\n\tpublic get modalClasses(): LuModalClasses {\n\t\treturn luModalClasses[this.mode];\n\t}\n}\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { AsyncPipe, NgClass } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, DoCheck, ElementRef, Injector, OnDestroy, Renderer2, Type, ViewChild, ViewContainerRef } from '@angular/core';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { Observable, ReplaySubject, Subject, Subscription, isObservable, of, timer } from 'rxjs';\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\nimport { LuModalClasses } from './modal-config.model';\nimport { ALuModalRef } from './modal-ref.model';\nimport { ILuModalContent } from './modal.model';\nimport { LU_MODAL_TRANSLATIONS } from './modal.translate';\n\nlet modalId = 0;\n\n@Directive()\nexport abstract class ALuModalPanelComponent<T extends ILuModalContent> implements OnDestroy, DoCheck {\n\t@ViewChild('container', { read: ViewContainerRef, static: true })\n\tprotected _containerRef: ViewContainerRef;\n\tprotected _componentInstance: ILuModalContent;\n\tprotected doCheck$ = new ReplaySubject<void>(1);\n\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\n\tprotected title$ = this.listenComponentValue(() => this._componentInstance.title);\n\tprotected submitLabel$ = this.listenComponentValue(() => this._componentInstance.submitLabel || this.intl.submit);\n\tprotected cancelLabel$ = this.listenComponentValue(() => this._componentInstance.cancelLabel || this.intl.cancel);\n\tprotected submitCounter$ = this.listenComponentValue(() => this._componentInstance.submitCounter);\n\tprotected submitDisabled$ = this.listenComponentValue(() => this._componentInstance.submitDisabled);\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\n\n\tprotected closeLabel = this.intl.close;\n\n\tget isSubmitHidden() {\n\t\treturn !this._componentInstance.submitAction;\n\t}\n\tget submitPalette() {\n\t\treturn this._componentInstance.submitPalette || 'product';\n\t}\n\n\tsubmitClass$ = new Subject();\n\terror$ = new Subject();\n\n\tpublic readonly modalId = modalId++;\n\n\tprivate _subs = new Subscription();\n\tpublic modalClasses: LuModalClasses;\n\n\tconstructor(\n\t\tprotected _ref: ALuModalRef<T>,\n\t\t_elementRef: ElementRef<HTMLElement>,\n\t\t_renderer: Renderer2,\n\t) {\n\t\tthis.modalClasses = _ref.modalClasses;\n\t\t_renderer.addClass(_elementRef.nativeElement, this.modalClasses.panel);\n\t}\n\tngDoCheck(): void {\n\t\tthis.doCheck$.next();\n\t}\n\tattachInnerComponent(componentType: Type<T>, injector: Injector) {\n\t\tconst ref = this._containerRef.createComponent(componentType, { injector });\n\t\tthis._componentInstance = ref.instance;\n\t\treturn ref;\n\t}\n\tngOnDestroy() {\n\t\tthis.doCheck$.complete();\n\t\tthis._subs.unsubscribe();\n\t}\n\tdismiss() {\n\t\tthis._ref.dismiss();\n\t}\n\tsubmit() {\n\t\tthis.error$.next(undefined);\n\t\tthis.submitClass$.next('is-loading');\n\t\tconst result$ = this._componentInstance.submitAction();\n\t\tif (result$ instanceof Observable) {\n\t\t\tthis._subs.add(\n\t\t\t\tresult$\n\t\t\t\t\t.pipe(\n\t\t\t\t\t\ttap((_) => this.submitClass$.next('is-success')),\n\t\t\t\t\t\tdelay(500),\n\t\t\t\t\t)\n\t\t\t\t\t.subscribe({\n\t\t\t\t\t\tnext: (result) => this._ref.close(result),\n\t\t\t\t\t\terror: (err) => {\n\t\t\t\t\t\t\tthis.submitClass$.next('is-error');\n\t\t\t\t\t\t\tthis.error$.next(err);\n\t\t\t\t\t\t\ttimer(2000).subscribe((_) => {\n\t\t\t\t\t\t\t\tthis.submitClass$.next('');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcomplete: () => {\n\t\t\t\t\t\t\tthis.submitClass$.next('');\n\t\t\t\t\t\t},\n\t\t\t\t\t}),\n\t\t\t);\n\t\t} else {\n\t\t\tthis._ref.close(result$);\n\t\t}\n\t}\n\n\tprivate listenComponentValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\n\t\treturn this.doCheck$.pipe(\n\t\t\tmap(selector),\n\t\t\tdistinctUntilChanged(),\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\n\t\t);\n\t}\n}\n\nconst panelImports = [A11yModule, AsyncPipe, LuTooltipModule, NgClass];\n\n@Component({\n\tselector: 'lu-modal-panel',\n\timports: panelImports,\n\ttemplateUrl: './modal-panel.component.html',\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: { class: 'lu-modal-panel' },\n})\nexport class LuModalPanelComponent<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\n\t\tsuper(_ref, _elementRef, _renderer);\n\t}\n}\n@Component({\n\tselector: 'lu-modal-panel-default',\n\timports: panelImports,\n\ttemplateUrl: './modal-panel.component.html',\n\t// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n\tchangeDetection: ChangeDetectionStrategy.Default,\n\thost: { class: 'lu-modal-panel' },\n})\nexport class LuModalPanelComponentDefaultCD<T extends ILuModalContent = ILuModalContent> extends ALuModalPanelComponent<T> {\n\tconstructor(_ref: ALuModalRef<T>, _elementRef: ElementRef<HTMLElement>, _renderer: Renderer2) {\n\t\tsuper(_ref, _elementRef, _renderer);\n\t}\n}\n","<div\n\tcdkTrapFocus=\"true\"\n\tcdkTrapFocusAutoCapture=\"true\"\n\trole=\"dialog\"\n\taria-modal=\"true\"\n\t[attr.aria-labelledby]=\"'luModalTitle' + modalId\"\n\t[class]=\"modalClasses.panelInner\"\n>\n\t<div [class]=\"modalClasses.panelContainer\" role=\"document\">\n\t\t<div class=\"lu-modal-header\" tabindex=\"-1\" cdkFocusInitial>\n\t\t\t<button type=\"button\" class=\"button mod-onlyIcon mod-ghost mod-S lu-modal-header-close\" (click)=\"dismiss()\" [luTooltip]=\"closeLabel\">\n\t\t\t\t<span aria-hidden=\"true\" class=\"lucca-icon icon-signClose\"></span>\n\t\t\t\t<span class=\"pr-u-mask\">{{ closeLabel }}</span>\n\t\t\t</button>\n\t\t\t<h1 [attr.id]=\"'luModalTitle' + modalId\" class=\"lu-modal-header-title\">{{ title$ | async }}</h1>\n\t\t</div>\n\t\t<div class=\"lu-modal-content\">\n\t\t\t<ng-container #container />\n\t\t</div>\n\t\t<div class=\"lu-modal-footer\">\n\t\t\t@if (!isSubmitHidden) {\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclass=\"button palette-{{ submitPalette }}\"\n\t\t\t\t\t[ngClass]=\"submitClass$ | async\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<label class=\"numericBadge palette-product\">{{ submitCounter$ | async }}</label>\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</div>\n</div>\n","import { InjectionToken } from '@angular/core';\nimport { luDefaultModalConfig } from './modal-config.default';\nimport { LuModalConfig } from './modal-config.model';\nimport { IModalRefFactory } from './modal-ref.model';\n\n/** Injection token that can be used to access the data that was passed in to a dialog. */\nexport const LU_MODAL_DATA = new InjectionToken<unknown>('LuModalData');\nexport const LU_MODAL_CONFIG = new InjectionToken<LuModalConfig>('LuModalDefaultConfig', {\n\tfactory: () => luDefaultModalConfig,\n});\nexport const LU_MODAL_REF_FACTORY = new InjectionToken<IModalRefFactory>('LuModalRefFactory');\n","import { ApplicationRef } from '@angular/core';\n\nexport function setAriaHiddenOnApplicationRoot(applicationRef: ApplicationRef, hidden: boolean): void {\n\tfor (const component of applicationRef.components) {\n\t\tconst nativeElement = component.location.nativeElement as unknown;\n\n\t\tif (nativeElement instanceof HTMLElement) {\n\t\t\tnativeElement.ariaHidden = hidden ? 'true' : undefined;\n\t\t}\n\t}\n}\n","import { ComponentType, Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { ApplicationRef, ChangeDetectionStrategy, ComponentRef, inject, Injectable, Injector } from '@angular/core';\nimport { ILuPopupRefFactory } from '@lucca-front/ng/popup';\nimport { LuModalConfig } from './modal-config.model';\nimport { ALuModalPanelComponent, LuModalPanelComponent, LuModalPanelComponentDefaultCD } from './modal-panel.component';\nimport { ALuModalRef, ILuModalRef } from './modal-ref.model';\nimport { ILuModalContent } from './modal.model';\nimport { LU_MODAL_DATA } from './modal.token';\nimport { setAriaHiddenOnApplicationRoot } from './modal.utils';\n\nclass LuModalRef<T extends ILuModalContent = ILuModalContent, D = unknown, R = unknown, C extends LuModalConfig = LuModalConfig> extends ALuModalRef<T, D, R, C> implements ILuModalRef<D, R> {\n\tprotected _containerRef: ComponentRef<ALuModalPanelComponent<T>>;\n\tconstructor(\n\t\tprotected override _overlay: Overlay,\n\t\tprotected override _injector: Injector,\n\t\tprotected override _component: ComponentType<T>,\n\t\tprotected override _config: C,\n\t\tprotected _applicationRef: ApplicationRef,\n\t) {\n\t\tsuper(_overlay, _injector, _component, _config);\n\t}\n\tprotected override _openPopup(data?: D) {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: data },\n\t\t\t],\n\t\t\tparent: this._injector,\n\t\t});\n\n\t\tconst containerPortal = new ComponentPortal<ALuModalPanelComponent<T>>(\n\t\t\tthis._config.changeDetection === ChangeDetectionStrategy.OnPush ? LuModalPanelComponent : LuModalPanelComponentDefaultCD,\n\t\t\tundefined,\n\t\t\tinjector,\n\t\t);\n\t\tthis._containerRef = this._overlayRef.attach<ALuModalPanelComponent<T>>(containerPortal);\n\t\tconst panel = this._containerRef.instance;\n\t\tthis._componentRef = panel.attachInnerComponent(this._component, injector);\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, true);\n\t}\n\tprotected override _closePopup() {\n\t\tthis._componentRef.destroy();\n\t\tthis._containerRef.destroy();\n\t\tsetAriaHiddenOnApplicationRoot(this._applicationRef, false);\n\t}\n\n\tprotected override _getOverlayPanelClasses(): string[] {\n\t\tconst classes = super._getOverlayPanelClasses();\n\n\t\tif (this.modalClasses.overlayPane) {\n\t\t\tclasses.push(this.modalClasses.overlayPane);\n\t\t}\n\n\t\treturn classes;\n\t}\n}\n\n@Injectable()\nexport class LuModalRefFactory implements ILuPopupRefFactory<ILuModalContent, LuModalConfig> {\n\tprotected _applicationRef = inject(ApplicationRef);\n\n\tconstructor(\n\t\tprotected _overlay: Overlay,\n\t\tprotected _injector: Injector,\n\t) {}\n\tforge<T extends ILuModalContent, C extends LuModalConfig, D, R>(component: ComponentType<T>, config: C) {\n\t\treturn new LuModalRef<T, D, R>(this._overlay, this._injector, component, config, this._applicationRef);\n\t}\n}\n","import { Observable, of } from 'rxjs';\nimport { LuModalClasses, LuModalMode } from '../modal-config.model';\nimport { ILuModalRef } from '../modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from '../modal.model';\nimport { LuDialogRef } from '@lucca-front/ng/dialog';\nimport { map } from 'rxjs/operators';\nimport { DialogContentAdapterComponent } from './dialog-content-adapter/dialog-content-adapter.component';\n\nexport class DialogRefAdapter<D, T extends ILuModalContent> implements ILuModalRef<D, LuModalContentResult<T>> {\n\tmode: LuModalMode;\n\tmodalClasses: LuModalClasses;\n\n\tonOpen: Observable<D> = of(this.dialogRef.instance.dialogData.data);\n\tonClose: Observable<LuModalContentResult<T>> = this.dialogRef.result$ as Observable<LuModalContentResult<T>>;\n\tonDismiss: Observable<void> = this.dialogRef.dismissed$;\n\tonBackdropClick: Observable<void> = this.dialogRef.cdkRef.backdropClick.pipe(map(() => {}));\n\n\tconstructor(private readonly dialogRef: LuDialogRef<DialogContentAdapterComponent<D, T>>) {}\n\n\topen(): void {}\n\n\tclose(result: LuModalContentResult<T>): void {\n\t\tthis.dialogRef.close(result);\n\t}\n\n\tdismiss(): void {\n\t\tthis.dialogRef.dismiss();\n\t}\n}\n","import { ComponentType } from '@angular/cdk/overlay';\nimport { AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, DestroyRef, DoCheck, inject, Injector, OnInit, signal, ViewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ButtonComponent } from '@lucca-front/ng/button';\nimport { getIntl, Palette } from '@lucca-front/ng/core';\nimport { DialogComponent, DialogContentComponent, DialogFooterComponent, DialogHeaderComponent, injectDialogData, injectDialogRef } from '@lucca-front/ng/dialog';\nimport { NumericBadgeComponent } from '@lucca-front/ng/numeric-badge';\nimport { isObservable, Observable, of, ReplaySubject, Subject } from 'rxjs';\nimport { delay, distinctUntilChanged, map, switchMap, tap } from 'rxjs/operators';\nimport { ALuModalRef } from '../../modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from '../../modal.model';\nimport { LU_MODAL_DATA } from '../../modal.token';\nimport { LU_MODAL_TRANSLATIONS } from '../../modal.translate';\n\ninterface AdapterData<D, C> {\n\tcomponent: ComponentType<C>;\n\tdata: D;\n}\n\n@Component({\n\tselector: 'lu-dialog-content-adapter',\n\ttemplateUrl: './dialog-content-adapter.component.html',\n\t// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection\n\tchangeDetection: ChangeDetectionStrategy.Default,\n\tencapsulation: ViewEncapsulation.None,\n\timports: [DialogComponent, DialogHeaderComponent, DialogContentComponent, DialogFooterComponent, AsyncPipe, ButtonComponent, NumericBadgeComponent],\n})\nexport class DialogContentAdapterComponent<D, C extends ILuModalContent> implements OnInit, DoCheck {\n\t#destroyRef = inject(DestroyRef);\n\n\t@ViewChild('contentProjectionRef', { read: ViewContainerRef, static: true })\n\tcontentProjectionRef: ViewContainerRef;\n\n\t#contentComponentInstance: C;\n\n\t#injector = inject(Injector);\n\n\tdialogData = injectDialogData<AdapterData<D, C>>();\n\n\tref = injectDialogRef<LuModalContentResult<C>>();\n\n\tsubmitClass = signal('');\n\terror$ = new Subject();\n\n\tprotected doCheck$ = new ReplaySubject<void>(1);\n\n\tpublic intl = getIntl(LU_MODAL_TRANSLATIONS);\n\tprotected title$ = this.observeValue(() => this.#contentComponentInstance.title);\n\tprotected submitLabel$ = this.observeValue(() => this.#contentComponentInstance.submitLabel || this.intl.submit);\n\tprotected cancelLabel$ = this.observeValue(() => this.#contentComponentInstance.cancelLabel || this.intl.cancel);\n\tprotected submitCounter$ = this.observeValue(() => this.#contentComponentInstance.submitCounter);\n\tprotected submitDisabled$ = this.observeValue(() => this.#contentComponentInstance.submitDisabled);\n\tprotected hasSubmitCounter$ = this.submitCounter$.pipe(map(Boolean));\n\tprotected hasSubmit$ = this.observeValue(() => this.#contentComponentInstance.submitAction).pipe(map(Boolean));\n\n\tget submitPalette() {\n\t\treturn (this.#contentComponentInstance.submitPalette || 'product') as Palette;\n\t}\n\n\tprivate observeValue<TValue>(selector: () => TValue | Observable<TValue>): Observable<TValue> {\n\t\treturn this.doCheck$.pipe(\n\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\tmap(selector),\n\t\t\tdistinctUntilChanged(),\n\t\t\tswitchMap((value) => (isObservable(value) ? value : of(value))),\n\t\t);\n\t}\n\n\tsubmit(): void {\n\t\tthis.error$.next(undefined);\n\t\tthis.submitClass.set('is-loading');\n\t\tif (this.#contentComponentInstance.submitAction) {\n\t\t\tconst result$ = this.#contentComponentInstance.submitAction();\n\t\t\tif (isObservable(result$)) {\n\t\t\t\tresult$\n\t\t\t\t\t.pipe(\n\t\t\t\t\t\ttap(() => this.submitClass.set('is-success')),\n\t\t\t\t\t\tdelay(500),\n\t\t\t\t\t\ttakeUntilDestroyed(this.#destroyRef),\n\t\t\t\t\t)\n\t\t\t\t\t.subscribe({\n\t\t\t\t\t\tnext: (res) => this.ref.close(res as LuModalContentResult<C>),\n\t\t\t\t\t\terror: (err) => {\n\t\t\t\t\t\t\tthis.submitClass.set('is-error');\n\t\t\t\t\t\t\tthis.error$.next(err);\n\t\t\t\t\t\t\tsetTimeout(() => {\n\t\t\t\t\t\t\t\tthis.submitClass.set('');\n\t\t\t\t\t\t\t}, 2000);\n\t\t\t\t\t\t},\n\t\t\t\t\t\tcomplete: () => this.submitClass.set(''),\n\t\t\t\t\t});\n\t\t\t} else {\n\t\t\t\tthis.ref.close(result$ as LuModalContentResult<C>);\n\t\t\t}\n\t\t} else {\n\t\t\tthis.ref.close(undefined);\n\t\t}\n\t}\n\n\tdismiss(): void {\n\t\tthis.ref.dismiss();\n\t}\n\n\tclose(res: LuModalContentResult<C>): void {\n\t\tthis.ref.close(res);\n\t}\n\n\tngDoCheck(): void {\n\t\tthis.doCheck$.next();\n\t}\n\n\tngOnInit(): void {\n\t\tconst injector = Injector.create({\n\t\t\tproviders: [\n\t\t\t\t{ provide: ALuModalRef, useValue: this },\n\t\t\t\t{ provide: LU_MODAL_DATA, useValue: this.dialogData.data },\n\t\t\t],\n\t\t\tparent: this.#injector,\n\t\t});\n\t\tthis.#contentComponentInstance = this.contentProjectionRef.createComponent(this.dialogData.component, {\n\t\t\tinjector,\n\t\t}).instance;\n\t}\n}\n","<lu-dialog>\n\t<lu-dialog-header\n\t\t><h1>{{ title$ | async }}</h1></lu-dialog-header\n\t>\n\t<lu-dialog-content>\n\t\t<ng-container #contentProjectionRef />\n\t</lu-dialog-content>\n\t<lu-dialog-footer>\n\t\t<div class=\"footer-actions\">\n\t\t\t@if (hasSubmit$ | async) {\n\t\t\t\t<button\n\t\t\t\t\tluButton\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t[palette]=\"submitPalette\"\n\t\t\t\t\t[disabled]=\"submitDisabled$ | async\"\n\t\t\t\t\t[class]=\"submitClass()\"\n\t\t\t\t\t(click)=\"submit()\"\n\t\t\t\t>\n\t\t\t\t\t{{ submitLabel$ | async }}\n\t\t\t\t\t@if (hasSubmitCounter$ | async) {\n\t\t\t\t\t\t<lu-numeric-badge disableTooltip palette=\"product\" [value]=\"submitCounter$ | async\" />\n\t\t\t\t\t}\n\t\t\t\t</button>\n\t\t\t}\n\t\t\t<button luButton type=\"button\" class=\"button mod-ghost\" (click)=\"dismiss()\">{{ cancelLabel$ | async }}</button>\n\t\t</div>\n\t</lu-dialog-footer>\n</lu-dialog>\n","import { ComponentType } from '@angular/cdk/portal';\nimport { inject, Injectable } from '@angular/core';\nimport { LuModalConfig } from './modal-config.model';\nimport { ILuModalRef } from './modal-ref.model';\nimport { ILuModalContent, LuModalContentResult } from './modal.model';\nimport { LU_MODAL_CONFIG, LU_MODAL_REF_FACTORY } from './modal.token';\nimport { LuDialogConfig, LuDialogService } from '@lucca-front/ng/dialog';\nimport { DialogRefAdapter } from './dialog-adapter/dialog-ref-adapter';\nimport { DialogContentAdapterComponent } from './dialog-adapter/dialog-content-adapter/dialog-content-adapter.component';\n\n@Injectable()\nexport class LuModal {\n\tprotected _factory = inject(LU_MODAL_REF_FACTORY);\n\tprotected _config = inject(LU_MODAL_CONFIG);\n\tprotected luDialogService = inject(LuDialogService);\n\n\topen<T extends ILuModalContent, D>(component: ComponentType<T>, data: D = undefined, config: Partial<LuModalConfig> = {}): ILuModalRef<D, LuModalContentResult<T>> {\n\t\tconst extendedConfig = { ...this._config, ...config } as LuModalConfig;\n\t\tconst mode = extendedConfig.mode === 'sidepanel' ? 'drawer' : 'default';\n\t\tconst dialogRef = this.luDialogService.open({\n\t\t\tcontent: DialogContentAdapterComponent<D, T>,\n\t\t\tdata: {\n\t\t\t\tcomponent: component,\n\t\t\t\tdata,\n\t\t\t},\n\t\t\tmodal: !extendedConfig.noBackdrop,\n\t\t\talert: extendedConfig.undismissable,\n\t\t\tsize: extendedConfig.size as LuDialogConfig<unknown>['size'],\n\t\t\tmode,\n\t\t\tpanelClasses: Array.isArray(extendedConfig.panelClass) ? extendedConfig.panelClass : [extendedConfig.panelClass],\n\t\t});\n\t\treturn new DialogRefAdapter<D, T>(dialogRef);\n\t}\n\n\tlegacyOpen<T extends ILuModalContent, D>(component: ComponentType<T>, data: D = undefined, config: Partial<LuModalConfig> = {}): ILuModalRef<D, LuModalContentResult<T>> {\n\t\tconst extendedConfig = { ...this._config, ...config } as LuModalConfig;\n\t\tconst ref = this._factory.forge<T, LuModalConfig, D>(component, extendedConfig);\n\t\tref.open(data);\n\t\treturn ref;\n\t}\n}\n","import { DialogModule } from '@angular/cdk/dialog';\nimport { OverlayModule } from '@angular/cdk/overlay';\nimport { NgModule, Provider } from '@angular/core';\nimport { LuDialogService } from '@lucca-front/ng/dialog';\nimport { LuModalRefFactory } from './modal-ref.factory';\nimport { LuModal } from './modal.service';\nimport { LU_MODAL_REF_FACTORY } from './modal.token';\n\n/**\n * Provide LuModal.\n * Note that OverlayModule should be imported in one of the EnvironmentInjectors (AppModule, lazy-loaded route) using `providers: [importProvidersFrom(OverlayModule)]`.\n */\nexport function provideLuModal(): Provider[] {\n\treturn [LuModal, { provide: LU_MODAL_REF_FACTORY, useClass: LuModalRefFactory }, LuDialogService];\n}\n\n/**\n * @deprecated use `OverlayModule, DialogModule` imports && provide `provideLuModal(), LuDialogService` instead\n */\n@NgModule({\n\timports: [OverlayModule, DialogModule],\n\tproviders: [provideLuModal(), LuDialogService],\n})\nexport class LuModalModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.ALuModalRef"],"mappings":"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"}

package/fesm2022/lucca-front-ng-multi-select.mjs

@@ -17,9 +17,9 @@ import { A11yModule } from '@angular/cdk/a11y';
 import { IconComponent } from '@lucca-front/ng/icon';
 import { TreeBranchComponent } from '@lucca-front/ng/tree-select';
 import { map, startWith, switchMap } from 'rxjs/operators';
-import * as i1 from '@lucca-front/ng/form-field';
-import { PresentationDisplayDirective, InputDirective, FormFieldComponent } from '@lucca-front/ng/form-field';
 import { ChipComponent } from '@lucca-front/ng/chip';
+import * as i1 from '@lucca-front/ng/form-field';
+import { InputDirective, FormFieldComponent } from '@lucca-front/ng/form-field';
 import { CheckboxInputComponent } from '@lucca-front/ng/forms';
 
 const Translations$1 = {
@@ -269,7 +269,7 @@ class LuMultiSelectPanelComponent {
                 provide: SELECT_PANEL_INSTANCE,
                 useExisting: forwardRef(() => LuMultiSelectPanelComponent),
             },
-        ], ngImport: i0, template: "@if (\n\t{\n\t\toptions: (options$ | async) || [],\n\t\tclueChange: (clueChange$ | async) || \"\",\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t\tshouldDisplayAddOption: shouldDisplayAddOption$ | async,\n\t};\n\tas ctx\n) {\n\t<div class=\"lu-picker-panel lu-option-picker-panel mod-multiple\" data-testid=\"dialog-panel\">\n\t\t<div\n\t\t\tclass=\"lu-picker-content\"\n\t\t\t[class.is-loading]=\"loading$ | async\"\n\t\t\t[class.is-filled]=\"ctx.options.length > 0\"\n\t\t\ttabindex=\"0\"\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable=\"true\"\n\t\t\t(scroll)=\"onScroll($event)\"\n\t\t>\n\t\t\t@if (selectInput.panelHeaderTpl(); as tpl) {\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@if (grouping() && ctx.groupTemplateLocation === \"group-header\") {\n\t\t\t\t\t@for (\n\t\t\t\t\t\tgroup of ctx.options | luOptionGroup: grouping().selector;\n\t\t\t\t\t\ttrack trackGroupsBy(groupIndex, group);\n\t\t\t\t\t\tlet groupIndex = $index\n\t\t\t\t\t) {\n\t\t\t\t\t\t<div class=\"lu-picker-content-group\" role=\"group\" attr.aria-labelledby=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\">\n\t\t\t\t\t\t\t@let groupCtx = group.options | luOptionsGroupContext: selectedOptions : optionComparer;\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\telementId=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\"\n\t\t\t\t\t\t\t\tclass=\"lu-picker-content-option-group-title\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span #groupingTitleRef>\n\t\t\t\t\t\t\t\t\t<ng-container *luPortal=\"grouping().content; context: { $implicit: group }\" />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t@if (someGroupOptionEnabled()(group.options)) {\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"link\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t\t\t\t[id]=\"selectId + '-group-' + group.key\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ groupingTitleRef.innerText }}&nbsp;\u2013 </span\n\t\t\t\t\t\t\t\t\t\t>{{ groupCtx.isGroupSelected ? intl().unselectAll : intl().selectAll }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"optionsList\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: group.options, groupIndex: groupIndex }\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (!grouping() || ctx.groupTemplateLocation !== \"group-header\") {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t\t}\n\t\t\t\t<ng-template #optionsList let-options let-groupIndex=\"groupIndex\">\n\t\t\t\t\t@if (treeGenerator) {\n\t\t\t\t\t\t@for (branch of options | luTreeDisplay: treeGenerator; let index = $index; track trackBranchesBy(index, branch)) {\n\t\t\t\t\t\t\t<lu-tree-branch\n\t\t\t\t\t\t\t\t[branch]=\"branch\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[selectedOptions]=\"selectedOptions\"\n\t\t\t\t\t\t\t\t[optionComparer]=\"optionComparer\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t(toggleOne)=\"toggleOption($event)\"\n\t\t\t\t\t\t\t\t(selectMany)=\"toggleOptions($event, [])\"\n\t\t\t\t\t\t\t\t(unselectMany)=\"toggleOptions([], $event)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@for (option of options; track trackOptionsBy(index, option); let index = $index) {\n\t\t\t\t\t\t\t<lu-select-option\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping() : undefined\"\n\t\t\t\t\t\t\t\t[groupIndex]=\"groupIndex\"\n\t\t\t\t\t\t\t\t[groupTemplateLocation]=\"ctx.groupTemplateLocation\"\n\t\t\t\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'nearest' }\"\n\t\t\t\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected: optionComparer : selectedOptions\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t(click)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t[class.withAddOption]=\"ctx.shouldDisplayAddOption\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</ng-template>\n\t\t\t\t@if (ctx.options.length === 0 && (loading$ | async) === false) {\n\t\t\t\t\t<div class=\"lu-picker-content-option-emptyState\">\n\t\t\t\t\t\t{{ ctx.clueChange.length ? intl().emptyResults : intl().emptyOptions }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (loading$ | async) {\n\t\t\t\t<div class=\"lu-picker-content-loading\">\n\t\t\t\t\t<div class=\"loading\">{{ intl().loading }}</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (ctx.shouldDisplayAddOption) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"addOption palette-product\"\n\t\t\t\t\t[class.is-stuck]=\"true\"\n\t\t\t\t\t(click)=\"selectInput.emitAddOption()\"\n\t\t\t\t\t(selected)=\"selectInput.emitAddOption()\"\n\t\t\t\t\telementId=\"picker-content-add\"\n\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t>\n\t\t\t\t\t<div class=\"addOption-content\">\n\t\t\t\t\t\t<lu-icon icon=\"mathsPlus\" />\n\t\t\t\t\t\t<ng-container *luPortal=\"selectInput.addOptionLabel\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n}\n", styles: ["@layer components{.optionItem-groupKey{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);font:var(--pr-t-font-body-S);inline-size:100%;text-align:start;color:var(--palettes-neutral-600);margin:0}}@layer components{.addOption{position:sticky;inset-block-end:0;background-color:var(--pr-t-elevation-surface-raised)}}@layer mods{.addOption.is-highlighted .addOption-content{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption.is-stuck{margin-block-start:var(--pr-t-spacings-100);box-shadow:0 0 0 4px var(--pr-t-elevation-surface-raised),0 0 0 1px color-mix(in srgb,var(--palettes-neutral-400) 8%,transparent),0 0 4px 4px color-mix(in srgb,var(--palettes-neutral-400) 32%,transparent),0 0 8px 4px color-mix(in srgb,var(--palettes-neutral-400) 24%,transparent)}}@layer components{.addOption-content{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.addOption-content,.addOption-content:is(a){color:var(--components-button-color)}.addOption-content .lucca-icon{display:block}.addOption-content .button-icon{--icon-size: 1.5rem}.addOption-content:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.addOption-content:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.addOption-content:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.addOption-content:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.addOption-content:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.addOption-content:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.addOption-content{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.addOption-content:hover,.addOption-content:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.addOption-content:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption-content:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.addOption-content{justify-content:left;--components-button-padding: var(--pr-t-spacings-50)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: _LuOptionComponent, selector: "lu-select-option", inputs: ["intl", "optionTpl", "option", "grouping", "hasChildren", "groupIndex", "optionIndex", "scrollIntoViewOptions", "groupTemplateLocation"], outputs: ["onlyParent", "onlyChildren"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _CoreSelectPanelElement, selector: "[luCoreSelectPanelElement]", inputs: ["elementId", "isSelected", "option", "disabled"], outputs: ["isSelectedChange", "selected"], exportAs: ["luCoreSelectPanelElement"] }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: TreeBranchComponent, selector: "lu-tree-branch", inputs: ["branch", "optionTpl", "optionIndex", "optionComparer", "selectedOptions", "simpleMode", "depth"], outputs: ["toggleOne", "selectMany", "unselectMany"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "pipe", type: _LuOptionGroupPipe, name: "luOptionGroup" }, { kind: "pipe", type: LuOptionsGroupContextPipe, name: "luOptionsGroupContext" }, { kind: "pipe", type: TreeDisplayPipe, name: "luTreeDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (\n\t{\n\t\toptions: (options$ | async) || [],\n\t\tclueChange: (clueChange$ | async) || \"\",\n\t\tgroupTemplateLocation: groupTemplateLocation$ | async,\n\t\tshouldDisplayAddOption: shouldDisplayAddOption$ | async,\n\t};\n\tas ctx\n) {\n\t<div class=\"lu-picker-panel lu-option-picker-panel mod-multiple\" data-testid=\"dialog-panel\">\n\t\t<div\n\t\t\tclass=\"lu-picker-content\"\n\t\t\t[class.is-loading]=\"loading$ | async\"\n\t\t\t[class.is-filled]=\"ctx.options.length > 0\"\n\t\t\ttabindex=\"0\"\n\t\t\trole=\"listbox\"\n\t\t\taria-multiselectable=\"true\"\n\t\t\t(scroll)=\"onScroll($event)\"\n\t\t>\n\t\t\t@if (selectInput.panelHeaderTpl(); as tpl) {\n\t\t\t\t<div>\n\t\t\t\t\t<ng-container *luPortal=\"tpl\" />\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t<div class=\"lu-picker-content-option\">\n\t\t\t\t@if (grouping() && ctx.groupTemplateLocation === \"group-header\") {\n\t\t\t\t\t@for (\n\t\t\t\t\t\tgroup of ctx.options | luOptionGroup: grouping().selector;\n\t\t\t\t\t\ttrack trackGroupsBy(groupIndex, group);\n\t\t\t\t\t\tlet groupIndex = $index\n\t\t\t\t\t) {\n\t\t\t\t\t\t<div class=\"lu-picker-content-group\" role=\"group\" attr.aria-labelledby=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\">\n\t\t\t\t\t\t\t@let groupCtx = group.options | luOptionsGroupContext: selectedOptions : optionComparer;\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\telementId=\"lu-select-{{ selectId }}-group-{{ groupIndex }}\"\n\t\t\t\t\t\t\t\tclass=\"lu-picker-content-option-group-title\"\n\t\t\t\t\t\t\t\trole=\"presentation\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span #groupingTitleRef>\n\t\t\t\t\t\t\t\t\t<ng-container *luPortal=\"grouping().content; context: { $implicit: group }\" />\n\t\t\t\t\t\t\t\t</span>\n\n\t\t\t\t\t\t\t\t@if (someGroupOptionEnabled()(group.options)) {\n\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\t\t\tclass=\"link\"\n\t\t\t\t\t\t\t\t\t\t(click)=\"toggleOptions(groupCtx.notSelectedOptions, group.options)\"\n\t\t\t\t\t\t\t\t\t\t[id]=\"selectId + '-group-' + group.key\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t<span class=\"pr-u-mask\">{{ groupingTitleRef.innerText }}&nbsp;\u2013 </span\n\t\t\t\t\t\t\t\t\t\t>{{ groupCtx.isGroupSelected ? intl().unselectAll : intl().selectAll }}\n\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<ng-template\n\t\t\t\t\t\t\t\t[ngTemplateOutlet]=\"optionsList\"\n\t\t\t\t\t\t\t\t[ngTemplateOutletContext]=\"{ $implicit: group.options, groupIndex: groupIndex }\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t@if (!grouping() || ctx.groupTemplateLocation !== \"group-header\") {\n\t\t\t\t\t<ng-template [ngTemplateOutlet]=\"optionsList\" [ngTemplateOutletContext]=\"{ $implicit: ctx.options }\" />\n\t\t\t\t}\n\t\t\t\t<ng-template #optionsList let-options let-groupIndex=\"groupIndex\">\n\t\t\t\t\t@if (treeGenerator) {\n\t\t\t\t\t\t@for (branch of options | luTreeDisplay: treeGenerator; let index = $index; track trackBranchesBy(index, branch)) {\n\t\t\t\t\t\t\t<lu-tree-branch\n\t\t\t\t\t\t\t\t[branch]=\"branch\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[selectedOptions]=\"selectedOptions\"\n\t\t\t\t\t\t\t\t[optionComparer]=\"optionComparer\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t(toggleOne)=\"toggleOption($event)\"\n\t\t\t\t\t\t\t\t(selectMany)=\"toggleOptions($event, [])\"\n\t\t\t\t\t\t\t\t(unselectMany)=\"toggleOptions([], $event)\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t} @else {\n\t\t\t\t\t\t@for (option of options; track trackOptionsBy(index, option); let index = $index) {\n\t\t\t\t\t\t\t<lu-select-option\n\t\t\t\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t\t\t\t\t[option]=\"option\"\n\t\t\t\t\t\t\t\t[optionTpl]=\"optionTpl()\"\n\t\t\t\t\t\t\t\t[optionIndex]=\"index\"\n\t\t\t\t\t\t\t\t[grouping]=\"ctx.groupTemplateLocation === 'option' ? grouping() : undefined\"\n\t\t\t\t\t\t\t\t[groupIndex]=\"groupIndex\"\n\t\t\t\t\t\t\t\t[groupTemplateLocation]=\"ctx.groupTemplateLocation\"\n\t\t\t\t\t\t\t\t[scrollIntoViewOptions]=\"{ block: 'nearest' }\"\n\t\t\t\t\t\t\t\t[isSelected]=\"option | luIsOptionSelected: optionComparer : selectedOptions\"\n\t\t\t\t\t\t\t\t(selected)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t(click)=\"toggleOption(option)\"\n\t\t\t\t\t\t\t\t[class.withAddOption]=\"ctx.shouldDisplayAddOption\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t</ng-template>\n\t\t\t\t@if (ctx.options.length === 0 && (loading$ | async) === false) {\n\t\t\t\t\t<div class=\"lu-picker-content-option-emptyState\">\n\t\t\t\t\t\t{{ ctx.clueChange.length ? intl().emptyResults : intl().emptyOptions }}\n\t\t\t\t\t</div>\n\t\t\t\t}\n\t\t\t</div>\n\t\t\t@if (loading$ | async) {\n\t\t\t\t<div class=\"lu-picker-content-loading\">\n\t\t\t\t\t<div class=\"loading\">{{ intl().loading }}</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t\t@if (ctx.shouldDisplayAddOption) {\n\t\t\t\t<div\n\t\t\t\t\tclass=\"addOption palette-product\"\n\t\t\t\t\t[class.is-stuck]=\"true\"\n\t\t\t\t\t(click)=\"selectInput.emitAddOption()\"\n\t\t\t\t\t(selected)=\"selectInput.emitAddOption()\"\n\t\t\t\t\telementId=\"picker-content-add\"\n\t\t\t\t\tluCoreSelectPanelElement\n\t\t\t\t>\n\t\t\t\t\t<div class=\"addOption-content\">\n\t\t\t\t\t\t<lu-icon icon=\"mathsPlus\" />\n\t\t\t\t\t\t<ng-container *luPortal=\"selectInput.addOptionLabel\" />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</div>\n\t</div>\n}\n", styles: ["@layer components{.optionItem-groupKey{padding-block:var(--components-options-item-padding-vertical) var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-horizontal);font:var(--pr-t-font-body-S);inline-size:100%;text-align:start;color:var(--palettes-neutral-600);margin:0}}@layer components{.addOption{position:sticky;inset-block-end:0;background-color:var(--pr-t-elevation-surface-raised)}}@layer mods{.addOption.is-highlighted .addOption-content{--components-button-color: var(--palettes-700, var(--palettes-neutral-700));--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption.is-stuck{margin-block-start:var(--pr-t-spacings-100);box-shadow:0 0 0 4px var(--pr-t-elevation-surface-raised),0 0 0 1px color-mix(in srgb,var(--palettes-neutral-400) 8%,transparent),0 0 4px 4px color-mix(in srgb,var(--palettes-neutral-400) 32%,transparent),0 0 8px 4px color-mix(in srgb,var(--palettes-neutral-400) 24%,transparent)}}@layer components{.addOption-content{--components-button-font: var(--pr-t-font-body-M);--components-button-borderRadius: var(--pr-t-border-radius-default);--components-button-paddingBlock: var(--pr-t-spacings-100);--components-button-paddingInline: var(--pr-t-spacings-150);--components-button-paddingBlockStart: var(--components-button-paddingBlock);--components-button-paddingBlockEnd: var(--components-button-paddingBlock);--components-button-paddingInlineStart: var(--components-button-paddingInline);--components-button-paddingInlineEnd: var(--components-button-paddingInline);--components-button-padding: var(--components-button-paddingBlockStart) var(--components-button-paddingInlineEnd) var(--components-button-paddingBlockEnd) var(--components-button-paddingInlineStart);--components-button-gap: var(--pr-t-spacings-100);--components-button-opacity: 1;--components-button-cursor: pointer;--components-button-pointerEvents: auto;--components-button-width: auto;--components-button-minWidth: none;--components-button-userSelect: auto;--components-button-boxShadow: var(--pr-t-elevation-shadow-button);--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-700, var(--palettes-product-700));--components-button-arrow-transform: none;--components-button-AI-background-opacity: 25%;--components-button-font-size: var(--pr-t-font-body-M-fontSize);--components-button-line-height: var(--pr-t-font-body-M-lineHeight);--icon-size: 1.5rem;background-color:var(--components-button-backgroundColor);box-shadow:var(--components-button-boxShadow);border-radius:var(--components-button-borderRadius);padding:var(--components-button-padding);transition-property:background-color,color,border-color,box-shadow;transition-duration:var(--commons-animations-durations-fast);inline-size:var(--components-button-width);min-inline-size:var(--components-button-minWidth);font:var(--components-button-font);font-size:var(--components-button-font-size);line-height:var(--components-button-line-height);font-weight:var(--pr-t-font-fontWeight-semibold);gap:var(--components-button-gap);pointer-events:var(--components-button-pointerEvents);-webkit-user-select:var(--components-button-userSelect);user-select:var(--components-button-userSelect);opacity:var(--components-button-opacity);cursor:var(--components-button-cursor);transition-timing-function:ease;display:inline-flex;align-items:center;justify-content:center;position:relative;text-decoration:none;vertical-align:middle;text-wrap:balance;text-align:center;border:0}.addOption-content,.addOption-content:is(a){color:var(--components-button-color)}.addOption-content .lucca-icon{display:block}.addOption-content .button-icon{--icon-size: 1.5rem}.addOption-content:not(.mod-outlined,.mod-outline) .numericBadge{--components-numericBadge-background: var(--palettes-200, var(--palettes-product-200));--components-numericBadge-color: var(--palettes-800, var(--palettes-product-800))}.addOption-content:hover{--components-button-color: var(--palettes-0, var(--palettes-text, var(--palettes-product-0)));--components-button-backgroundColor: var(--palettes-800, var(--palettes-product-800))}.addOption-content:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:var(--components-button-borderRadius)}.addOption-content:active{--components-button-backgroundColor: var(--palettes-900, var(--palettes-product-900))}.addOption-content:disabled{--components-button-cursor: default;--components-button-color: var(--palettes-neutral-500);--components-button-backgroundColor: var(--commons-disabled-background);--components-button-pointerEvents: none}.addOption-content:disabled .numericBadge{--components-numericBadge-background: var(--palettes-neutral-200);--components-numericBadge-color: var(--palettes-neutral-500)}.addOption-content{--components-button-width: 100%;--components-button-backgroundColor: transparent;--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-boxShadow: none}.addOption-content:hover,.addOption-content:focus-visible{--components-button-color: var(--palettes-700, var(--pr-t-color-text-subtle));--components-button-backgroundColor: var(--palettes-50, var(--palettes-neutral-50))}.addOption-content:active{--components-button-backgroundColor: var(--palettes-100, var(--palettes-neutral-100))}.addOption-content:disabled{--components-button-backgroundColor: transparent;--components-button-color: var(--pr-t-color-text-disabled)}.addOption-content{justify-content:left;--components-button-padding: var(--pr-t-spacings-50)}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: _LuOptionComponent, selector: "lu-select-option", inputs: ["intl", "optionTpl", "option", "grouping", "hasChildren", "groupIndex", "optionIndex", "scrollIntoViewOptions", "groupTemplateLocation"], outputs: ["onlyParent", "onlyChildren"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: PortalDirective, selector: "[luPortal]", inputs: ["luPortal", "luPortalContext"] }, { kind: "directive", type: _CoreSelectPanelElement, selector: "[luCoreSelectPanelElement]", inputs: ["elementId", "isSelected", "option", "disabled"], outputs: ["isSelectedChange", "selected"], exportAs: ["luCoreSelectPanelElement"] }, { kind: "component", type: IconComponent, selector: "pr-icon,lu-icon", inputs: ["icon", "alt", "size", "color", "AI"] }, { kind: "component", type: TreeBranchComponent, selector: "lu-tree-branch", inputs: ["branch", "optionTpl", "optionIndex", "optionComparer", "selectedOptions", "simpleMode", "depth"], outputs: ["toggleOne", "selectMany", "unselectMany"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: LuIsOptionSelectedPipe, name: "luIsOptionSelected" }, { kind: "pipe", type: _LuOptionGroupPipe, name: "luOptionGroup" }, { kind: "pipe", type: LuOptionsGroupContextPipe, name: "luOptionsGroupContext" }, { kind: "pipe", type: TreeDisplayPipe, name: "luTreeDisplay" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuMultiSelectPanelComponent, decorators: [{
             type: Component,
@@ -395,7 +395,7 @@ class LuMultiSelectPanelRefFactory {
             .flexibleConnectedTo(this.elementRef)
             .withGrowAfterOpen(true)
             .withLockedPosition(false)
-            .withViewportMargin(8)
+            .withViewportMargin(10)
             .withPositions([
             this.buildPosition('bottom', 'right', config),
             this.buildPosition('bottom', 'left', config),
@@ -535,11 +535,11 @@ class LuMultiSelectInputComponent extends ALuSelectInputComponent {
                 provide: FILTER_PILL_INPUT_COMPONENT,
                 useExisting: forwardRef(() => LuMultiSelectInputComponent),
             },
-        ], viewQueries: [{ propertyName: "filterPillPanelAnchorRef", first: true, predicate: ["filterPillPanelAnchor"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl(); value: value || []\" />\n\n@if (!filterPillMode) {\n\t@if (hasValue() && clearable && (disabled$ | async) === false) {\n\t\t<lu-clear class=\"multipleSelect-clear\" (onClear)=\"clearValue($event)\">{{ intl().clear }}</lu-clear>\n\t}\n\n\t<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n\t<span aria-hidden=\"true\" class=\"multipleSelect-searchIcon lucca-icon icon-searchMagnifyingGlass\"></span>\n}\n\n<ng-container #filterPillPanelAnchor />\n<ng-container *luFilterPillDisplayer>\n\t<div class=\"multipleSelect-displayer-filter\">\n\t\t@if (useSingleOptionDisplayer() && valueLength() === 1) {\n\t\t\t<div class=\"multipleSelect-pill-displayer-chip\">\n\t\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: value[0]\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</ng-container>\n<ng-container *luFilterPillLabel=\"let label = label; let colon = colon\">\n\t@let minCount = useSingleOptionDisplayer() ? 1 : 0;\n\t@if (valueLength() > minCount) {\n\t\t<span class=\"multipleSelect-pill-displayer-label\">{{ valueLength() }}&nbsp;{{ filterPillLabelPlural }}</span>\n\t} @else {\n\t\t{{ label }}\n\t\t@if (valueLength() === 1) {\n\t\t\t{{ colon }}\n\t\t}\n\t}\n</ng-container>\n@if (!ignorePresentation()) {\n\t<ng-container *luPresentationDisplay>\n\t\t@for (v of value; track $index) {\n\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: v\" />\n\t\t\t@if (!$last) {\n\t\t\t\t<span>, </span>\n\t\t\t}\n\t\t}\n\t</ng-container>\n}\n", styles: ["@layer components{.multiSelect{--components-multiSelect-font: var(--pr-t-font-body-M);--components-multiSelect-padding: var(--pr-t-spacings-100);--components-multiSelect-gap: var(--pr-t-spacings-100);--components-multiSelect-background: var(--pr-t-color-input-background);--components-multiSelect-border-color: var(--pr-t-color-input-border);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multiSelect:hover{--components-multiSelect-border-color: var(--pr-t-color-input-border-hover)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multipleSelect-displayer{display:flex;gap:var(--pr-t-spacings-50);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip{min-inline-size:0;--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.multipleSelect-displayer-chip-value{max-inline-size:8.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-inline-size:2rem;inline-size:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--pr-t-color-input-text);font:var(--components-multiSelect-font);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--components-multiSelect-placeholder)}.multipleSelect-displayer-label{font:var(--components-multiSelect-font)}.multipleSelect-clear{margin-block-end:var(--pr-t-spacings-50)}.multipleSelect-arrow,.multipleSelect-searchIcon{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color);transition-property:transform;transition-duration:var(--commons-animations-durations-standard)}.multipleSelect-searchIcon{display:none}.multipleSelect-pill-displayer-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multipleSelect-pill-displayer-label{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.multiSelect.mod-S{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.multiSelect.mod-S .multipleSelect-arrow,.multiSelect.mod-S .multipleSelect-searchIcon{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear.clear,.multiSelect.mod-S .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip.chip,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.multiSelect.mod-S .multipleSelect-displayer-chip.chip .lucca-icon,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.multiSelect.mod-filterPill{flex-direction:column;align-items:stretch;box-shadow:none;padding:0;gap:0;inline-size:26.5rem;max-inline-size:calc(100vw - 2.5rem)}.multiSelect.mod-filterPill .multipleSelect-displayer{box-shadow:0 0 0 1px var(--components-multiSelect-border-color);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);z-index:1;position:relative;max-block-size:min(14rem,80vh);overflow:auto}.multiSelect.mod-filterPill .lu-picker-content{animation:none;box-shadow:none;border-radius:0;background-color:transparent;padding:var(--pr-t-spacings-50);margin:var(--pr-t-spacings-75) calc(var(--pr-t-spacings-100) * -1) calc(var(--pr-t-spacings-100) * -1)}.multiSelect.mod-filterPill .lu-picker-content lu-simple-select-default-option.pr-u-ellipsis{white-space:normal!important}.multiSelect.mod-filterPill:has(.multipleSelect-displayer-search:focus-visible){outline:none}.multiSelect.mod-filterPill .multipleSelect-displayer:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect.is-selected .multipleSelect-displayer-search[readonly],.multiSelect.is-selected .multipleSelect-displayer-search:not(:focus){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--pr-t-color-input-border-critical);--components-multiSelect-background: var(--pr-t-color-input-background-critical);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-background: var(--commons-disabled-background);--components-multiSelect-placeholder: var(--commons-disabled-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon-disabled);pointer-events:none}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip .chip-kill{display:none}.multiSelect:has([aria-expanded=true]) .multipleSelect-arrow{transform:rotate(-180deg)}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow{display:none}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon{display:inline-flex;transform:none}}@layer components{.multipleSelect-displayer-filter{min-inline-size:0;display:flex;gap:.5ch}.multipleSelect-displayer-filter:empty{display:none}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}@layer components{.chip{--components-chip-font: var(--pr-t-font-body-S);--components-chip-backgroundColor: var(--palettes-100, var(--palettes-neutral-100));--components-chip-color: var(--palettes-800, var(--pr-t-color-text));--components-chip-borderRadius: var(--pr-t-border-radius-default);--components-chip-kill-size: .75rem;--components-chip-kill-disk-color: var(--palettes-800, var(--palettes-neutral-800));--components-chip-kill-cross-color: var(--palettes-text, var(--palettes-neutral-text));--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");--components-chip-fontSize: var(--pr-t-font-body-S-fontSize);--components-chip-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-chip-backgroundColor);border:none;border-radius:var(--components-chip-borderRadius);color:var(--components-chip-color);display:inline-flex;align-items:center;position:relative;vertical-align:middle;padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-100);font:var(--components-chip-font);max-inline-size:100%}.chip .lucca-icon{--icon-size: 1rem;margin-inline-end:var(--pr-t-spacings-50)}.chip-content{outline:none}.chip-kill{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";place-items:center;inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);margin:calc(var(--pr-t-spacings-75) * -1);margin-inline-start:var(--pr-t-spacings-25);flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main;inline-size:var(--components-chip-kill-size);block-size:var(--components-chip-kill-size)}.chip-kill:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-chip-kill-disk-color)}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color)}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-700, var(--palettes-neutral-700))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-900, var(--palettes-neutral-900))}}@layer mods{.chip.mod-S{--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.chip.mod-S .lucca-icon{--icon-size: .75rem}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.is-disabled{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.chip.is-disabled .chip-kill{display:none}.chip:has(.chip-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: _LuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "directive", type: FilterPillLabelDirective, selector: "[luFilterPillLabel]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "directive", type: PresentationDisplayDirective, selector: "[luPresentationDisplay]" }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "filterPillPanelAnchorRef", first: true, predicate: ["filterPillPanelAnchor"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ng-container *luOptionOutlet=\"valuesTpl(); value: value || []\" />\n\n@if (!filterPillMode) {\n\t@if (hasValue() && clearable && (disabled$ | async) === false) {\n\t\t<lu-clear class=\"multipleSelect-clear\" (onClear)=\"clearValue($event)\">{{ intl().clear }}</lu-clear>\n\t}\n\n\t<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n\t<span aria-hidden=\"true\" class=\"multipleSelect-searchIcon lucca-icon icon-searchMagnifyingGlass\"></span>\n}\n\n<ng-container #filterPillPanelAnchor />\n<ng-container *luFilterPillDisplayer>\n\t<div class=\"multipleSelect-displayer-filter\">\n\t\t@if (useSingleOptionDisplayer() && valueLength() === 1) {\n\t\t\t<div class=\"multipleSelect-pill-displayer-chip\">\n\t\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: value[0]\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</ng-container>\n<ng-container *luFilterPillLabel=\"let label = label; let colon = colon\">\n\t@let minCount = useSingleOptionDisplayer() ? 1 : 0;\n\t@if (valueLength() > minCount) {\n\t\t<span class=\"multipleSelect-pill-displayer-label\">{{ valueLength() }}&nbsp;{{ filterPillLabelPlural }}</span>\n\t} @else {\n\t\t{{ label }}\n\t\t@if (valueLength() === 1) {\n\t\t\t{{ colon }}\n\t\t}\n\t}\n</ng-container>\n", styles: ["@layer components{.multiSelect{--components-multiSelect-font: var(--pr-t-font-body-M);--components-multiSelect-padding: var(--pr-t-spacings-100);--components-multiSelect-gap: var(--pr-t-spacings-100);--components-multiSelect-background: var(--pr-t-color-input-background);--components-multiSelect-border-color: var(--pr-t-color-input-border);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multiSelect:hover{--components-multiSelect-border-color: var(--pr-t-color-input-border-hover)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multipleSelect-displayer{display:flex;gap:var(--pr-t-spacings-50);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip{min-inline-size:0;--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.multipleSelect-displayer-chip-value{max-inline-size:8.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-inline-size:2rem;inline-size:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--pr-t-color-input-text);font:var(--components-multiSelect-font);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--components-multiSelect-placeholder)}.multipleSelect-displayer-label{font:var(--components-multiSelect-font)}.multipleSelect-clear{margin-block-end:var(--pr-t-spacings-50)}.multipleSelect-arrow,.multipleSelect-searchIcon{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color);transition-property:transform;transition-duration:var(--commons-animations-durations-standard)}.multipleSelect-searchIcon{display:none}.multipleSelect-pill-displayer-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multipleSelect-pill-displayer-label{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.multiSelect.mod-S{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.multiSelect.mod-S .multipleSelect-arrow,.multiSelect.mod-S .multipleSelect-searchIcon{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear.clear,.multiSelect.mod-S .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip.chip,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.multiSelect.mod-S .multipleSelect-displayer-chip.chip .lucca-icon,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.multiSelect.mod-filterPill{flex-direction:column;align-items:stretch;box-shadow:none;padding:0;gap:0;inline-size:26.5rem;max-inline-size:calc(100vw - 2.5rem)}.multiSelect.mod-filterPill .multipleSelect-displayer{box-shadow:0 0 0 1px var(--components-multiSelect-border-color);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);z-index:1;position:relative;max-block-size:min(14rem,80vh);overflow:auto}.multiSelect.mod-filterPill .lu-picker-content{animation:none;box-shadow:none;border-radius:0;background-color:transparent;padding:var(--pr-t-spacings-50);margin:var(--pr-t-spacings-50) calc(var(--pr-t-spacings-100) * -1) calc(var(--pr-t-spacings-100) * -1)}.multiSelect.mod-filterPill .lu-picker-content lu-simple-select-default-option.pr-u-ellipsis{white-space:normal!important}.multiSelect.mod-filterPill:has(.multipleSelect-displayer-search:focus-visible){outline:none}.multiSelect.mod-filterPill .multipleSelect-displayer:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect.is-selected .multipleSelect-displayer-search[readonly],.multiSelect.is-selected .multipleSelect-displayer-search:not(:focus){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--pr-t-color-input-border-critical);--components-multiSelect-background: var(--pr-t-color-input-background-critical);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-background: var(--commons-disabled-background);--components-multiSelect-placeholder: var(--commons-disabled-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon-disabled);pointer-events:none}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip .chip-kill{display:none}.multiSelect:has([aria-expanded=true]) .multipleSelect-arrow{transform:rotate(-180deg)}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow{display:none}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon{display:inline-flex;transform:none}}@layer components{.multipleSelect-displayer-filter{min-inline-size:0;display:flex;gap:.5ch}.multipleSelect-displayer-filter:empty{display:none}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear,.textfield-input:not(.is-selected) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}@layer components{.chip{--components-chip-font: var(--pr-t-font-body-S);--components-chip-backgroundColor: var(--palettes-100, var(--palettes-neutral-100));--components-chip-color: var(--palettes-800, var(--pr-t-color-text));--components-chip-borderRadius: var(--pr-t-border-radius-default);--components-chip-kill-size: .75rem;--components-chip-kill-disk-color: var(--palettes-800, var(--palettes-neutral-800));--components-chip-kill-cross-color: var(--palettes-text, var(--palettes-neutral-text));--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");--components-chip-fontSize: var(--pr-t-font-body-S-fontSize);--components-chip-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-chip-backgroundColor);border:none;border-radius:var(--components-chip-borderRadius);color:var(--components-chip-color);display:inline-flex;align-items:center;position:relative;vertical-align:middle;padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-100);font:var(--components-chip-font);max-inline-size:100%}.chip .lucca-icon{--icon-size: 1rem;margin-inline-end:var(--pr-t-spacings-50)}.chip-content{outline:none}.chip-kill{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";place-items:center;inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);margin:calc(var(--pr-t-spacings-75) * -1);margin-inline-start:var(--pr-t-spacings-25);flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main;inline-size:var(--components-chip-kill-size);block-size:var(--components-chip-kill-size)}.chip-kill:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-chip-kill-disk-color)}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color)}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-700, var(--palettes-neutral-700))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-900, var(--palettes-neutral-900))}}@layer mods{.chip.mod-S{--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.chip.mod-S .lucca-icon{--icon-size: .75rem}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.is-disabled{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.chip.is-disabled .chip-kill{display:none}.chip:has(.chip-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}}\n"], dependencies: [{ kind: "ngmodule", type: LuTooltipModule }, { kind: "directive", type: _LuOptionOutletDirective, selector: "[luOptionOutlet]", inputs: ["luOptionOutlet", "luOptionOutletValue", "luOptionShowNull"] }, { kind: "directive", type: FilterPillDisplayerDirective, selector: "[luFilterPillDisplayer]" }, { kind: "directive", type: FilterPillLabelDirective, selector: "[luFilterPillLabel]" }, { kind: "component", type: ClearComponent, selector: "lu-clear", inputs: ["intl", "size", "disabled", "palette", "inverted"], outputs: ["onClear"], exportAs: ["luClearer"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuMultiSelectInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lu-multi-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, LuTooltipModule, _LuOptionOutletDirective, FilterPillDisplayerDirective, FilterPillLabelDirective, ClearComponent, PresentationDisplayDirective], providers: [
+            args: [{ selector: 'lu-multi-select', changeDetection: ChangeDetectionStrategy.OnPush, imports: [AsyncPipe, LuTooltipModule, _LuOptionOutletDirective, FilterPillDisplayerDirective, FilterPillLabelDirective, ClearComponent], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => LuMultiSelectInputComponent),
@@ -557,7 +557,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
                         },
                     ], host: {
                         class: 'multiSelect',
-                    }, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl(); value: value || []\" />\n\n@if (!filterPillMode) {\n\t@if (hasValue() && clearable && (disabled$ | async) === false) {\n\t\t<lu-clear class=\"multipleSelect-clear\" (onClear)=\"clearValue($event)\">{{ intl().clear }}</lu-clear>\n\t}\n\n\t<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n\t<span aria-hidden=\"true\" class=\"multipleSelect-searchIcon lucca-icon icon-searchMagnifyingGlass\"></span>\n}\n\n<ng-container #filterPillPanelAnchor />\n<ng-container *luFilterPillDisplayer>\n\t<div class=\"multipleSelect-displayer-filter\">\n\t\t@if (useSingleOptionDisplayer() && valueLength() === 1) {\n\t\t\t<div class=\"multipleSelect-pill-displayer-chip\">\n\t\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: value[0]\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</ng-container>\n<ng-container *luFilterPillLabel=\"let label = label; let colon = colon\">\n\t@let minCount = useSingleOptionDisplayer() ? 1 : 0;\n\t@if (valueLength() > minCount) {\n\t\t<span class=\"multipleSelect-pill-displayer-label\">{{ valueLength() }}&nbsp;{{ filterPillLabelPlural }}</span>\n\t} @else {\n\t\t{{ label }}\n\t\t@if (valueLength() === 1) {\n\t\t\t{{ colon }}\n\t\t}\n\t}\n</ng-container>\n@if (!ignorePresentation()) {\n\t<ng-container *luPresentationDisplay>\n\t\t@for (v of value; track $index) {\n\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: v\" />\n\t\t\t@if (!$last) {\n\t\t\t\t<span>, </span>\n\t\t\t}\n\t\t}\n\t</ng-container>\n}\n", styles: ["@layer components{.multiSelect{--components-multiSelect-font: var(--pr-t-font-body-M);--components-multiSelect-padding: var(--pr-t-spacings-100);--components-multiSelect-gap: var(--pr-t-spacings-100);--components-multiSelect-background: var(--pr-t-color-input-background);--components-multiSelect-border-color: var(--pr-t-color-input-border);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multiSelect:hover{--components-multiSelect-border-color: var(--pr-t-color-input-border-hover)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multipleSelect-displayer{display:flex;gap:var(--pr-t-spacings-50);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip{min-inline-size:0;--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.multipleSelect-displayer-chip-value{max-inline-size:8.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-inline-size:2rem;inline-size:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--pr-t-color-input-text);font:var(--components-multiSelect-font);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--components-multiSelect-placeholder)}.multipleSelect-displayer-label{font:var(--components-multiSelect-font)}.multipleSelect-clear{margin-block-end:var(--pr-t-spacings-50)}.multipleSelect-arrow,.multipleSelect-searchIcon{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color);transition-property:transform;transition-duration:var(--commons-animations-durations-standard)}.multipleSelect-searchIcon{display:none}.multipleSelect-pill-displayer-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multipleSelect-pill-displayer-label{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.multiSelect.mod-S{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.multiSelect.mod-S .multipleSelect-arrow,.multiSelect.mod-S .multipleSelect-searchIcon{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear.clear,.multiSelect.mod-S .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip.chip,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.multiSelect.mod-S .multipleSelect-displayer-chip.chip .lucca-icon,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.multiSelect.mod-filterPill{flex-direction:column;align-items:stretch;box-shadow:none;padding:0;gap:0;inline-size:26.5rem;max-inline-size:calc(100vw - 2.5rem)}.multiSelect.mod-filterPill .multipleSelect-displayer{box-shadow:0 0 0 1px var(--components-multiSelect-border-color);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);z-index:1;position:relative;max-block-size:min(14rem,80vh);overflow:auto}.multiSelect.mod-filterPill .lu-picker-content{animation:none;box-shadow:none;border-radius:0;background-color:transparent;padding:var(--pr-t-spacings-50);margin:var(--pr-t-spacings-75) calc(var(--pr-t-spacings-100) * -1) calc(var(--pr-t-spacings-100) * -1)}.multiSelect.mod-filterPill .lu-picker-content lu-simple-select-default-option.pr-u-ellipsis{white-space:normal!important}.multiSelect.mod-filterPill:has(.multipleSelect-displayer-search:focus-visible){outline:none}.multiSelect.mod-filterPill .multipleSelect-displayer:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect.is-selected .multipleSelect-displayer-search[readonly],.multiSelect.is-selected .multipleSelect-displayer-search:not(:focus){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--pr-t-color-input-border-critical);--components-multiSelect-background: var(--pr-t-color-input-background-critical);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-background: var(--commons-disabled-background);--components-multiSelect-placeholder: var(--commons-disabled-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon-disabled);pointer-events:none}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip .chip-kill{display:none}.multiSelect:has([aria-expanded=true]) .multipleSelect-arrow{transform:rotate(-180deg)}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow{display:none}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon{display:inline-flex;transform:none}}@layer components{.multipleSelect-displayer-filter{min-inline-size:0;display:flex;gap:.5ch}.multipleSelect-displayer-filter:empty{display:none}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}@layer components{.chip{--components-chip-font: var(--pr-t-font-body-S);--components-chip-backgroundColor: var(--palettes-100, var(--palettes-neutral-100));--components-chip-color: var(--palettes-800, var(--pr-t-color-text));--components-chip-borderRadius: var(--pr-t-border-radius-default);--components-chip-kill-size: .75rem;--components-chip-kill-disk-color: var(--palettes-800, var(--palettes-neutral-800));--components-chip-kill-cross-color: var(--palettes-text, var(--palettes-neutral-text));--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");--components-chip-fontSize: var(--pr-t-font-body-S-fontSize);--components-chip-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-chip-backgroundColor);border:none;border-radius:var(--components-chip-borderRadius);color:var(--components-chip-color);display:inline-flex;align-items:center;position:relative;vertical-align:middle;padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-100);font:var(--components-chip-font);max-inline-size:100%}.chip .lucca-icon{--icon-size: 1rem;margin-inline-end:var(--pr-t-spacings-50)}.chip-content{outline:none}.chip-kill{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";place-items:center;inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);margin:calc(var(--pr-t-spacings-75) * -1);margin-inline-start:var(--pr-t-spacings-25);flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main;inline-size:var(--components-chip-kill-size);block-size:var(--components-chip-kill-size)}.chip-kill:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-chip-kill-disk-color)}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color)}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-700, var(--palettes-neutral-700))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-900, var(--palettes-neutral-900))}}@layer mods{.chip.mod-S{--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.chip.mod-S .lucca-icon{--icon-size: .75rem}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.is-disabled{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.chip.is-disabled .chip-kill{display:none}.chip:has(.chip-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, template: "<ng-container *luOptionOutlet=\"valuesTpl(); value: value || []\" />\n\n@if (!filterPillMode) {\n\t@if (hasValue() && clearable && (disabled$ | async) === false) {\n\t\t<lu-clear class=\"multipleSelect-clear\" (onClear)=\"clearValue($event)\">{{ intl().clear }}</lu-clear>\n\t}\n\n\t<span aria-hidden=\"true\" class=\"multipleSelect-arrow lucca-icon icon-arrowChevronBottom\"></span>\n\t<span aria-hidden=\"true\" class=\"multipleSelect-searchIcon lucca-icon icon-searchMagnifyingGlass\"></span>\n}\n\n<ng-container #filterPillPanelAnchor />\n<ng-container *luFilterPillDisplayer>\n\t<div class=\"multipleSelect-displayer-filter\">\n\t\t@if (useSingleOptionDisplayer() && valueLength() === 1) {\n\t\t\t<div class=\"multipleSelect-pill-displayer-chip\">\n\t\t\t\t<ng-container *luOptionOutlet=\"displayerTpl(); value: value[0]\" />\n\t\t\t</div>\n\t\t}\n\t</div>\n</ng-container>\n<ng-container *luFilterPillLabel=\"let label = label; let colon = colon\">\n\t@let minCount = useSingleOptionDisplayer() ? 1 : 0;\n\t@if (valueLength() > minCount) {\n\t\t<span class=\"multipleSelect-pill-displayer-label\">{{ valueLength() }}&nbsp;{{ filterPillLabelPlural }}</span>\n\t} @else {\n\t\t{{ label }}\n\t\t@if (valueLength() === 1) {\n\t\t\t{{ colon }}\n\t\t}\n\t}\n</ng-container>\n", styles: ["@layer components{.multiSelect{--components-multiSelect-font: var(--pr-t-font-body-M);--components-multiSelect-padding: var(--pr-t-spacings-100);--components-multiSelect-gap: var(--pr-t-spacings-100);--components-multiSelect-background: var(--pr-t-color-input-background);--components-multiSelect-border-color: var(--pr-t-color-input-border);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon);display:flex;box-shadow:0 0 0 1px var(--components-multiSelect-border-color);background-color:var(--components-multiSelect-background);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);align-items:flex-end;gap:var(--components-multiSelect-gap);cursor:pointer}.multiSelect:hover{--components-multiSelect-border-color: var(--pr-t-color-input-border-hover)}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multipleSelect-displayer{display:flex;gap:var(--pr-t-spacings-50);flex-wrap:wrap;flex:1}.multipleSelect-displayer-chip{min-inline-size:0;--palettes-text: var(--palettes-product-text);--palettes-0: var(--palettes-product-0);--palettes-25: var(--palettes-product-25);--palettes-50: var(--palettes-product-50);--palettes-100: var(--palettes-product-100);--palettes-200: var(--palettes-product-200);--palettes-300: var(--palettes-product-300);--palettes-400: var(--palettes-product-400);--palettes-500: var(--palettes-product-500);--palettes-600: var(--palettes-product-600);--palettes-700: var(--palettes-product-700);--palettes-800: var(--palettes-product-800);--palettes-900: var(--palettes-product-900)}.multipleSelect-displayer-chip-value{max-inline-size:8.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.multipleSelect-displayer-search{display:block;min-inline-size:2rem;inline-size:auto;flex:1;order:1;border:0;padding:0;outline:none;color:var(--pr-t-color-input-text);font:var(--components-multiSelect-font);background-color:transparent;cursor:pointer}.multipleSelect-displayer-search::placeholder{color:var(--components-multiSelect-placeholder)}.multipleSelect-displayer-label{font:var(--components-multiSelect-font)}.multipleSelect-clear{margin-block-end:var(--pr-t-spacings-50)}.multipleSelect-arrow,.multipleSelect-searchIcon{--icon-size: 1.5rem;color:var(--components-multiSelect-arrow-color);transition-property:transform;transition-duration:var(--commons-animations-durations-standard)}.multipleSelect-searchIcon{display:none}.multipleSelect-pill-displayer-chip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multipleSelect-pill-displayer-label{font-weight:var(--pr-t-font-fontWeight-semibold)}}@layer mods{.multiSelect.mod-S{--components-multiSelect-font: var(--pr-t-font-body-S);--components-multiSelect-padding: var(--pr-t-spacings-75);--components-multiSelect-gap: var(--pr-t-spacings-75)}.multiSelect.mod-S .multipleSelect-arrow,.multiSelect.mod-S .multipleSelect-searchIcon{--icon-size: 1.25rem}.multiSelect.mod-S .multipleSelect-clear.clear,.multiSelect.mod-S .multipleSelect-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.multiSelect.mod-S .multipleSelect-displayer-chip.chip,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip){--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.multiSelect.mod-S .multipleSelect-displayer-chip.chip .lucca-icon,.multiSelect.mod-S .multipleSelect-displayer-chip:not(.chip) .lucca-icon{--icon-size: .75rem}.multiSelect.mod-filterPill{flex-direction:column;align-items:stretch;box-shadow:none;padding:0;gap:0;inline-size:26.5rem;max-inline-size:calc(100vw - 2.5rem)}.multiSelect.mod-filterPill .multipleSelect-displayer{box-shadow:0 0 0 1px var(--components-multiSelect-border-color);border-radius:var(--pr-t-border-radius-input);padding:var(--components-multiSelect-padding);z-index:1;position:relative;max-block-size:min(14rem,80vh);overflow:auto}.multiSelect.mod-filterPill .lu-picker-content{animation:none;box-shadow:none;border-radius:0;background-color:transparent;padding:var(--pr-t-spacings-50);margin:var(--pr-t-spacings-50) calc(var(--pr-t-spacings-100) * -1) calc(var(--pr-t-spacings-100) * -1)}.multiSelect.mod-filterPill .lu-picker-content lu-simple-select-default-option.pr-u-ellipsis{white-space:normal!important}.multiSelect.mod-filterPill:has(.multipleSelect-displayer-search:focus-visible){outline:none}.multiSelect.mod-filterPill .multipleSelect-displayer:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect.is-selected .multipleSelect-displayer-search[readonly],.multiSelect.is-selected .multipleSelect-displayer-search:not(:focus){border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.multiSelect:has(.multipleSelect-displayer-search:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.multiSelect:has(.multipleSelect-displayer-search[aria-invalid=true]){--components-multiSelect-border-color: var(--pr-t-color-input-border-critical);--components-multiSelect-background: var(--pr-t-color-input-background-critical);--components-multiSelect-placeholder: var(--pr-t-color-input-text-placeholder-critical)}.multiSelect:has(.multipleSelect-displayer-search:disabled){--components-multiSelect-background: var(--commons-disabled-background);--components-multiSelect-placeholder: var(--commons-disabled-placeholder);--components-multiSelect-arrow-color: var(--pr-t-color-input-icon-disabled);pointer-events:none}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.multiSelect:has(.multipleSelect-displayer-search:disabled) .multipleSelect-displayer-chip .chip-kill{display:none}.multiSelect:has([aria-expanded=true]) .multipleSelect-arrow{transform:rotate(-180deg)}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-arrow{display:none}.multiSelect:not(.mod-noClueIcon):has(.multipleSelect-displayer-search:focus-visible):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon,.multiSelect:not(.mod-noClueIcon):has([aria-expanded=true]):not(:has(.multipleSelect-displayer-search:read-only)) .multipleSelect-searchIcon{display:inline-flex;transform:none}}@layer components{.multipleSelect-displayer-filter{min-inline-size:0;display:flex;gap:.5ch}.multipleSelect-displayer-filter:empty{display:none}}@layer components{.clear{--components-clear-display: grid;--components-clear-size: 1rem;--components-clear-background: var(--palettes-800, var(--palettes-neutral-800));--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:var(--components-clear-display);grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";align-items:normal;flex-shrink:0;inline-size:var(--components-clear-size);block-size:var(--components-clear-size);border-radius:var(--pr-t-border-radius-full)}.clear:before,.clear:after{content:\"\";grid-area:main}.clear:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-clear-background)}.clear:after{-webkit-mask-image:var(--components-clear-background-image);mask-image:var(--components-clear-background-image);-webkit-mask-size:var(--components-clear-size);mask-size:var(--components-clear-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-clear-cross-color)}.clear:hover{--components-clear-cross-color: var(--palettes-0, var(--palettes-neutral-0));--components-clear-background: var(--palettes-700, var(--palettes-neutral-700))}.clear:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:2px;border-radius:50%}.clear:active{--components-clear-background: var(--palettes-900, var(--palettes-neutral-900))}.clear .lucca-icon{display:none}}@layer mods{.clear.mod-S{--components-clear-size: .75rem;--icon-size: .75rem}.clear.mod-inverted{--components-clear-cross-color: var(--palettes-800, var(--palettes-neutral-800));--components-clear-background: var(--palettes-0, var(--palettes-neutral-0))}.clear.mod-inverted:hover{--components-clear-background: var(--palettes-50, var(--palettes-neutral-50))}.clear.mod-inverted:active{--components-clear-background: var(--palettes-100, var(--palettes-neutral-100))}.clear[disabled]{cursor:default;--components-clear-cross-color: var(--palettes-neutral-500)}.clear[disabled],.clear[disabled]:hover,.clear[disabled]:active{--components-clear-background: var(--palettes-neutral-300)}.clear[hidden],.filterPill[disabled] .clear,.filterPill:not(.is-filled) .clear,.textfield-input[disabled] .clear,.textfield-input:not(.is-filled) .clear,.textfield-input:not(.is-selected) .clear{--components-clear-display: none}.multiSelect.is-selected:has(.multipleSelect-clear) .clear{--components-clear-display: grid}}@layer components{.chip{--components-chip-font: var(--pr-t-font-body-S);--components-chip-backgroundColor: var(--palettes-100, var(--palettes-neutral-100));--components-chip-color: var(--palettes-800, var(--pr-t-color-text));--components-chip-borderRadius: var(--pr-t-border-radius-default);--components-chip-kill-size: .75rem;--components-chip-kill-disk-color: var(--palettes-800, var(--palettes-neutral-800));--components-chip-kill-cross-color: var(--palettes-text, var(--palettes-neutral-text));--components-chip-kill-background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='16' fill='none'%3E%3Cpath d='M5.80473 4.86192C5.54438 4.60157 5.12227 4.60157 4.86192 4.86192C4.60157 5.12227 4.60157 5.54438 4.86192 5.80473L7.05718 7.99999L4.86192 10.1953C4.60157 10.4556 4.60157 10.8777 4.86192 11.1381C5.12227 11.3984 5.54438 11.3984 5.80473 11.1381L7.99999 8.9428L10.1953 11.1381C10.4556 11.3984 10.8777 11.3984 11.1381 11.1381C11.3984 10.8777 11.3984 10.4556 11.1381 10.1953L8.9428 7.99999L11.1381 5.80473C11.3984 5.54438 11.3984 5.12227 11.1381 4.86192C10.8777 4.60157 10.4556 4.60157 10.1953 4.86192L7.99999 7.05718L5.80473 4.86192Z' fill='currentColor'/%3E%3C/svg%3E\");--components-chip-fontSize: var(--pr-t-font-body-S-fontSize);--components-chip-lineHeight: var(--pr-t-font-body-S-lineHeight);background-color:var(--components-chip-backgroundColor);border:none;border-radius:var(--components-chip-borderRadius);color:var(--components-chip-color);display:inline-flex;align-items:center;position:relative;vertical-align:middle;padding-block:calc(var(--pr-t-spacings-50) / 2);padding-inline:var(--pr-t-spacings-100);font:var(--components-chip-font);max-inline-size:100%}.chip .lucca-icon{--icon-size: 1rem;margin-inline-end:var(--pr-t-spacings-50)}.chip-content{outline:none}.chip-kill{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:\"main\";place-items:center;inline-size:var(--pr-t-spacings-300);block-size:var(--pr-t-spacings-300);margin:calc(var(--pr-t-spacings-75) * -1);margin-inline-start:var(--pr-t-spacings-25);flex-shrink:0;cursor:pointer}.chip-kill:before,.chip-kill:after{content:\"\";grid-area:main;inline-size:var(--components-chip-kill-size);block-size:var(--components-chip-kill-size)}.chip-kill:before{border-radius:var(--pr-t-border-radius-full);background-color:var(--components-chip-kill-disk-color)}.chip-kill:after{-webkit-mask-image:var(--components-chip-kill-background-image);mask-image:var(--components-chip-kill-background-image);-webkit-mask-size:var(--components-chip-kill-size);mask-size:var(--components-chip-kill-size);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--components-chip-kill-cross-color)}.chip-kill:hover{--components-chip-kill-disk-color: var(--palettes-700, var(--palettes-neutral-700))}.chip-kill:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:-4px;border-radius:var(--pr-t-border-radius-full)}.chip-kill:active{--components-chip-kill-disk-color: var(--palettes-900, var(--palettes-neutral-900))}}@layer mods{.chip.mod-S{--components-chip-font: var(--pr-t-font-body-XS);--components-chip-borderRadius: var(--pr-t-border-radius-small)}.chip.mod-S .lucca-icon{--icon-size: .75rem}.chip.mod-unkillable .chip-kill{display:none}.chip.mod-clickable{cursor:pointer;text-decoration:none}.chip.is-disabled{--components-chip-backgroundColor: var(--palettes-neutral-200);--components-chip-color: var(--pr-t-color-text-subtle)}.chip.is-disabled .chip-kill{display:none}.chip:has(.chip-content:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:2px}}\n"] }]
         }], propDecorators: { intl: [{ type: i0.Input, args: [{ isSignal: true, alias: "intl", required: false }] }], valuesTpl: [{ type: i0.Input, args: [{ isSignal: true, alias: "valuesTpl", required: false }] }, { type: i0.Output, args: ["valuesTplChange"] }], maxValuesShown: [{
                 type: Input,
                 args: [{ transform: numberAttribute }]
@@ -672,7 +672,7 @@ class LuMultiSelectDisplayerInputDirective {
         this.#activeDescendant = toSignal(this.select.activeDescendant$);
         this.#disabled = toSignal(this.select.disabled$);
         this.#placeholder = toSignal(this.context.option$.pipe(startWith([]), switchMap((options) => {
-            if ((options || []).length > 0 || this.selectAllContext?.mode() === 'all') {
+            if ((options || []).length > 0) {
                 return of('');
             }
             return this.select.placeholder$.pipe(map((placeholder) => ((isNotNil(placeholder) && placeholder.length > 0) || this.contentDisplayer ? placeholder : this.select.intl().placeholder)));
@@ -841,7 +841,7 @@ class LuMultiSelectAllHeaderComponent {
 				/>
 			</lu-form-field>
 		</div>
-	`, isInline: true, styles: ["@layer components{:host{display:block;background-color:var(--palettes-neutral-0);border-block-end:1px solid var(--commons-border-200);padding-block:0 var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-vertical);margin-block:0 var(--components-options-item-padding-vertical);margin-inline:calc(-1 * var(--pr-t-spacings-50));scroll-margin-block-start:var(--pr-t-spacings-50)}}@layer components{.multiSelectAllDisplayer{border-radius:var(--pr-t-border-radius-default);cursor:pointer}.multiSelectAllDisplayer ::ng-deep .formLabel{inline-size:100%;padding-block:var(--components-options-item-padding-vertical);padding-inline:0}}@layer mods{.multiSelectAllDisplayer:hover,:host-context(.is-highlighted) .multiSelectAllDisplayer{background-color:var(--palettes-neutral-50)}.multiSelectAllDisplayer:has(.checkboxField-input:checked){background-color:var(--palettes-50, var(--palettes-product-50))}.multiSelectAllDisplayer:has(.checkboxField-input:checked):hover,:host-context(.is-highlighted) .multiSelectAllDisplayer:has(.checkboxField-input:checked){background-color:var(--palettes-100, var(--palettes-product-100))}}@layer components{.multiSelectAllDisplayer-checkbox{margin-block:var(--components-options-item-padding-vertical) 0;margin-inline:var(--components-options-item-padding-horizontal) 0}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter", "presentation"], outputs: ["rolePresentationLabelChange", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+	`, isInline: true, styles: ["@layer components{:host{display:block;background-color:var(--palettes-neutral-0);border-block-end:1px solid var(--commons-border-200);padding-block:0 var(--pr-t-spacings-50);padding-inline:var(--components-options-item-padding-vertical);margin-block:0 var(--components-options-item-padding-vertical);margin-inline:calc(-1 * var(--pr-t-spacings-50));scroll-margin-block-start:var(--pr-t-spacings-50)}}@layer components{.multiSelectAllDisplayer{border-radius:var(--pr-t-border-radius-default);cursor:pointer}.multiSelectAllDisplayer ::ng-deep .formLabel{inline-size:100%;padding-block:var(--components-options-item-padding-vertical);padding-inline:0}}@layer mods{.multiSelectAllDisplayer:hover,:host-context(.is-highlighted) .multiSelectAllDisplayer{background-color:var(--palettes-neutral-50)}.multiSelectAllDisplayer:has(.checkboxField-input:checked){background-color:var(--palettes-50, var(--palettes-product-50))}.multiSelectAllDisplayer:has(.checkboxField-input:checked):hover,:host-context(.is-highlighted) .multiSelectAllDisplayer:has(.checkboxField-input:checked){background-color:var(--palettes-100, var(--palettes-product-100))}}@layer components{.multiSelectAllDisplayer-checkbox{margin-block:var(--components-options-item-padding-vertical) 0;margin-inline:var(--components-options-item-padding-horizontal) 0}}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: CheckboxInputComponent, selector: "lu-checkbox-input", inputs: ["checklist", "mixed"] }, { kind: "component", type: FormFieldComponent, selector: "lu-form-field", inputs: ["intl", "label", "hiddenLabel", "rolePresentationLabel", "inline", "statusControl", "tooltip", "tag", "AI", "iconAItooltip", "iconAIalt", "width", "invalid", "inlineMessage", "errorInlineMessage", "inlineMessageState", "size", "extraDescribedBy", "layout", "counter"], outputs: ["rolePresentationLabelChange", "layoutChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: LuMultiSelectAllHeaderComponent, decorators: [{
             type: Component,
@@ -927,9 +927,6 @@ class LuMultiSelectWithSelectAllDirective extends _IsSelectedStrategy {
         if (this.#values().length) {
             this.#values.set([]);
         }
-        if (selectAll) {
-            this.select.focusInput$.next({ keepClue: true });
-        }
         this.#mode.set(selectAll ? 'all' : 'none');
         this.#onChange?.(this.#selectAllValue());
     }