@fundamental-ngx/core 0.46.0-rc.2 → 0.46.0-rc.21

package/fesm2022/fundamental-ngx-core-illustrated-message.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/src/lib/illustrated-message/illustrated-message.component.ts","../../../../libs/core/src/lib/illustrated-message/illustrated-message.component.html","../../../../libs/core/src/lib/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/src/lib/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/src/lib/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/src/lib/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/src/lib/illustrated-message/illustrated-message.module.ts","../../../../libs/core/src/lib/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation,\n    SimpleChanges\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { applyCssClass, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { fromEvent, Subscription } from 'rxjs';\n\nexport interface SvgConfig {\n    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n}\n\nexport interface SvgItemConfig {\n    url: string;\n    id: string;\n    file: string;\n}\n\nexport type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot';\n\nlet illustratedMessageUniqueId = 0;\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message]',\n    templateUrl: './illustrated-message.component.html',\n    styleUrls: ['./illustrated-message.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IllustratedMessageComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit, CssClassBuilder {\n    /**\n     * The type of the Illustrated Message\n     * Options include: 'scene' | 'spot' | 'dialog' | 'dot'.\n     * The default type is set to 'scene'\n     */\n    @Input()\n    type: IllustratedMessageType = 'scene';\n\n    /**\n     * An object containing url and id for each type used to construct the svg href\n     * For 'scene' type 'scene' and 'dialog' values are required\n     * In small screens (less than 600px) 'dialog' svg will be applied for 'scene' type\n     */\n    @Input()\n    svgConfig: SvgConfig;\n\n    /**\n     * When set to true will remove the illustration from the Illustrated Message\n     * The default is set to false\n     */\n    @Input()\n    noSvg = false;\n\n    /**\n     * Id of the Illustrated Message\n     * If not provided, a default one is generated\n     */\n    @Input()\n    @HostBinding('attr.id')\n    id: string = 'fd-illustrated-message-' + illustratedMessageUniqueId++;\n\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** @hidden */\n    _href: string;\n\n    /** @hidden */\n    _isSmallScreen: boolean;\n\n    /** @hidden */\n    _inlineSvg: SafeHtml | undefined;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        private _cdRef: ChangeDetectorRef,\n        private _sanitizer: DomSanitizer\n    ) {}\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        this.buildComponentCssClass();\n        if ('svgConfig' in changes) {\n            this._constructHref();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n        this._constructHref();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.type === 'scene') {\n            this._subscriptions.add(fromEvent(window, 'resize').subscribe(() => this._constructHref()));\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /**\n     * @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-illustrated-message', this.type ? `fd-illustrated-message--${this.type}` : '', this.class];\n    }\n\n    /** @hidden */\n    private _constructHref(): void {\n        let inlineSvg;\n        this._inlineSvg = undefined;\n        if (this.svgConfig) {\n            switch (this.type) {\n                case 'scene':\n                    this._isSmallScreen = window.innerWidth < 600;\n\n                    inlineSvg = this._isSmallScreen ? this.svgConfig.dialog?.file : this.svgConfig.scene?.file;\n\n                    this._href = this._isSmallScreen\n                        ? `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`\n                        : `${this.svgConfig.scene?.url || ''}#${this.svgConfig.scene?.id}`;\n                    break;\n\n                case 'dialog':\n                    inlineSvg = this.svgConfig.dialog?.file;\n                    this._href = `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`;\n                    break;\n\n                case 'spot':\n                    inlineSvg = this.svgConfig.spot?.file;\n                    this._href = `${this.svgConfig.spot?.url || ''}#${this.svgConfig.spot?.id}`;\n                    break;\n                case 'dot':\n                    inlineSvg = this.svgConfig.dot?.file;\n                    this._href = `${this.svgConfig.dot?.url || ''}#${this.svgConfig.dot?.id}`;\n                    break;\n            }\n        }\n        if (inlineSvg) {\n            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);\n        }\n\n        this._cdRef.detectChanges();\n    }\n}\n","<svg class=\"fd-illustrated-message__illustration\" *ngIf=\"!noSvg || _inlineSvg\">\n    <use [attr.href]=\"_href\"></use>\n</svg>\n<div *ngIf=\"_inlineSvg\" style=\"display: none\" [innerHTML]=\"_inlineSvg\"></div>\n<ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'fd-illustrated-message-actions',\n    template: `<ng-content></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__actions'\n    }\n})\nexport class IllustratedMessageActionsComponent {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message-figcaption]',\n    template: `\n        <ng-content select=\"[fd-illustrated-message-title]\"></ng-content>\n        <ng-content select=\"[fd-illustrated-message-text]\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__figcaption'\n    }\n})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]'\n})\nexport class IllustratedMessageTextDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__text')\n    fdIllustratedMessageTextClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]'\n})\nexport class IllustratedMessageTitleDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__title')\n    fdIllustratedMessageTitleClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IllustratedMessageComponent } from './illustrated-message.component';\nimport { IllustratedMessageActionsComponent } from './components/illustrated-message-actions/illustrated-message-actions.component';\n// eslint-disable-next-line max-len\nimport { IllustratedMessageFigcaptionComponent } from './components/illustrated-message-figcaption/illustrated-message-figcaption.component';\nimport { IllustratedMessageTextDirective } from './directives/illustrated-message-text/illustrated-message-text.directive';\nimport { IllustratedMessageTitleDirective } from './directives/illustrated-message-title/illustrated-message-title.directive';\n\n@NgModule({\n    declarations: [\n        IllustratedMessageComponent,\n        IllustratedMessageActionsComponent,\n        IllustratedMessageFigcaptionComponent,\n        IllustratedMessageTextDirective,\n        IllustratedMessageTitleDirective\n    ],\n    imports: [CommonModule],\n    exports: [\n        IllustratedMessageComponent,\n        IllustratedMessageActionsComponent,\n        IllustratedMessageFigcaptionComponent,\n        IllustratedMessageTextDirective,\n        IllustratedMessageTitleDirective\n    ]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-illustrated-message.mjs","sources":["../../../../libs/core/src/lib/illustrated-message/illustrated-message.component.ts","../../../../libs/core/src/lib/illustrated-message/illustrated-message.component.html","../../../../libs/core/src/lib/illustrated-message/components/illustrated-message-actions/illustrated-message-actions.component.ts","../../../../libs/core/src/lib/illustrated-message/components/illustrated-message-figcaption/illustrated-message-figcaption.component.ts","../../../../libs/core/src/lib/illustrated-message/directives/illustrated-message-text/illustrated-message-text.directive.ts","../../../../libs/core/src/lib/illustrated-message/directives/illustrated-message-title/illustrated-message-title.directive.ts","../../../../libs/core/src/lib/illustrated-message/illustrated-message.module.ts","../../../../libs/core/src/lib/illustrated-message/fundamental-ngx-core-illustrated-message.ts"],"sourcesContent":["import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    ViewEncapsulation,\n    SimpleChanges\n} from '@angular/core';\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { applyCssClass, RequireOnlyOne } from '@fundamental-ngx/cdk/utils';\nimport { CssClassBuilder } from '@fundamental-ngx/cdk/utils';\nimport { fromEvent, Subscription } from 'rxjs';\n\nexport interface SvgConfig {\n    scene?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dialog?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    spot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n    dot?: RequireOnlyOne<SvgItemConfig, 'url' | 'file'>;\n}\n\nexport interface SvgItemConfig {\n    url: string;\n    id: string;\n    file: string;\n}\n\nexport type IllustratedMessageType = 'scene' | 'dialog' | 'spot' | 'dot';\n\nlet illustratedMessageUniqueId = 0;\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message]',\n    templateUrl: './illustrated-message.component.html',\n    styleUrls: ['./illustrated-message.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class IllustratedMessageComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit, CssClassBuilder {\n    /**\n     * The type of the Illustrated Message\n     * Options include: 'scene' | 'spot' | 'dialog' | 'dot'.\n     * The default type is set to 'scene'\n     */\n    @Input()\n    type: IllustratedMessageType = 'scene';\n\n    /**\n     * An object containing url and id for each type used to construct the svg href\n     * For 'scene' type 'scene' and 'dialog' values are required\n     * In small screens (less than 600px) 'dialog' svg will be applied for 'scene' type\n     */\n    @Input()\n    svgConfig: SvgConfig;\n\n    /**\n     * When set to true will remove the illustration from the Illustrated Message\n     * The default is set to false\n     */\n    @Input()\n    noSvg = false;\n\n    /**\n     * Id of the Illustrated Message\n     * If not provided, a default one is generated\n     */\n    @Input()\n    @HostBinding('attr.id')\n    id: string = 'fd-illustrated-message-' + illustratedMessageUniqueId++;\n\n    /** User's custom classes */\n    @Input()\n    class: string;\n\n    /** @hidden */\n    _href: string;\n\n    /** @hidden */\n    _isSmallScreen: boolean;\n\n    /** @hidden */\n    _inlineSvg: SafeHtml | undefined;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /** @hidden */\n    constructor(\n        public readonly elementRef: ElementRef,\n        private _cdRef: ChangeDetectorRef,\n        private _sanitizer: DomSanitizer\n    ) {}\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        this.buildComponentCssClass();\n        if ('svgConfig' in changes) {\n            this._constructHref();\n        }\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this.buildComponentCssClass();\n        this._constructHref();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        if (this.type === 'scene') {\n            this._subscriptions.add(fromEvent(window, 'resize').subscribe(() => this._constructHref()));\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n\n    /**\n     * @hidden\n     * CssClassBuilder interface implementation\n     * function must return single string\n     * function is responsible for order which css classes are applied\n     */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return ['fd-illustrated-message', this.type ? `fd-illustrated-message--${this.type}` : '', this.class];\n    }\n\n    /** @hidden */\n    private _constructHref(): void {\n        let inlineSvg;\n        this._inlineSvg = undefined;\n        if (this.svgConfig) {\n            switch (this.type) {\n                case 'scene':\n                    this._isSmallScreen = window.innerWidth < 600;\n\n                    inlineSvg = this._isSmallScreen ? this.svgConfig.dialog?.file : this.svgConfig.scene?.file;\n\n                    this._href = this._isSmallScreen\n                        ? `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`\n                        : `${this.svgConfig.scene?.url || ''}#${this.svgConfig.scene?.id}`;\n                    break;\n\n                case 'dialog':\n                    inlineSvg = this.svgConfig.dialog?.file;\n                    this._href = `${this.svgConfig.dialog?.url || ''}#${this.svgConfig.dialog?.id}`;\n                    break;\n\n                case 'spot':\n                    inlineSvg = this.svgConfig.spot?.file;\n                    this._href = `${this.svgConfig.spot?.url || ''}#${this.svgConfig.spot?.id}`;\n                    break;\n                case 'dot':\n                    inlineSvg = this.svgConfig.dot?.file;\n                    this._href = `${this.svgConfig.dot?.url || ''}#${this.svgConfig.dot?.id}`;\n                    break;\n            }\n        }\n        if (inlineSvg) {\n            this._inlineSvg = this._sanitizer.bypassSecurityTrustHtml(inlineSvg);\n        }\n\n        this._cdRef.detectChanges();\n    }\n}\n","<svg class=\"fd-illustrated-message__illustration\" *ngIf=\"!noSvg || _inlineSvg\">\n    <use [attr.href]=\"_href\"></use>\n</svg>\n<div *ngIf=\"_inlineSvg\" [style.display]=\"'none'\" [innerHTML]=\"_inlineSvg\"></div>\n<ng-content select=\"[fd-illustrated-message-figcaption]\"></ng-content>\n<ng-content select=\"fd-illustrated-message-actions\"></ng-content>\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    selector: 'fd-illustrated-message-actions',\n    template: `<ng-content></ng-content>`,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__actions'\n    }\n})\nexport class IllustratedMessageActionsComponent {}\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\n\n@Component({\n    // eslint-disable-next-line @angular-eslint/component-selector\n    selector: '[fd-illustrated-message-figcaption]',\n    template: `\n        <ng-content select=\"[fd-illustrated-message-title]\"></ng-content>\n        <ng-content select=\"[fd-illustrated-message-text]\"></ng-content>\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        class: 'fd-illustrated-message__figcaption'\n    }\n})\nexport class IllustratedMessageFigcaptionComponent {}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-text]'\n})\nexport class IllustratedMessageTextDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__text')\n    fdIllustratedMessageTextClass = true;\n}\n","import { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n    // TODO to be discussed\n    // eslint-disable-next-line @angular-eslint/directive-selector\n    selector: '[fd-illustrated-message-title]'\n})\nexport class IllustratedMessageTitleDirective {\n    /** @hidden */\n    @HostBinding('class.fd-illustrated-message__title')\n    fdIllustratedMessageTitleClass = true;\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { IllustratedMessageComponent } from './illustrated-message.component';\nimport { IllustratedMessageActionsComponent } from './components/illustrated-message-actions/illustrated-message-actions.component';\n// eslint-disable-next-line max-len\nimport { IllustratedMessageFigcaptionComponent } from './components/illustrated-message-figcaption/illustrated-message-figcaption.component';\nimport { IllustratedMessageTextDirective } from './directives/illustrated-message-text/illustrated-message-text.directive';\nimport { IllustratedMessageTitleDirective } from './directives/illustrated-message-title/illustrated-message-title.directive';\n\n@NgModule({\n    declarations: [\n        IllustratedMessageComponent,\n        IllustratedMessageActionsComponent,\n        IllustratedMessageFigcaptionComponent,\n        IllustratedMessageTextDirective,\n        IllustratedMessageTitleDirective\n    ],\n    imports: [CommonModule],\n    exports: [\n        IllustratedMessageComponent,\n        IllustratedMessageActionsComponent,\n        IllustratedMessageFigcaptionComponent,\n        IllustratedMessageTextDirective,\n        IllustratedMessageTitleDirective\n    ]\n})\nexport class IllustratedMessageModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-message-box.mjs

@@ -7,14 +7,14 @@ import * as i3 from '@angular/router';
 import * as i4 from '@fundamental-ngx/cdk/utils';
 import { applyCssClass, DynamicComponentContainer, RtlService, InitialFocusModule, TemplateModule, DynamicComponentService } from '@fundamental-ngx/cdk/utils';
 import { DialogConfigBase, DialogRefBase, DialogBase, DialogFooterBase, DialogHeaderBase, dialogFade, DialogBaseService, DialogContentBase } from '@fundamental-ngx/core/dialog';
+import * as i3$2 from '@angular/cdk/portal';
+import { CdkPortalOutlet, ComponentPortal, PortalModule } from '@angular/cdk/portal';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i3$1 from '@fundamental-ngx/core/bar';
 import { BarModule } from '@fundamental-ngx/core/bar';
 import * as i4$1 from '@fundamental-ngx/core/content-density';
 import * as i6 from '@fundamental-ngx/core/title';
 import { TitleModule } from '@fundamental-ngx/core/title';
-import * as i3$2 from '@angular/cdk/portal';
-import { CdkPortalOutlet, ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { takeUntil } from 'rxjs';
 import * as i2$1 from '@angular/cdk/overlay';
 import { OverlayConfig } from '@angular/cdk/overlay';
@@ -419,10 +419,10 @@ class MessageBoxContainerComponent extends DynamicComponentContainer {
         this.buildComponentCssClass();
     }
     /** @hidden */
-    constructor(messageBoxConfig, _messageBoxRef, _destroyRef, elementRef, changeDetectorRef, injector) {
+    constructor(messageBoxConfig, ref, _destroyRef, elementRef, changeDetectorRef, injector) {
         super(elementRef, injector, changeDetectorRef);
         this.messageBoxConfig = messageBoxConfig;
-        this._messageBoxRef = _messageBoxRef;
+        this.ref = ref;
         this._destroyRef = _destroyRef;
         /** The state of the Dialog animations. */
         this._animationState = 'void';
@@ -437,8 +437,8 @@ class MessageBoxContainerComponent extends DynamicComponentContainer {
     onAnimationEnd(event) {
         const { toState } = event;
         if (toState === 'hidden') {
-            this._messageBoxRef._endClose$.next();
-            this._messageBoxRef._endClose$.complete();
+            this.ref._endClose$.next();
+            this.ref._endClose$.complete();
         }
     }
     /** @hidden */
@@ -473,7 +473,7 @@ class MessageBoxContainerComponent extends DynamicComponentContainer {
     }
     /** @hidden Returns context for embedded template*/
     _templateContext() {
-        return { $implicit: this._messageBoxRef, messageBoxConfig: this.messageBoxConfig };
+        return { $implicit: this.ref, messageBoxConfig: this.messageBoxConfig };
     }
     /** @hidden Load Dialog component from passed object */
     _createFromDefaultMessageBox(content) {
@@ -490,7 +490,7 @@ class MessageBoxContainerComponent extends DynamicComponentContainer {
             this._animationState = 'hidden';
             this._cdr.detectChanges();
         };
-        this._messageBoxRef.afterClosed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe({
+        this.ref.afterClosed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe({
             next: () => callback(),
             error: () => callback()
         });

package/fesm2022/fundamental-ngx-core-message-box.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-message-box.mjs","sources":["../../../../libs/core/src/lib/message-box/utils/message-box-config.class.ts","../../../../libs/core/src/lib/message-box/utils/message-box-ref.class.ts","../../../../libs/core/src/lib/message-box/utils/const.ts","../../../../libs/core/src/lib/message-box/message-box.component.ts","../../../../libs/core/src/lib/message-box/message-box.component.html","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.html","../../../../libs/core/src/lib/message-box/message-box-semantic-icon/message-box-semantic-icon.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.html","../../../../libs/core/src/lib/message-box/message-box-body/message-box-body.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.html","../../../../libs/core/src/lib/message-box/message-box-container/message-box-container.component.ts","../../../../libs/core/src/lib/message-box/services/message-box.service.ts","../../../../libs/core/src/lib/message-box/message-box.module.ts","../../../../libs/core/src/lib/message-box/utils/message-box-content.class.ts","../../../../libs/core/src/lib/message-box/fundamental-ngx-core-message-box.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-inferrable-types */\n\nimport { Injectable, InjectionToken, Injector } from '@angular/core';\nimport { DialogConfigBase } from '@fundamental-ngx/core/dialog';\n\nexport const MESSAGE_BOX_DEFAULT_CONFIG = new InjectionToken<MessageBoxConfig>('Default MessageBoxConfig');\n\nexport type MessageBoxType = 'error' | 'success' | 'warning' | 'information' | 'confirmation';\n\n/** @hidden */\nexport abstract class MessageBoxHost {\n    /** @hidden */\n    _messageBoxConfig: MessageBoxConfig | undefined;\n}\n\n@Injectable()\nexport class MessageBoxConfig<T = any> extends DialogConfigBase<T> {\n    /** Message box type */\n    type?: MessageBoxType;\n    /** Whether to show the semantic icon */\n    showSemanticIcon?: boolean = false;\n    /** Custom semantic icon name */\n    customSemanticIcon?: string;\n    /** Injector */\n    injector?: Injector;\n}\n","import { DialogRefBase } from '@fundamental-ngx/core/dialog';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class MessageBoxRef<T = any> extends DialogRefBase<T> {}\n","export const CSS_CLASS_NAME = {\n    messageBox: 'fd-message-box',\n    messageBoxActive: 'fd-message-box--active',\n\n    messageBoxTypeError: 'fd-message-box--error',\n    messageBoxTypeWarning: 'fd-message-box--warning',\n    messageBoxTypeSuccess: 'fd-message-box--success',\n    messageBoxTypeInformation: 'fd-message-box--information',\n    messageBoxTypeConfirmation: 'fd-message-box--confirmation'\n};\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { applyCssClass, CssClassBuilder, FocusTrapService, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogBase } from '@fundamental-ngx/core/dialog';\n\nimport { MessageBoxHost, MessageBoxConfig } from './utils/message-box-config.class';\nimport { MessageBoxRef } from './utils/message-box-ref.class';\nimport { CSS_CLASS_NAME } from './utils/const';\n\n/**\n * Message box component.\n *\n * ```html\n * <fd-message-box>\n *      <fd-message-box-header></fd-message-box-header>\n *      <fd-message-box-body></fd-message-box-body>\n *      <fd-message-box-footer></fd-message-box-footer>\n * </fd-message-box>\n * ```\n */\n@Component({\n    selector: 'fd-message-box',\n    templateUrl: './message-box.component.html',\n    styleUrls: ['./message-box.component.scss'],\n    host: {\n        tabindex: '-1',\n        role: 'dialog'\n    },\n    encapsulation: ViewEncapsulation.None,\n    providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }]\n})\nexport class MessageBoxComponent\n    extends DialogBase\n    implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder, MessageBoxHost\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n    }\n\n    /** MessageBoxRef - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxRef')\n    set embeddedMessageBoxRef(value: MessageBoxRef) {\n        this._messageBoxRef = value;\n    }\n\n    /** MessageBoxConfig - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxConfig')\n    set embeddedMessageBoxConfig(value: MessageBoxConfig) {\n        this._messageBoxConfig = value;\n    }\n\n    /** @hidden */\n    @ViewChild('dialogWindow')\n    dialogWindow: ElementRef;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        @Optional() public _messageBoxConfig: MessageBoxConfig,\n        @Optional() private _messageBoxRef: MessageBoxRef,\n        @Optional() router: Router,\n        @Optional() rtlService: RtlService,\n        focusTrapService: FocusTrapService,\n        changeDetectorRef: ChangeDetectorRef,\n        elementRef: ElementRef\n    ) {\n        super(router, elementRef, changeDetectorRef, rtlService, focusTrapService);\n    }\n\n    /** @hidden */\n    get _config(): MessageBoxConfig {\n        return this._messageBoxConfig;\n    }\n\n    /** @hidden */\n    get _ref(): MessageBoxRef {\n        return this._messageBoxRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        super.ngOnInit();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            CSS_CLASS_NAME.messageBoxActive,\n            this._messageBoxTypeClass,\n            this._messageBoxConfig.hasBackdrop ? CSS_CLASS_NAME.messageBox : '',\n            this._messageBoxConfig.backdropClass ? this._messageBoxConfig.backdropClass : '',\n            this._class\n        ];\n    }\n\n    /** @hidden */\n    private get _messageBoxTypeClass(): string {\n        switch (this._config.type) {\n            case 'error':\n                return CSS_CLASS_NAME.messageBoxTypeError;\n            case 'success':\n                return CSS_CLASS_NAME.messageBoxTypeSuccess;\n            case 'warning':\n                return CSS_CLASS_NAME.messageBoxTypeWarning;\n            case 'information':\n                return CSS_CLASS_NAME.messageBoxTypeInformation;\n            case 'confirmation':\n                return CSS_CLASS_NAME.messageBoxTypeConfirmation;\n            default:\n                return '';\n        }\n    }\n}\n","<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n","import { AfterContentInit, AfterViewInit, Component, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\nimport { DialogFooterBase } from '@fundamental-ngx/core/dialog';\n\nexport const MessageBoxButtonClass = 'fd-message-box__decisive-button';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-footer><!--Content--></fd-message-box-footer>\n *\n * Complex footer:\n * <fd-message-box-footer>\n *     <ng-template fdkTemplate=\"footer\"><!--Content--></ng-template>\n * </fd-message-box-footer>\n * ```\n * */\n@Component({\n    selector: 'fd-message-box-footer',\n    templateUrl: './message-box-footer.component.html'\n})\nexport class MessageBoxFooterComponent extends DialogFooterBase implements AfterContentInit, AfterViewInit {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {\n        super();\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        super.ngAfterContentInit();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForButtonChanges(MessageBoxButtonClass);\n    }\n}\n","<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [fdCozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n","import { ChangeDetectionStrategy, Component, Input, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Message box element representing the semantic icon in the message box header.\n *\n * ```html\n * <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-semantic-icon',\n    template: `<i [class]=\"'sap-icon--' + _getIcon\" role=\"presentation\"></i>`,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxSemanticIconComponent {\n    /** Custom semantic icon */\n    @Input()\n    glyph: string;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return !!this.messageBoxConfig.showSemanticIcon;\n    }\n\n    /** @hidden */\n    get _getIcon(): string {\n        return this.glyph || this.messageBoxConfig.customSemanticIcon || this._semanticIcon;\n    }\n\n    /** @hidden */\n    get _semanticIcon(): string {\n        switch (this.messageBoxConfig.type) {\n            case 'error':\n                return 'message-error';\n            case 'success':\n                return 'message-success';\n            case 'warning':\n                return 'message-warning';\n            case 'information':\n                return 'message-information';\n            case 'confirmation':\n                return 'question-mark';\n            default:\n                return '';\n        }\n    }\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    Optional,\n    ViewChild\n} from '@angular/core';\nimport { DialogHeaderBase } from '@fundamental-ngx/core/dialog';\nimport { MessageBoxSemanticIconComponent } from '../message-box-semantic-icon/message-box-semantic-icon.component';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-header>\n *     <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n *     <h1 fd-title><!-- Content --></h1>\n * </fd-message-box-header>\n *\n * Complex header:\n * <fd-message-box-header>\n *     <ng-template fdkTemplate=\"header\"><!--Content--></ng-template>\n *     <ng-template fdkTemplate=\"subheader\"><!--Content--></ng-template>\n * </fd-message-box-header>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-header',\n    templateUrl: './message-box-header.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxHeaderComponent extends DialogHeaderBase implements AfterViewInit {\n    /** @hidden */\n    @ViewChild('defaultTemplateHeaderBar')\n    defaultTemplateHeaderBar?: ElementRef<Element>;\n\n    /** @hidden */\n    @ContentChild(MessageBoxSemanticIconComponent)\n    _projectedSemanticIcon: MessageBoxSemanticIconComponent;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(private _cdr: ChangeDetectorRef, @Optional() private messageBox?: MessageBoxHost) {\n        super(_cdr);\n    }\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return (\n            !this._projectedSemanticIcon &&\n            ((this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||\n                !!this.messageBoxConfig.customSemanticIcon)\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        // need to re-check bindings after initialisation in order to reflect the proper state of \"_showSemanticIcon\" getter\n        // running this in next microtask to avoid \"ExpressionChangedAfterItHasBeenCheckedError\"\n        Promise.resolve().then(() => this._cdr.markForCheck());\n    }\n}\n","<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [fdCozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element #defaultTemplateHeaderBar>\n                <fd-message-box-semantic-icon\n                    class=\"fd-message-box__internal-semantic-icon\"\n                    *ngIf=\"_showSemanticIcon\"\n                ></fd-message-box-semantic-icon>\n                <ng-content select=\"fd-message-box-semantic-icon\"></ng-content>\n                <ng-content select=\"[fd-title]\"></ng-content>\n            </fd-bar-element>\n        </div>\n    </ng-template>\n</div>\n\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [fdCozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n","import { Component, Optional } from '@angular/core';\nimport { MessageBoxHost, MessageBoxConfig } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box body.\n *\n * ```html\n * <fd-message-box-body></fd-message-box-body>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-body',\n    template: '<ng-content></ng-content>',\n    host: {\n        '[class.fd-message-box__body]': 'true',\n        '[class.fd-message-box__body--no-vertical-padding]': '!messageBoxConfig.verticalPadding'\n    }\n})\nexport class MessageBoxBodyComponent {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    OnInit,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\n\n/** Message box component used to create the message box in object based approach */\n@Component({\n    selector: 'fd-message-box-default',\n    templateUrl: './message-box-default.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxDefaultComponent implements OnInit, AfterViewInit {\n    /** @hidden */\n    @ViewChild('textContent')\n    _textContentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _contentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _messageBoxContent: MessageBoxContent | null;\n\n    /** @hidden */\n    _footerVisible: boolean;\n\n    /** @hidden */\n    constructor(public _messageBoxConfig: MessageBoxConfig, private _changeDetectorRef: ChangeDetectorRef) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._footerVisible = !!(this._messageBoxContent?.cancelButton || this._messageBoxContent?.approveButton);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setContentTemplate();\n    }\n\n    /** @hidden */\n    _onCloseButton(): void {\n        this._messageBoxContent?.closeButtonCallback?.();\n    }\n\n    /** @hidden */\n    _onApproveButton(): void {\n        this._messageBoxContent?.approveButtonCallback?.();\n    }\n\n    /** @hidden */\n    _onCancelButton(): void {\n        this._messageBoxContent?.cancelButtonCallback?.();\n    }\n\n    /** @hidden */\n    private _setContentTemplate(): void {\n        this._contentTemplate =\n            this._messageBoxContent?.content instanceof TemplateRef\n                ? this._messageBoxContent.content\n                : this._textContentTemplate;\n\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<fd-message-box *ngIf=\"_messageBoxContent\">\n    <fd-message-box-header>\n        <h1 fd-title>{{ _messageBoxContent.title }}</h1>\n    </fd-message-box-header>\n    <fd-message-box-body>\n        <ng-container *ngTemplateOutlet=\"_contentTemplate\"></ng-container>\n    </fd-message-box-body>\n    <fd-message-box-footer *ngIf=\"_footerVisible\">\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.approveButton\"\n            fdkInitialFocus\n            fdType=\"emphasized\"\n            [label]=\"_messageBoxContent.approveButton\"\n            [ariaLabel]=\"_messageBoxContent.approveButtonAriaLabel\"\n            [id]=\"_messageBoxContent.approveButtonId\"\n            [fdCompact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onApproveButton()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.cancelButton\"\n            [label]=\"_messageBoxContent.cancelButton\"\n            [ariaLabel]=\"_messageBoxContent.closeButtonAriaLabel\"\n            [id]=\"_messageBoxContent.cancelButtonId\"\n            [fdCompact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onCancelButton()\"\n        >\n        </fd-button-bar>\n    </fd-message-box-footer>\n</fd-message-box>\n\n<ng-template #textContent>\n    {{ _messageBoxContent?.content }}\n</ng-template>\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ComponentRef,\n    DestroyRef,\n    ElementRef,\n    EmbeddedViewRef,\n    HostBinding,\n    HostListener,\n    Injector,\n    Input,\n    TemplateRef,\n    Type,\n    ViewChild\n} from '@angular/core';\nimport { AnimationEvent } from '@angular/animations';\nimport { applyCssClass, CssClassBuilder, DynamicComponentContainer } from '@fundamental-ngx/cdk/utils';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxDefaultComponent } from '../message-box-default/message-box-default.component';\nimport { MessageBoxContentType } from '../message-box-content.type';\nimport { CdkPortalOutlet, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';\nimport { dialogFade } from '@fundamental-ngx/core/dialog';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n/** Message box container where the message box content is embedded. */\n@Component({\n    selector: 'fd-message-box-container',\n    template: '<ng-template (attached)=\"_attached($event)\" cdkPortalOutlet></ng-template>',\n    animations: [dialogFade]\n})\nexport class MessageBoxContainerComponent\n    extends DynamicComponentContainer<MessageBoxContentType>\n    implements AfterViewInit, CssClassBuilder\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n        this.buildComponentCssClass();\n    }\n\n    /** The state of the Dialog animations. */\n    @HostBinding('@state')\n    _animationState = 'void';\n\n    /** @hidden */\n    @ViewChild(CdkPortalOutlet)\n    portalOutlet: CdkPortalOutlet;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        public messageBoxConfig: MessageBoxConfig,\n        private _messageBoxRef: MessageBoxRef,\n        private _destroyRef: DestroyRef,\n        elementRef: ElementRef,\n        changeDetectorRef: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(elementRef, injector, changeDetectorRef);\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [this.messageBoxConfig.containerClass ? this.messageBoxConfig.containerClass : '', this._class];\n    }\n\n    /** Handle end of animations, updating the state of the Message Toast. */\n    @HostListener('@state.done', ['$event'])\n    onAnimationEnd(event: AnimationEvent): void {\n        const { toState } = event;\n\n        if (toState === 'hidden') {\n            this._messageBoxRef._endClose$.next();\n            this._messageBoxRef._endClose$.complete();\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            this._loadContent();\n            this._listenOnClose();\n        });\n    }\n\n    /** @hidden */\n    protected _attached(event: CdkPortalOutletAttachedRef): void {\n        if (event instanceof ComponentRef) {\n            event.changeDetectorRef.markForCheck();\n        } else if (event instanceof EmbeddedViewRef) {\n            event.markForCheck();\n        }\n    }\n\n    /** @hidden Load received content */\n    protected _loadContent(): void {\n        if (this.childContent instanceof Type) {\n            this._createFromComponent(this.childContent);\n        } else if (this.childContent instanceof TemplateRef) {\n            this._createFromTemplate(this.childContent, this._templateContext());\n        } else {\n            this._createFromDefaultMessageBox(this.childContent ?? null);\n        }\n        this._animationState = 'visible';\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden Returns context for embedded template*/\n    private _templateContext(): { $implicit: MessageBoxRef; messageBoxConfig: MessageBoxConfig } {\n        return { $implicit: this._messageBoxRef, messageBoxConfig: this.messageBoxConfig };\n    }\n\n    /** @hidden Load Dialog component from passed object */\n    private _createFromDefaultMessageBox(content: MessageBoxContent | null): void {\n        this._createFromComponent(MessageBoxDefaultComponent);\n        const instance = (this._componentRef as ComponentRef<MessageBoxDefaultComponent>).instance;\n        instance._messageBoxContent = content;\n    }\n\n    /**\n     * @hidden\n     * We need to wait until animation plays, and then send signal to the service to destroy the component.\n     */\n    private _listenOnClose(): void {\n        const callback: () => void = () => {\n            this._animationState = 'hidden';\n            this._cdr.detectChanges();\n        };\n        this._messageBoxRef.afterClosed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\n            next: () => callback(),\n            error: () => callback()\n        });\n    }\n}\n","import { Inject, Injectable, Injector, Optional } from '@angular/core';\n\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogBaseService } from '@fundamental-ngx/core/dialog';\nimport { takeUntil } from 'rxjs';\n\nimport { MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContainerComponent } from '../message-box-container/message-box-container.component';\nimport { MessageBoxContentType } from '../message-box-content.type';\nimport { Overlay, OverlayConfig } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\n/** Service used to create a message box. */\n@Injectable()\nexport class MessageBoxService extends DialogBaseService<MessageBoxContainerComponent> {\n    /** @hidden */\n    constructor(\n        @Optional() @Inject(MESSAGE_BOX_DEFAULT_CONFIG) private _defaultConfig: MessageBoxConfig,\n        @Optional() private _rtlService: RtlService,\n        private readonly _overlay: Overlay\n    ) {\n        super();\n    }\n\n    /**\n     * Opens a message box component with provided content.\n     * @param content Content of the message box component.\n     * @param config Configuration of the message box component.\n     */\n    public open<T = any>(content: MessageBoxContentType, config?: MessageBoxConfig<T>): MessageBoxRef<T> {\n        const messageBoxRef = new MessageBoxRef();\n\n        config = this._applyDefaultConfig(config || {}, this._defaultConfig || new MessageBoxConfig());\n        messageBoxRef.data = config.data;\n\n        const injector = Injector.create({\n            providers: [\n                { provide: MessageBoxConfig, useValue: config },\n                { provide: MessageBoxRef, useValue: messageBoxRef },\n                { provide: RtlService, useValue: this._rtlService }\n            ],\n            parent: config.injector\n        });\n\n        const overlayRef = this._overlay.create(new OverlayConfig());\n\n        const portal = new ComponentPortal(MessageBoxContainerComponent, null, injector);\n\n        const componentRef = overlayRef.attach(portal);\n\n        componentRef.instance.childContent = content;\n        componentRef.instance.messageBoxConfig = config;\n\n        this._dialogs.push(componentRef);\n\n        messageBoxRef._endClose$.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._destroyDialog(componentRef);\n            componentRef.destroy();\n            overlayRef.dispose();\n        });\n\n        return messageBoxRef;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessageBoxComponent } from './message-box.component';\nimport { MessageBoxContainerComponent } from './message-box-container/message-box-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/cdk/utils';\nimport { MessageBoxService } from './services/message-box.service';\nimport { MessageBoxBodyComponent } from './message-box-body/message-box-body.component';\nimport { MessageBoxFooterComponent } from './message-box-footer/message-box-footer.component';\nimport { MessageBoxHeaderComponent } from './message-box-header/message-box-header.component';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { MessageBoxDefaultComponent } from './message-box-default/message-box-default.component';\nimport { TemplateModule } from '@fundamental-ngx/cdk/utils';\nimport { InitialFocusModule } from '@fundamental-ngx/cdk/utils';\nimport { MessageBoxSemanticIconComponent } from './message-box-semantic-icon/message-box-semantic-icon.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\nconst declarations = [\n    MessageBoxSemanticIconComponent,\n    MessageBoxContainerComponent,\n    MessageBoxDefaultComponent,\n    MessageBoxFooterComponent,\n    MessageBoxHeaderComponent,\n    MessageBoxBodyComponent,\n    MessageBoxComponent\n];\n\n@NgModule({\n    declarations: [declarations],\n    imports: [\n        CommonModule,\n        IconModule,\n        InitialFocusModule,\n        TemplateModule,\n        BarModule,\n        TitleModule,\n        ButtonModule,\n        PortalModule\n    ],\n    exports: [declarations, TemplateModule, InitialFocusModule, TitleModule],\n    providers: [MessageBoxService, DynamicComponentService]\n})\nexport class MessageBoxModule {}\n","import { DialogContentBase } from '@fundamental-ngx/core/dialog';\nimport { TemplateRef } from '@angular/core';\n\nexport class MessageBoxContent extends DialogContentBase {\n    /** @hidden */\n    content?: TemplateRef<any> | string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.MessageBoxConfig","i2.MessageBoxRef","i1.MessageBoxHost","i3","i4","i5.MessageBoxSemanticIconComponent","i5","i7.MessageBoxFooterComponent","i8.MessageBoxHeaderComponent","i9.MessageBoxBodyComponent","i10.MessageBoxComponent","i1","i2"],"mappings":"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"}
+{"version":3,"file":"fundamental-ngx-core-message-box.mjs","sources":["../../../../libs/core/src/lib/message-box/utils/message-box-config.class.ts","../../../../libs/core/src/lib/message-box/utils/message-box-ref.class.ts","../../../../libs/core/src/lib/message-box/utils/const.ts","../../../../libs/core/src/lib/message-box/message-box.component.ts","../../../../libs/core/src/lib/message-box/message-box.component.html","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.ts","../../../../libs/core/src/lib/message-box/message-box-footer/message-box-footer.component.html","../../../../libs/core/src/lib/message-box/message-box-semantic-icon/message-box-semantic-icon.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.ts","../../../../libs/core/src/lib/message-box/message-box-header/message-box-header.component.html","../../../../libs/core/src/lib/message-box/message-box-body/message-box-body.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.ts","../../../../libs/core/src/lib/message-box/message-box-default/message-box-default.component.html","../../../../libs/core/src/lib/message-box/message-box-container/message-box-container.component.ts","../../../../libs/core/src/lib/message-box/services/message-box.service.ts","../../../../libs/core/src/lib/message-box/message-box.module.ts","../../../../libs/core/src/lib/message-box/utils/message-box-content.class.ts","../../../../libs/core/src/lib/message-box/fundamental-ngx-core-message-box.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-inferrable-types */\n\nimport { Injectable, InjectionToken, Injector } from '@angular/core';\nimport { DialogConfigBase } from '@fundamental-ngx/core/dialog';\n\nexport const MESSAGE_BOX_DEFAULT_CONFIG = new InjectionToken<MessageBoxConfig>('Default MessageBoxConfig');\n\nexport type MessageBoxType = 'error' | 'success' | 'warning' | 'information' | 'confirmation';\n\n/** @hidden */\nexport abstract class MessageBoxHost {\n    /** @hidden */\n    _messageBoxConfig: MessageBoxConfig | undefined;\n}\n\n@Injectable()\nexport class MessageBoxConfig<T = any> extends DialogConfigBase<T> {\n    /** Message box type */\n    type?: MessageBoxType;\n    /** Whether to show the semantic icon */\n    showSemanticIcon?: boolean = false;\n    /** Custom semantic icon name */\n    customSemanticIcon?: string;\n    /** Injector */\n    injector?: Injector;\n}\n","import { DialogRefBase } from '@fundamental-ngx/core/dialog';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class MessageBoxRef<T = any> extends DialogRefBase<T> {}\n","export const CSS_CLASS_NAME = {\n    messageBox: 'fd-message-box',\n    messageBoxActive: 'fd-message-box--active',\n\n    messageBoxTypeError: 'fd-message-box--error',\n    messageBoxTypeWarning: 'fd-message-box--warning',\n    messageBoxTypeSuccess: 'fd-message-box--success',\n    messageBoxTypeInformation: 'fd-message-box--information',\n    messageBoxTypeConfirmation: 'fd-message-box--confirmation'\n};\n","import {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Optional,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { Router } from '@angular/router';\n\nimport { applyCssClass, CssClassBuilder, FocusTrapService, RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogBase } from '@fundamental-ngx/core/dialog';\n\nimport { MessageBoxHost, MessageBoxConfig } from './utils/message-box-config.class';\nimport { MessageBoxRef } from './utils/message-box-ref.class';\nimport { CSS_CLASS_NAME } from './utils/const';\n\n/**\n * Message box component.\n *\n * ```html\n * <fd-message-box>\n *      <fd-message-box-header></fd-message-box-header>\n *      <fd-message-box-body></fd-message-box-body>\n *      <fd-message-box-footer></fd-message-box-footer>\n * </fd-message-box>\n * ```\n */\n@Component({\n    selector: 'fd-message-box',\n    templateUrl: './message-box.component.html',\n    styleUrls: ['./message-box.component.scss'],\n    host: {\n        tabindex: '-1',\n        role: 'dialog'\n    },\n    encapsulation: ViewEncapsulation.None,\n    providers: [{ provide: MessageBoxHost, useExisting: MessageBoxComponent }]\n})\nexport class MessageBoxComponent\n    extends DialogBase\n    implements OnInit, OnChanges, AfterViewInit, OnDestroy, CssClassBuilder, MessageBoxHost\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n    }\n\n    /** MessageBoxRef - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxRef')\n    set embeddedMessageBoxRef(value: MessageBoxRef) {\n        this._messageBoxRef = value;\n    }\n\n    /** MessageBoxConfig - should be used for Template based Dialog implementation  */\n    // eslint-disable-next-line @angular-eslint/no-input-rename\n    @Input('messageBoxConfig')\n    set embeddedMessageBoxConfig(value: MessageBoxConfig) {\n        this._messageBoxConfig = value;\n    }\n\n    /** @hidden */\n    @ViewChild('dialogWindow')\n    dialogWindow: ElementRef;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        @Optional() public _messageBoxConfig: MessageBoxConfig,\n        @Optional() private _messageBoxRef: MessageBoxRef,\n        @Optional() router: Router,\n        @Optional() rtlService: RtlService,\n        focusTrapService: FocusTrapService,\n        changeDetectorRef: ChangeDetectorRef,\n        elementRef: ElementRef\n    ) {\n        super(router, elementRef, changeDetectorRef, rtlService, focusTrapService);\n    }\n\n    /** @hidden */\n    get _config(): MessageBoxConfig {\n        return this._messageBoxConfig;\n    }\n\n    /** @hidden */\n    get _ref(): MessageBoxRef {\n        return this._messageBoxRef;\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        super.ngOnInit();\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngOnChanges(): void {\n        this.buildComponentCssClass();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        super.ngAfterViewInit();\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        super.ngOnDestroy();\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [\n            CSS_CLASS_NAME.messageBoxActive,\n            this._messageBoxTypeClass,\n            this._messageBoxConfig.hasBackdrop ? CSS_CLASS_NAME.messageBox : '',\n            this._messageBoxConfig.backdropClass ? this._messageBoxConfig.backdropClass : '',\n            this._class\n        ];\n    }\n\n    /** @hidden */\n    private get _messageBoxTypeClass(): string {\n        switch (this._config.type) {\n            case 'error':\n                return CSS_CLASS_NAME.messageBoxTypeError;\n            case 'success':\n                return CSS_CLASS_NAME.messageBoxTypeSuccess;\n            case 'warning':\n                return CSS_CLASS_NAME.messageBoxTypeWarning;\n            case 'information':\n                return CSS_CLASS_NAME.messageBoxTypeInformation;\n            case 'confirmation':\n                return CSS_CLASS_NAME.messageBoxTypeConfirmation;\n            default:\n                return '';\n        }\n    }\n}\n","<div\n    #dialogWindow\n    role=\"dialog\"\n    tabindex=\"-1\"\n    aria-modal=\"true\"\n    [class]=\"_messageBoxConfig.dialogPanelClass\"\n    [class.fd-message-box__content]=\"true\"\n    [class.fd-message-box__content--s]=\"dialogPaddingSize === 'sm'\"\n    [class.fd-message-box__content--m]=\"dialogPaddingSize === 'md'\"\n    [class.fd-message-box__content--l]=\"dialogPaddingSize === 'lg'\"\n    [class.fd-message-box__content--xl]=\"dialogPaddingSize === 'xl'\"\n    [class.fd-message-box__content--mobile]=\"_messageBoxConfig.mobile\"\n    [class.fd-message-box__content--no-mobile-stretch]=\"_messageBoxConfig.mobileOuterSpacing\"\n    [attr.id]=\"_messageBoxConfig.id\"\n    [attr.aria-label]=\"_messageBoxConfig.ariaLabel\"\n    [attr.aria-labelledby]=\"_messageBoxConfig.ariaLabelledBy\"\n    [attr.aria-describedby]=\"_messageBoxConfig.ariaDescribedBy\"\n>\n    <ng-content select=\"fd-message-box-header\"></ng-content>\n    <ng-content select=\"fd-message-box-body\"></ng-content>\n    <ng-content select=\"fd-message-box-footer\"></ng-content>\n</div>\n","import { AfterContentInit, AfterViewInit, Component, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\nimport { DialogFooterBase } from '@fundamental-ngx/core/dialog';\n\nexport const MessageBoxButtonClass = 'fd-message-box__decisive-button';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-footer><!--Content--></fd-message-box-footer>\n *\n * Complex footer:\n * <fd-message-box-footer>\n *     <ng-template fdkTemplate=\"footer\"><!--Content--></ng-template>\n * </fd-message-box-footer>\n * ```\n * */\n@Component({\n    selector: 'fd-message-box-footer',\n    templateUrl: './message-box-footer.component.html'\n})\nexport class MessageBoxFooterComponent extends DialogFooterBase implements AfterContentInit, AfterViewInit {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {\n        super();\n    }\n\n    /** @hidden */\n    ngAfterContentInit(): void {\n        super.ngAfterContentInit();\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._listenForButtonChanges(MessageBoxButtonClass);\n    }\n}\n","<footer fd-bar class=\"fd-message-box__footer\" barDesign=\"footer\" [fdCozy]=\"messageBoxConfig.mobile\">\n    <ng-container *ngTemplateOutlet=\"footerTemplate ? footerTemplate : defaultTemplate\"></ng-container>\n    <ng-template #defaultTemplate>\n        <div fd-bar-right>\n            <ng-content></ng-content>\n        </div>\n    </ng-template>\n</footer>\n","import { ChangeDetectionStrategy, Component, Input, Optional } from '@angular/core';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Message box element representing the semantic icon in the message box header.\n *\n * ```html\n * <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-semantic-icon',\n    template: `<i [class]=\"'sap-icon--' + _getIcon\" role=\"presentation\"></i>`,\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxSemanticIconComponent {\n    /** Custom semantic icon */\n    @Input()\n    glyph: string;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return !!this.messageBoxConfig.showSemanticIcon;\n    }\n\n    /** @hidden */\n    get _getIcon(): string {\n        return this.glyph || this.messageBoxConfig.customSemanticIcon || this._semanticIcon;\n    }\n\n    /** @hidden */\n    get _semanticIcon(): string {\n        switch (this.messageBoxConfig.type) {\n            case 'error':\n                return 'message-error';\n            case 'success':\n                return 'message-success';\n            case 'warning':\n                return 'message-warning';\n            case 'information':\n                return 'message-information';\n            case 'confirmation':\n                return 'question-mark';\n            default:\n                return '';\n        }\n    }\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    Optional,\n    ViewChild\n} from '@angular/core';\nimport { DialogHeaderBase } from '@fundamental-ngx/core/dialog';\nimport { MessageBoxSemanticIconComponent } from '../message-box-semantic-icon/message-box-semantic-icon.component';\nimport { MessageBoxConfig, MessageBoxHost } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box header.\n *\n * ```html\n * <fd-message-box-header>\n *     <fd-message-box-semantic-icon></fd-message-box-semantic-icon>\n *     <h1 fd-title><!-- Content --></h1>\n * </fd-message-box-header>\n *\n * Complex header:\n * <fd-message-box-header>\n *     <ng-template fdkTemplate=\"header\"><!--Content--></ng-template>\n *     <ng-template fdkTemplate=\"subheader\"><!--Content--></ng-template>\n * </fd-message-box-header>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-header',\n    templateUrl: './message-box-header.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxHeaderComponent extends DialogHeaderBase implements AfterViewInit {\n    /** @hidden */\n    @ViewChild('defaultTemplateHeaderBar')\n    defaultTemplateHeaderBar?: ElementRef<Element>;\n\n    /** @hidden */\n    @ContentChild(MessageBoxSemanticIconComponent)\n    _projectedSemanticIcon: MessageBoxSemanticIconComponent;\n\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n\n    /** @hidden */\n    constructor(private _cdr: ChangeDetectorRef, @Optional() private messageBox?: MessageBoxHost) {\n        super(_cdr);\n    }\n\n    /** @hidden */\n    get _showSemanticIcon(): boolean {\n        return (\n            !this._projectedSemanticIcon &&\n            ((this.messageBoxConfig.type && this.messageBoxConfig.showSemanticIcon) ||\n                !!this.messageBoxConfig.customSemanticIcon)\n        );\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        // need to re-check bindings after initialisation in order to reflect the proper state of \"_showSemanticIcon\" getter\n        // running this in next microtask to avoid \"ExpressionChangedAfterItHasBeenCheckedError\"\n        Promise.resolve().then(() => this._cdr.markForCheck());\n    }\n}\n","<div\n    fd-bar\n    class=\"fd-message-box__header\"\n    [fdCozy]=\"messageBoxConfig.mobile\"\n    [barDesign]=\"subHeaderTemplate ? 'header-with-subheader' : 'header'\"\n>\n    <ng-container *ngTemplateOutlet=\"headerTemplate ? headerTemplate : defaultTemplate\"></ng-container>\n\n    <ng-template #defaultTemplate>\n        <div fd-bar-left>\n            <fd-bar-element #defaultTemplateHeaderBar>\n                <fd-message-box-semantic-icon\n                    class=\"fd-message-box__internal-semantic-icon\"\n                    *ngIf=\"_showSemanticIcon\"\n                ></fd-message-box-semantic-icon>\n                <ng-content select=\"fd-message-box-semantic-icon\"></ng-content>\n                <ng-content select=\"[fd-title]\"></ng-content>\n            </fd-bar-element>\n        </div>\n    </ng-template>\n</div>\n\n<div\n    fd-bar\n    *ngIf=\"subHeaderTemplate\"\n    class=\"fd-message-box__subheader\"\n    barDesign=\"subheader\"\n    [fdCozy]=\"messageBoxConfig.mobile\"\n>\n    <ng-container *ngTemplateOutlet=\"subHeaderTemplate\"></ng-container>\n</div>\n","import { Component, Optional } from '@angular/core';\nimport { MessageBoxHost, MessageBoxConfig } from '../utils/message-box-config.class';\n\n/**\n * Building block of the message box used to create message box body.\n *\n * ```html\n * <fd-message-box-body></fd-message-box-body>\n * ```\n */\n@Component({\n    selector: 'fd-message-box-body',\n    template: '<ng-content></ng-content>',\n    host: {\n        '[class.fd-message-box__body]': 'true',\n        '[class.fd-message-box__body--no-vertical-padding]': '!messageBoxConfig.verticalPadding'\n    }\n})\nexport class MessageBoxBodyComponent {\n    /** @hidden */\n    get messageBoxConfig(): MessageBoxConfig {\n        return this.messageBox?._messageBoxConfig || {};\n    }\n    /** @hidden */\n    constructor(@Optional() private messageBox?: MessageBoxHost) {}\n}\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    OnInit,\n    TemplateRef,\n    ViewChild\n} from '@angular/core';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\n\n/** Message box component used to create the message box in object based approach */\n@Component({\n    selector: 'fd-message-box-default',\n    templateUrl: './message-box-default.component.html',\n    changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class MessageBoxDefaultComponent implements OnInit, AfterViewInit {\n    /** @hidden */\n    @ViewChild('textContent')\n    _textContentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _contentTemplate: TemplateRef<any>;\n\n    /** @hidden */\n    _messageBoxContent: MessageBoxContent | null;\n\n    /** @hidden */\n    _footerVisible: boolean;\n\n    /** @hidden */\n    constructor(public _messageBoxConfig: MessageBoxConfig, private _changeDetectorRef: ChangeDetectorRef) {}\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._footerVisible = !!(this._messageBoxContent?.cancelButton || this._messageBoxContent?.approveButton);\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._setContentTemplate();\n    }\n\n    /** @hidden */\n    _onCloseButton(): void {\n        this._messageBoxContent?.closeButtonCallback?.();\n    }\n\n    /** @hidden */\n    _onApproveButton(): void {\n        this._messageBoxContent?.approveButtonCallback?.();\n    }\n\n    /** @hidden */\n    _onCancelButton(): void {\n        this._messageBoxContent?.cancelButtonCallback?.();\n    }\n\n    /** @hidden */\n    private _setContentTemplate(): void {\n        this._contentTemplate =\n            this._messageBoxContent?.content instanceof TemplateRef\n                ? this._messageBoxContent.content\n                : this._textContentTemplate;\n\n        this._changeDetectorRef.detectChanges();\n    }\n}\n","<fd-message-box *ngIf=\"_messageBoxContent\">\n    <fd-message-box-header>\n        <h1 fd-title>{{ _messageBoxContent.title }}</h1>\n    </fd-message-box-header>\n    <fd-message-box-body>\n        <ng-container *ngTemplateOutlet=\"_contentTemplate\"></ng-container>\n    </fd-message-box-body>\n    <fd-message-box-footer *ngIf=\"_footerVisible\">\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.approveButton\"\n            fdkInitialFocus\n            fdType=\"emphasized\"\n            [label]=\"_messageBoxContent.approveButton\"\n            [ariaLabel]=\"_messageBoxContent.approveButtonAriaLabel\"\n            [id]=\"_messageBoxContent.approveButtonId\"\n            [fdCompact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onApproveButton()\"\n        >\n        </fd-button-bar>\n        <fd-button-bar\n            *ngIf=\"_messageBoxContent.cancelButton\"\n            [label]=\"_messageBoxContent.cancelButton\"\n            [ariaLabel]=\"_messageBoxContent.closeButtonAriaLabel\"\n            [id]=\"_messageBoxContent.cancelButtonId\"\n            [fdCompact]=\"!_messageBoxConfig.mobile\"\n            (click)=\"_onCancelButton()\"\n        >\n        </fd-button-bar>\n    </fd-message-box-footer>\n</fd-message-box>\n\n<ng-template #textContent>\n    {{ _messageBoxContent?.content }}\n</ng-template>\n","import { AnimationEvent } from '@angular/animations';\nimport { CdkPortalOutlet, CdkPortalOutletAttachedRef } from '@angular/cdk/portal';\nimport {\n    AfterViewInit,\n    ChangeDetectorRef,\n    Component,\n    ComponentRef,\n    DestroyRef,\n    ElementRef,\n    EmbeddedViewRef,\n    HostBinding,\n    HostListener,\n    Injector,\n    Input,\n    TemplateRef,\n    Type,\n    ViewChild\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { CssClassBuilder, DynamicComponentContainer, applyCssClass } from '@fundamental-ngx/cdk/utils';\nimport { DialogContainer, dialogFade } from '@fundamental-ngx/core/dialog';\nimport { MessageBoxContentType } from '../message-box-content.type';\nimport { MessageBoxDefaultComponent } from '../message-box-default/message-box-default.component';\nimport { MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxContent } from '../utils/message-box-content.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\n\n/** Message box container where the message box content is embedded. */\n@Component({\n    selector: 'fd-message-box-container',\n    template: '<ng-template (attached)=\"_attached($event)\" cdkPortalOutlet></ng-template>',\n    animations: [dialogFade]\n})\nexport class MessageBoxContainerComponent\n    extends DynamicComponentContainer<MessageBoxContentType>\n    implements DialogContainer<any>, AfterViewInit, CssClassBuilder\n{\n    /** Custom classes */\n    @Input()\n    set class(userClass: string) {\n        this._class = userClass;\n        this.buildComponentCssClass();\n    }\n\n    /** The state of the Dialog animations. */\n    @HostBinding('@state')\n    _animationState = 'void';\n\n    /** @hidden */\n    @ViewChild(CdkPortalOutlet)\n    portalOutlet: CdkPortalOutlet;\n\n    /** @hidden */\n    private _class = '';\n\n    /** @hidden */\n    constructor(\n        public messageBoxConfig: MessageBoxConfig,\n        public ref: MessageBoxRef,\n        private _destroyRef: DestroyRef,\n        elementRef: ElementRef,\n        changeDetectorRef: ChangeDetectorRef,\n        injector: Injector\n    ) {\n        super(elementRef, injector, changeDetectorRef);\n    }\n\n    /** @hidden */\n    @applyCssClass\n    buildComponentCssClass(): string[] {\n        return [this.messageBoxConfig.containerClass ? this.messageBoxConfig.containerClass : '', this._class];\n    }\n\n    /** Handle end of animations, updating the state of the Message Toast. */\n    @HostListener('@state.done', ['$event'])\n    onAnimationEnd(event: AnimationEvent): void {\n        const { toState } = event;\n\n        if (toState === 'hidden') {\n            this.ref._endClose$.next();\n            this.ref._endClose$.complete();\n        }\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        setTimeout(() => {\n            this._loadContent();\n            this._listenOnClose();\n        });\n    }\n\n    /** @hidden */\n    protected _attached(event: CdkPortalOutletAttachedRef): void {\n        if (event instanceof ComponentRef) {\n            event.changeDetectorRef.markForCheck();\n        } else if (event instanceof EmbeddedViewRef) {\n            event.markForCheck();\n        }\n    }\n\n    /** @hidden Load received content */\n    protected _loadContent(): void {\n        if (this.childContent instanceof Type) {\n            this._createFromComponent(this.childContent);\n        } else if (this.childContent instanceof TemplateRef) {\n            this._createFromTemplate(this.childContent, this._templateContext());\n        } else {\n            this._createFromDefaultMessageBox(this.childContent ?? null);\n        }\n        this._animationState = 'visible';\n        this._cdr.detectChanges();\n    }\n\n    /** @hidden Returns context for embedded template*/\n    private _templateContext(): { $implicit: MessageBoxRef; messageBoxConfig: MessageBoxConfig } {\n        return { $implicit: this.ref, messageBoxConfig: this.messageBoxConfig };\n    }\n\n    /** @hidden Load Dialog component from passed object */\n    private _createFromDefaultMessageBox(content: MessageBoxContent | null): void {\n        this._createFromComponent(MessageBoxDefaultComponent);\n        const instance = (this._componentRef as ComponentRef<MessageBoxDefaultComponent>).instance;\n        instance._messageBoxContent = content;\n    }\n\n    /**\n     * @hidden\n     * We need to wait until animation plays, and then send signal to the service to destroy the component.\n     */\n    private _listenOnClose(): void {\n        const callback: () => void = () => {\n            this._animationState = 'hidden';\n            this._cdr.detectChanges();\n        };\n        this.ref.afterClosed.pipe(takeUntilDestroyed(this._destroyRef)).subscribe({\n            next: () => callback(),\n            error: () => callback()\n        });\n    }\n}\n","import { Inject, Injectable, Injector, Optional } from '@angular/core';\n\nimport { RtlService } from '@fundamental-ngx/cdk/utils';\nimport { DialogBaseService } from '@fundamental-ngx/core/dialog';\nimport { takeUntil } from 'rxjs';\n\nimport { MESSAGE_BOX_DEFAULT_CONFIG, MessageBoxConfig } from '../utils/message-box-config.class';\nimport { MessageBoxRef } from '../utils/message-box-ref.class';\nimport { MessageBoxContainerComponent } from '../message-box-container/message-box-container.component';\nimport { MessageBoxContentType } from '../message-box-content.type';\nimport { Overlay, OverlayConfig } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\n\n/** Service used to create a message box. */\n@Injectable()\nexport class MessageBoxService extends DialogBaseService<MessageBoxContainerComponent> {\n    /** @hidden */\n    constructor(\n        @Optional() @Inject(MESSAGE_BOX_DEFAULT_CONFIG) private _defaultConfig: MessageBoxConfig,\n        @Optional() private _rtlService: RtlService,\n        private readonly _overlay: Overlay\n    ) {\n        super();\n    }\n\n    /**\n     * Opens a message box component with provided content.\n     * @param content Content of the message box component.\n     * @param config Configuration of the message box component.\n     */\n    public open<T = any>(content: MessageBoxContentType, config?: MessageBoxConfig<T>): MessageBoxRef<T> {\n        const messageBoxRef = new MessageBoxRef();\n\n        config = this._applyDefaultConfig(config || {}, this._defaultConfig || new MessageBoxConfig());\n        messageBoxRef.data = config.data;\n\n        const injector = Injector.create({\n            providers: [\n                { provide: MessageBoxConfig, useValue: config },\n                { provide: MessageBoxRef, useValue: messageBoxRef },\n                { provide: RtlService, useValue: this._rtlService }\n            ],\n            parent: config.injector\n        });\n\n        const overlayRef = this._overlay.create(new OverlayConfig());\n\n        const portal = new ComponentPortal(MessageBoxContainerComponent, null, injector);\n\n        const componentRef = overlayRef.attach(portal);\n\n        componentRef.instance.childContent = content;\n        componentRef.instance.messageBoxConfig = config;\n\n        this._dialogs.push(componentRef);\n\n        messageBoxRef._endClose$.pipe(takeUntil(this._destroy$)).subscribe(() => {\n            this._destroyDialog(componentRef);\n            componentRef.destroy();\n            overlayRef.dispose();\n        });\n\n        return messageBoxRef;\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MessageBoxComponent } from './message-box.component';\nimport { MessageBoxContainerComponent } from './message-box-container/message-box-container.component';\nimport { DynamicComponentService } from '@fundamental-ngx/cdk/utils';\nimport { MessageBoxService } from './services/message-box.service';\nimport { MessageBoxBodyComponent } from './message-box-body/message-box-body.component';\nimport { MessageBoxFooterComponent } from './message-box-footer/message-box-footer.component';\nimport { MessageBoxHeaderComponent } from './message-box-header/message-box-header.component';\nimport { BarModule } from '@fundamental-ngx/core/bar';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { IconModule } from '@fundamental-ngx/core/icon';\nimport { TitleModule } from '@fundamental-ngx/core/title';\nimport { MessageBoxDefaultComponent } from './message-box-default/message-box-default.component';\nimport { TemplateModule } from '@fundamental-ngx/cdk/utils';\nimport { InitialFocusModule } from '@fundamental-ngx/cdk/utils';\nimport { MessageBoxSemanticIconComponent } from './message-box-semantic-icon/message-box-semantic-icon.component';\nimport { PortalModule } from '@angular/cdk/portal';\n\nconst declarations = [\n    MessageBoxSemanticIconComponent,\n    MessageBoxContainerComponent,\n    MessageBoxDefaultComponent,\n    MessageBoxFooterComponent,\n    MessageBoxHeaderComponent,\n    MessageBoxBodyComponent,\n    MessageBoxComponent\n];\n\n@NgModule({\n    declarations: [declarations],\n    imports: [\n        CommonModule,\n        IconModule,\n        InitialFocusModule,\n        TemplateModule,\n        BarModule,\n        TitleModule,\n        ButtonModule,\n        PortalModule\n    ],\n    exports: [declarations, TemplateModule, InitialFocusModule, TitleModule],\n    providers: [MessageBoxService, DynamicComponentService]\n})\nexport class MessageBoxModule {}\n","import { DialogContentBase } from '@fundamental-ngx/core/dialog';\nimport { TemplateRef } from '@angular/core';\n\nexport class MessageBoxContent extends DialogContentBase {\n    /** @hidden */\n    content?: TemplateRef<any> | string;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.MessageBoxConfig","i2.MessageBoxRef","i1.MessageBoxHost","i3","i4","i5.MessageBoxSemanticIconComponent","i5","i7.MessageBoxFooterComponent","i8.MessageBoxHeaderComponent","i9.MessageBoxBodyComponent","i10.MessageBoxComponent","i1","i2"],"mappings":"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"}

package/fesm2022/fundamental-ngx-core-multi-input.mjs

@@ -103,11 +103,11 @@ class MultiInputMobileComponent extends MobileModeBase {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MultiInputMobileComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: MULTI_INPUT_COMPONENT }, { token: MOBILE_MODE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: MultiInputMobileComponent, selector: "fd-multi-input-mobile", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.0", type: MultiInputMobileComponent, selector: "fd-multi-input-mobile", viewQueries: [{ propertyName: "dialogTemplate", first: true, predicate: ["dialogTemplate"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                childContent?.controlTemplate || null;\n                                context: { displayAddonButton: false }\n                            \"\n                        ></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"], dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i2.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabel", "ariaLabelledby", "id"] }, { kind: "component", type: i1.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i1.DialogBodyComponent, selector: "fd-dialog-body" }, { kind: "component", type: i1.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i1.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i1.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdkTemplate]", inputs: ["fdkTemplate"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImport: i0, type: MultiInputMobileComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-multi-input-mobile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"] }]
+            args: [{ selector: 'fd-multi-input-mobile', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ng-template let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\n    <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\n        <fd-dialog-header>\n            <h1 fd-title *ngIf=\"mobileConfig?.title\">{{ mobileConfig.title }}</h1>\n            <button\n                fd-dialog-close-button\n                [mobile]=\"true\"\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element class=\"custom-multi-input-mobile-control-element\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                childContent?.controlTemplate || null;\n                                context: { displayAddonButton: false }\n                            \"\n                        ></ng-container>\n                    </fd-bar-element>\n                    <fd-bar-element class=\"custom-multi-input-select-all-bar-element\">\n                        <button\n                            fd-button\n                            glyph=\"multiselect-all\"\n                            [fdType]=\"allItemsSelected ? 'emphasized' : 'transparent'\"\n                            (click)=\"selectAll(allItemsSelected)\"\n                        ></button>\n                    </fd-bar-element>\n                </div>\n            </ng-template>\n        </fd-dialog-header>\n\n        <fd-dialog-body>\n            <ng-container *ngTemplateOutlet=\"childContent?.listTemplate || null\"></ng-container>\n        </fd-dialog-body>\n\n        <fd-dialog-footer>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.approveButtonText\"\n                fdType=\"emphasized\"\n                [label]=\"mobileConfig.approveButtonText!\"\n                (click)=\"handleApprove()\"\n            >\n            </fd-button-bar>\n            <fd-button-bar\n                *ngIf=\"mobileConfig?.cancelButtonText\"\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", styles: [".custom-multi-input-select-all-bar-element{min-width:2.25rem}.custom-multi-input-mobile-control-element{width:calc(100% - 2.25rem)}.custom-multi-input-mobile-control-element .fd-multi-input-input-group-custom{width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.DialogService }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MULTI_INPUT_COMPONENT]
@@ -714,7 +714,7 @@ class MultiInputComponent {
             MenuKeyboardService,
             registerFormItemControl(MultiInputComponent),
             contentDensityObserverProviders()
-        ], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"_popoverMaxWidth\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control>\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"displayAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"displayAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked($event)\"\n        >\n            <fd-tokenizer\n                #tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fdkAutoComplete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                    (focus)=\"tokenizer._showAllTokens()\"\n                    (blur)=\"tokenizer._hideTokens()\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            [byline]=\"byline\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight : _searchTermCtrl.value || '' : highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}[class*=--compact] .fd-multi-input-tokenizer-custom:not([class*=\"--cozy\"]):not([class*=\"--condensed\"]),.is-compact .fd-multi-input-tokenizer-custom:not(.is-cozy):not(.is-condensed),.fd-multi-input-tokenizer-custom[class*=--compact],.fd-multi-input-tokenizer-custom.is-compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-multi-input-menu-overflow{max-width:37.5rem}.fd-input.fd-multi-input-tokenizer-input{min-width:4rem;margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fdkAutoComplete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["control"], descendants: true, read: TemplateRef }, { propertyName: "listTemplate", first: true, predicate: ["list"], descendants: true, read: TemplateRef }, { propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true, read: ElementRef }, { propertyName: "tokenizer", first: true, predicate: TokenizerComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container\n                [ngTemplateOutlet]=\"control\"\n                [ngTemplateOutletContext]=\"{ displayAddonButton: displayAddonButton }\"\n                *ngIf=\"mobile\"\n            ></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"_popoverMaxWidth\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container\n                            *ngTemplateOutlet=\"control; context: { displayAddonButton: displayAddonButton }\"\n                        ></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control let-showAddonButton=\"displayAddonButton\">\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"showAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"showAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked($event)\"\n        >\n            <fd-tokenizer\n                #tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fdkAutoComplete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                    (focus)=\"tokenizer._showAllTokens()\"\n                    (blur)=\"tokenizer._hideTokens()\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            [byline]=\"byline\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight : _searchTermCtrl.value || '' : highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}[class*=--compact] .fd-multi-input-tokenizer-custom:not([class*=\"--cozy\"]):not([class*=\"--condensed\"]),.is-compact .fd-multi-input-tokenizer-custom:not(.is-cozy):not(.is-condensed),.fd-multi-input-tokenizer-custom[class*=--compact],.fd-multi-input-tokenizer-custom.is-compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-multi-input-menu-overflow{max-width:37.5rem}.fd-input.fd-multi-input-tokenizer-input{min-width:4rem;margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"], dependencies: [{ kind: "directive", type: i3$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i4.TokenComponent, selector: "fd-token", inputs: ["disabled", "selected", "readOnly"], outputs: ["onCloseClick", "onRemove", "onTokenClick", "onTokenKeydown", "elementFocused"] }, { kind: "component", type: i4.TokenizerComponent, selector: "fd-tokenizer", inputs: ["class", "disableKeyboardDeletion", "compactCollapse", "tokenizerFocusable", "inputValue", "glyph", "moreTerm", "open"], outputs: ["moreClickedEvent"] }, { kind: "directive", type: i5$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i5$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i5$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i5$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i5$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i6.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator"], outputs: ["focusEscapeList"] }, { kind: "component", type: i6.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline"], outputs: ["keyDown"] }, { kind: "directive", type: i6.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i7.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i7.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i7.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "iconTitle", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.FormControlComponent, selector: "[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InputFormControlDirective, selector: "input[fd-form-control]" }, { kind: "component", type: i10.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i11.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fdkAutoComplete]", inputs: ["options", "inputText", "enable", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i3$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     applyCssClass,
@@ -733,7 +733,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.0", ngImpor
                         MenuKeyboardService,
                         registerFormItemControl(MultiInputComponent),
                         contentDensityObserverProviders()
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container [ngTemplateOutlet]=\"control\" *ngIf=\"mobile\"></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"_popoverMaxWidth\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container *ngTemplateOutlet=\"control\"></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control>\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"displayAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"displayAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked($event)\"\n        >\n            <fd-tokenizer\n                #tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fdkAutoComplete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                    (focus)=\"tokenizer._showAllTokens()\"\n                    (blur)=\"tokenizer._hideTokens()\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            [byline]=\"byline\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight : _searchTermCtrl.value || '' : highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}[class*=--compact] .fd-multi-input-tokenizer-custom:not([class*=\"--cozy\"]):not([class*=\"--condensed\"]),.is-compact .fd-multi-input-tokenizer-custom:not(.is-cozy):not(.is-condensed),.fd-multi-input-tokenizer-custom[class*=--compact],.fd-multi-input-tokenizer-custom.is-compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-multi-input-menu-overflow{max-width:37.5rem}.fd-input.fd-multi-input-tokenizer-input{min-width:4rem;margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"] }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"_viewModel$ | async as viewModel\">\n    <div class=\"fd-multi-input fd-multi-input-custom\">\n        <div class=\"fd-multi-input-field\">\n            <ng-container\n                [ngTemplateOutlet]=\"control\"\n                [ngTemplateOutletContext]=\"{ displayAddonButton: displayAddonButton }\"\n                *ngIf=\"mobile\"\n            ></ng-container>\n\n            <fd-popover\n                additionalBodyClass=\"fd-popover-custom-list\"\n                *ngIf=\"!mobile\"\n                [isOpen]=\"open\"\n                (isOpenChange)=\"openChangeHandle($event)\"\n                (input)=\"!open && openChangeHandle(true)\"\n                [triggers]=\"[]\"\n                [maxWidth]=\"_popoverMaxWidth\"\n                [disabled]=\"disabled\"\n                [fillControlMode]=\"fillControlMode\"\n                class=\"fd-multi-input-popover-custom\"\n            >\n                <fd-popover-control>\n                    <form (submit)=\"_onSubmit()\">\n                        <ng-container\n                            *ngTemplateOutlet=\"control; context: { displayAddonButton: displayAddonButton }\"\n                        ></ng-container>\n                    </form>\n                </fd-popover-control>\n\n                <fd-popover-body\n                    [attr.aria-hidden]=\"!open\"\n                    [class.fd-popover__body--hidden]=\"!viewModel.displayedOptions.length\"\n                >\n                    <ng-container *ngTemplateOutlet=\"list\"></ng-container>\n\n                    <ng-content></ng-content>\n                </fd-popover-body>\n            </fd-popover>\n        </div>\n    </div>\n\n    <ng-template #control let-showAddonButton=\"displayAddonButton\">\n        <fd-input-group\n            class=\"fd-multi-input-input-group-custom\"\n            [state]=\"state\"\n            [buttonFocusable]=\"buttonFocusable\"\n            [button]=\"showAddonButton\"\n            [disabled]=\"disabled\"\n            [isExpanded]=\"open && !mobile && viewModel.displayedOptions.length > 0\"\n            [isControl]=\"true\"\n            [glyph]=\"showAddonButton ? glyph : ''\"\n            [iconTitle]=\"title\"\n            (addOnButtonClicked)=\"_addOnButtonClicked($event)\"\n        >\n            <fd-tokenizer\n                #tokenizer\n                [compactCollapse]=\"compactCollapse\"\n                [open]=\"open\"\n                [tokenizerFocusable]=\"false\"\n                (moreClickedEvent)=\"_moreClicked()\"\n                class=\"fd-multi-input-tokenizer-custom\"\n                tabindex=\"-1\"\n            >\n                <fd-token\n                    *ngFor=\"let option of viewModel.selectedOptions; trackBy: valueFn\"\n                    [disabled]=\"disabled\"\n                    (onCloseClick)=\"_onTokenClick(option.value, false, $event)\"\n                    (onRemove)=\"_onTokenClick(option.value, false)\"\n                >\n                    <span [innerHtml]=\"option.label\"></span>\n                </fd-token>\n\n                <input\n                    type=\"text\"\n                    class=\"fd-input fd-tokenizer__input fd-multi-input-tokenizer-input\"\n                    autocomplete=\"off\"\n                    fd-form-control\n                    fd-input-group-input\n                    fdkAutoComplete\n                    (onComplete)=\"_handleComplete($event)\"\n                    #searchInputElement\n                    [displayFn]=\"displayFn\"\n                    [inputText]=\"_searchTermCtrl.value || ''\"\n                    [options]=\"dropdownValues\"\n                    [enable]=\"autoComplete && !mobile\"\n                    [placeholder]=\"placeholder\"\n                    [formControl]=\"_searchTermCtrl\"\n                    [attr.aria-required]=\"required\"\n                    [attr.aria-label]=\"ariaLabel\"\n                    [attr.aria-labelledby]=\"ariaLabelledBy\"\n                    (keydown)=\"_handleInputKeydown($event)\"\n                    [attr.id]=\"inputId\"\n                    (focus)=\"tokenizer._showAllTokens()\"\n                    (blur)=\"tokenizer._hideTokens()\"\n                />\n            </fd-tokenizer>\n        </fd-input-group>\n    </ng-template>\n\n    <ng-template #list>\n        <ul\n            *ngIf=\"viewModel.displayedOptions.length\"\n            fd-list\n            class=\"fd-multi-input-menu-overflow\"\n            [selection]=\"true\"\n            [mobileMode]=\"mobile\"\n            [style.maxHeight]=\"!mobile ? maxHeight : 'auto'\"\n            [byline]=\"byline\"\n            (focusEscapeList)=\"handleListFocusEscape($event)\"\n            [style.minWidth]=\"'100%'\"\n        >\n            <li\n                *ngFor=\"let option of viewModel.displayedOptions; index as idx; trackBy: valueFn\"\n                fd-list-item\n                [attr.aria-label]=\"option.label\"\n                (click)=\"_onCheckboxClick(option.value, $event, idx, true)\"\n                (keyup)=\"_onCheckboxKeyup(option.value, $event, idx)\"\n                [selected]=\"option.isSelected\"\n            >\n                <fd-checkbox (click)=\"_onCheckboxClick(option.value, $event, idx)\" [value]=\"option.isSelected\">\n                    <!-- TODO -->\n                </fd-checkbox>\n\n                <ng-container\n                    [ngTemplateOutlet]=\"itemSource\"\n                    [ngTemplateOutletContext]=\"{ option: option }\"\n                ></ng-container>\n            </li>\n\n            <li\n                *ngIf=\"showAllButton && viewModel.displayedOptions.length < dropdownValues.length\"\n                fd-list-item\n                class=\"fd-multi-input-show-all\"\n                (keyDown)=\"_showAllKeyDown($event)\"\n                (click)=\"_showAllClicked($event)\"\n            >\n                <a fd-link tabindex=\"0\">Show All ({{ dropdownValues.length }})</a>\n            </li>\n        </ul>\n    </ng-template>\n\n    <ng-template let-option=\"option\" #itemSource>\n        <span\n            *ngIf=\"!itemTemplate\"\n            fd-list-title\n            [innerHtml]=\"option.label | highlight : _searchTermCtrl.value || '' : highlight\"\n        ></span>\n\n        <ng-container *ngIf=\"itemTemplate\">\n            <ng-container\n                [ngTemplateOutlet]=\"itemTemplate\"\n                [ngTemplateOutletContext]=\"{ $implicit: option.item }\"\n            ></ng-container>\n        </ng-container>\n    </ng-template>\n</ng-container>\n", styles: [".fd-multi-input-tokenizer-custom{width:calc(100% - 2.25rem)}[class*=--compact] .fd-multi-input-tokenizer-custom:not([class*=\"--cozy\"]):not([class*=\"--condensed\"]),.is-compact .fd-multi-input-tokenizer-custom:not(.is-cozy):not(.is-condensed),.fd-multi-input-tokenizer-custom[class*=--compact],.fd-multi-input-tokenizer-custom.is-compact{width:calc(100% - 2rem)}.fd-multi-input-input-group-custom{max-width:100%}.fd-multi-input-custom{display:block}.fd-multi-input-item{cursor:pointer;padding:0}.fd-multi-input-popover-size{overflow:auto;display:block}.fd-multi-input-popover-custom.fd-popover-custom{max-width:100%;display:block}.fd-multi-input-show-all{width:100%;display:flex;justify-content:flex-end;background-color:transparent}.fd-multi-input-show-all .fd-link:active{color:inherit}.fd-multi-input-checkbox{width:100%;cursor:pointer}.fd-multi-input-checkbox .fd-checkbox__label{color:inherit}.fd-multi-input-menu-overflow{max-width:37.5rem}.fd-input.fd-multi-input-tokenizer-input{min-width:4rem;margin-top:0;margin-bottom:0;padding-left:0;background-color:transparent}.fd-list--multi-input{max-width:100%}.fd-popover__body--hidden{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.ContentDensityObserver }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i2$1.DynamicComponentService }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: i12.Observable, decorators: [{
                     type: Inject,
                     args: [FD_LANGUAGE]