npm - @fundamental-ngx/core - Versions diffs - 0.43.28 → 0.43.30 - Mend

@fundamental-ngx/core 0.43.28 → 0.43.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/fesm2015/fundamental-ngx-core-action-sheet.mjs CHANGED Viewed

@@ -357,7 +357,7 @@ class ActionSheetComponent {
     }
 }
 ActionSheetComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetComponent, deps: [{ token: i1$1.KeyboardSupportService }, { token: i0.ChangeDetectorRef }, { token: i0.ViewContainerRef }, { token: i1$1.DynamicComponentService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ActionSheetComponent, selector: "fd-action-sheet", inputs: { mobile: "mobile", placement: "placement", noArrow: "noArrow", isOpen: "isOpen", keyboardSupport: "keyboardSupport", triggers: "triggers" }, outputs: { focusEscapeList: "focusEscapeList", isOpenChange: "isOpenChange" }, providers: [KeyboardSupportService], queries: [{ propertyName: "actionSheetBody", first: true, predicate: ActionSheetBodyComponent, descendants: true }, { propertyName: "actionSheetControl", first: true, predicate: ActionSheetControlComponent, descendants: true }, { propertyName: "actionSheetItems", predicate: ActionSheetItemComponent, descendants: true }], viewQueries: [{ propertyName: "actionSheetBodyTemplate", first: true, predicate: ["actionSheetBodyTemplate"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }], ngImport: i0, template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i3.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i3.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ActionSheetComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-action-sheet', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [KeyboardSupportService], template: "<fd-popover\n    *ngIf=\"!mobile\"\n    [placement]=\"placement\"\n    [isOpen]=\"isOpen\"\n    (isOpenChange)=\"isOpenChangeHandle($event)\"\n    [noArrow]=\"noArrow\"\n    [focusTrapped]=\"true\"\n    [triggers]=\"[]\"\n    [focusAutoCapture]=\"true\"\n    [tabbableScrollbar]=\"false\"\n>\n    <fd-popover-control>\n        <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n    </fd-popover-control>\n\n    <fd-popover-body>\n        <ng-container *ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n    </fd-popover-body>\n</fd-popover>\n\n<ng-container *ngIf=\"mobile\">\n    <ng-container *ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n    <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n    <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n", styles: ["/*!\n * Fundamental Library Styles v0.28.3\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-action-sheet{--fdActionSheet_Padding:.25rem .5rem;--fdActionSheet_Item_Padding:.25rem 0;-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Padding);width:100%}.fd-action-sheet:after,.fd-action-sheet:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__item{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:block;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0;padding:var(--fdActionSheet_Item_Padding);width:100%}.fd-action-sheet__item:after,.fd-action-sheet__item:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet__wrapper{display:none}.fd-action-sheet__wrapper,.fd-action-sheet__wrapper:before{border-radius:var(--fdPopover_Border_Radius);height:100%;left:0;position:absolute;top:0;width:100%}.fd-action-sheet__wrapper:before{background-color:var(--sapBlockLayer_Background);content:\"\";display:block;opacity:var(--fdOverlay_Background_Opacity)}.fd-action-sheet__wrapper--active{-webkit-box-pack:end;-ms-flex-pack:end;align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-end}.fd-action-sheet__title{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);color:var(--sapGroup_TitleTextColor);color:var(--sapContent_ContrastTextColor);font-family:var(--sapFontFamily);font-family:var(--sapFontHeaderFamily);font-size:var(--sapFontSize);font-size:var(--sapFontHeader6Size);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;max-width:100%;overflow:hidden;padding:0 1rem .5rem;text-overflow:ellipsis;white-space:nowrap;z-index:1}.fd-action-sheet__title:after,.fd-action-sheet__title:before{box-sizing:inherit;font-size:inherit}.fd-action-sheet[class*=-compact],.fd-action-sheet[class*=-condensed],[class*=-compact] .fd-action-sheet:not([class*=-cozy]),[class*=-condensed] .fd-action-sheet:not([class*=-cozy]){--fdActionSheet_Padding:.1875rem .375rem;--fdActionSheet_Item_Padding:.1875rem 0}.fd-action-sheet--mobile{-webkit-box-shadow:var(--sapContent_Shadow1);background-color:var(--sapGroup_ContentBackground);border-radius:var(--fdPopover_Border_Radius);box-shadow:var(--sapContent_Shadow1);left:var(--sapGroup_BorderWidth);overflow:auto;position:relative;right:auto;width:calc(100% - var(--sapGroup_BorderWidth) * 2);z-index:1}.fd-action-sheet--mobile[dir=rtl],[dir=rtl] .fd-action-sheet--mobile{left:auto;right:var(--sapGroup_BorderWidth)}fd-action-sheet-body{width:100%}.fd-action-sheet{list-style-type:none}.fd-action-sheet__wrapper--active{position:fixed;z-index:999}\n"] }]

package/fesm2015/fundamental-ngx-core-action-sheet.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"fundamental-ngx-core-action-sheet.mjs","sources":["../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.module.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.component.html","../../../../libs/core/src/lib/action-sheet/deprecated-action-sheet-compact.directive.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.module.ts","../../../../libs/core/src/lib/action-sheet/fundamental-ngx-core-action-sheet.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\n\ntype OpenChangeHandle = (isOpen: boolean) => void;\n\n@Component({\n selector: 'fd-action-sheet-mobile',\n templateUrl: './action-sheet-mobile.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionSheetMobileComponent {\n /** Whenever links should be visible /\n open = false;\n\n /* @hidden /\n childContent: {\n actionSheetBodyTemplate: TemplateRef<any>;\n isOpenChangeHandle: OpenChangeHandle;\n } \| null = null;\n\n /* @hidden /\n get _isOpenChangeHandle(): OpenChangeHandle \| undefined {\n return this.childContent?.isOpenChangeHandle;\n }\n\n /* @hidden /\n constructor(private readonly _changeDetectionRef: ChangeDetectorRef) {}\n\n /* @hidden /\n toggleOpenState(isOpen: boolean): void {\n this.open = isOpen;\n this._changeDetectionRef.detectChanges();\n }\n}\n","<div\n ngIf=\"open\"\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n <ng-container ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate \|\| null\"></ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { DialogModule } from '@fundamental-ngx/core/dialog';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [ActionSheetMobileComponent],\n imports: [DialogModule, ButtonModule, CommonModule],\n exports: [ActionSheetMobileComponent]\n})\nexport class ActionSheetMobileModule {}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Input,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { KeyboardSupportService, Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { ActionSheetItemComponent } from '../action-sheet-item/action-sheet-item.component';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nlet actionSheetBodyUniqueIdCounter = 0;\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-body',\n templateUrl: './action-sheet-body.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [contentDensityObserverProviders()]\n})\nexport class ActionSheetBodyComponent {\n /* Id of the Action Sheet Body. /\n @Input()\n actionSheetBodyId = `fd-action-sheet-body-${actionSheetBodyUniqueIdCounter++}`;\n\n /* Display in mobile view. /\n @Input()\n mobile = false;\n\n /* Aria-label for Action Sheet Body. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria-Labelledby for element describing Action Sheet Body. /\n @Input()\n ariaLabelledby: Nullable<string>;\n\n /* @hidden /\n @ViewChild('actionSheetElement')\n actionSheetElementRef: ElementRef<HTMLUListElement>;\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n event.stopPropagation();\n }\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keyDownHandler(event: KeyboardEvent): void {\n if (this._keyboardSupportService.keyManager) {\n this._keyboardSupportService.onKeyDown(event);\n }\n }\n}\n","<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n ViewEncapsulation,\n HostListener,\n Output\n} from '@angular/core';\nimport { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-control',\n templateUrl: './action-sheet-control.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionSheetControlComponent {\n /* Emitted event when control button is clicked /\n @Output()\n clicked: EventEmitter<void> = new EventEmitter<void>();\n\n /* saves element that is focused before dialog opened /\n private _focusedElementBeforeDialogOpened: HTMLElement \| null = null;\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this._focusedElementBeforeDialogOpened = _getFocusedElementPierceShadowDom();\n this.clicked.emit();\n }\n\n /* @hidden /\n _focus(): void {\n this._focusedElementBeforeDialogOpened?.focus();\n }\n}\n","<ng-content></ng-content>\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { KeyboardSupportItemInterface } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\n\nexport interface ActionSheetClickEvent {\n shouldClose: boolean;\n}\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-sheet-item]',\n templateUrl: './action-sheet-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-action-sheet__item',\n role: 'none'\n }\n})\nexport class ActionSheetItemComponent implements KeyboardSupportItemInterface {\n /* Sets text of button. /\n @Input()\n label: string;\n\n /* Sets icon of action item. /\n @Input()\n glyph: string;\n\n /* Indicate state of the button./\n @Input()\n negative = false;\n\n /* Indicate if it's closing button /\n @Input()\n isCloseButton = false;\n\n /* Whether or not the action sheet item is disabled. /\n @Input()\n disabled = false;\n\n /* @hidden /\n @ViewChild(ButtonComponent, { read: ElementRef })\n buttonComponent: ElementRef;\n\n /* @hidden /\n @Output()\n keyDown = new EventEmitter<KeyboardEvent>();\n\n /* @hidden /\n clicked = new EventEmitter<ActionSheetClickEvent>();\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keydownHandler(event: KeyboardEvent): void {\n this.keyDown.emit(event);\n }\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this.clicked.emit({\n shouldClose: this.isCloseButton\n });\n }\n\n /* @hidden Support for KeyboardSupportItemInterface /\n click(): void {\n this._elementRef.nativeElement.click();\n }\n\n /* @hidden /\n focus(): void {\n this.buttonComponent.nativeElement.focus();\n }\n}\n","<button\n fd-button\n [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n role=\"menuitem\"\n class=\"fd-button--full-width\"\n [label]=\"label\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n ContentChild,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n QueryList,\n TemplateRef,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { merge, Subject, Subscription } from 'rxjs';\nimport { startWith, takeUntil } from 'rxjs/operators';\n\nimport { DynamicComponentService, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';\nimport { Placement } from '@fundamental-ngx/core/shared';\nimport { PopoverComponent } from '@fundamental-ngx/core/popover';\n\nimport { ActionSheetMobileModule } from './action-sheet-mobile/action-sheet-mobile.module';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile/action-sheet-mobile.component';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetClickEvent, ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\n\n@Component({\n selector: 'fd-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [KeyboardSupportService]\n})\nexport class ActionSheetComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n /* Whether should be displayed in mobile mode /\n @Input()\n mobile = false;\n\n /* The position of the popover body. Set to 'bottom' by default. /\n @Input()\n placement: Placement = 'bottom';\n\n /* Whether the popover body has an arrow. Set to false by default. /\n @Input()\n noArrow = false;\n\n /* Whenever links should be visible /\n @Input()\n isOpen = false;\n\n /* Whether internal keyboard support should be enabled. It's enabled by default /\n @Input()\n keyboardSupport = true;\n\n /\n To allow user to determine what event he wants to trigger the messages to show\n * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).\n /\n @Input()\n triggers: string[] = ['click'];\n\n /* Event thrown, when focus escapes the list /\n @Output()\n focusEscapeList = new EventEmitter<FocusEscapeDirection>();\n\n /* Event thrown, when the action sheet is opened or closed /\n @Output()\n readonly isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /* @hidden /\n @ContentChild(ActionSheetBodyComponent)\n actionSheetBody: ActionSheetBodyComponent;\n\n /* @hidden /\n @ContentChild(ActionSheetControlComponent)\n actionSheetControl: ActionSheetControlComponent;\n\n /* @hidden /\n @ContentChildren(ActionSheetItemComponent, { descendants: true })\n actionSheetItems: QueryList<ActionSheetItemComponent>;\n\n /* @hidden /\n @ViewChild('actionSheetBodyTemplate')\n actionSheetBodyTemplate: TemplateRef<any>;\n\n /* @hidden /\n @ViewChild(PopoverComponent)\n popoverComponent: PopoverComponent;\n\n /* @hidden /\n actionSheetMobileDynamic: ComponentRef<ActionSheetMobileComponent>;\n\n /* @hidden /\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private readonly _onRefresh$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private _subscriptions = new Subscription();\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n private readonly _changeDetectionRef: ChangeDetectorRef,\n private readonly _viewContainerRef: ViewContainerRef,\n @Optional() private _dynamicComponentService: DynamicComponentService\n ) {}\n\n /* @hidden /\n ngAfterContentInit(): void {\n this._initializeChildrenState();\n this._keyboardSupportService.setKeyboardService(this.actionSheetItems, true);\n this._listenOnItemsChange();\n this._actionControlHandle();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.mobile) {\n this._setUpMobileMode();\n }\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /* Method that opens action sheet /\n open(): void {\n this.isOpenChangeHandle(true);\n }\n\n /* Method that closes action sheet /\n close(): void {\n this.isOpenChangeHandle(false);\n }\n\n /* @hidden /\n isOpenChangeHandle(isOpen: boolean): void {\n if (this.isOpen === isOpen) {\n return;\n }\n\n this.isOpen = isOpen;\n\n if (this.mobile && this.actionSheetMobileDynamic) {\n this.actionSheetMobileDynamic.instance.toggleOpenState(this.isOpen);\n }\n\n this.isOpenChange.emit(isOpen);\n\n isOpen ? this._setItemActive(0) : this.actionSheetControl._focus();\n\n this._changeDetectionRef.detectChanges();\n }\n\n /* @hidden /\n private _initializeChildrenState(): void {\n if (this.actionSheetBody) {\n this.actionSheetBody.mobile = this.mobile;\n }\n }\n\n /* @hidden /\n private _actionControlHandle(): void {\n this.actionSheetControl.clicked\n .pipe(takeUntil(this._onDestroy$))\n .subscribe(() => (this.isOpen ? this.close() : this.open()));\n }\n\n /* @hidden /\n private _listenOnItemsChange(): void {\n this.actionSheetItems.changes.pipe(startWith(1), takeUntil(this._onDestroy$)).subscribe(() => {\n this._listenOnItemsClick();\n });\n }\n\n /* @hidden /\n private _listenOnItemsClick(): void {\n /* Finish all of the streams, from before /\n this._onRefresh$.next();\n /* Merge refresh/destroy observables /\n const refresh$ = merge(this._onRefresh$, this._onDestroy$);\n\n this.actionSheetItems.forEach((item, index) =>\n item.clicked.pipe(takeUntil(refresh$)).subscribe((event: ActionSheetClickEvent) => {\n this._setItemActive(index);\n if (event.shouldClose) {\n this.close();\n }\n })\n );\n }\n\n /* @hidden Set fake focus on element with passed index /\n private _setItemActive(index: number): void {\n this._keyboardSupportService.keyManager?.setActiveItem(index);\n }\n\n /* @hidden /\n private async _setUpMobileMode(): Promise<void> {\n this.actionSheetMobileDynamic = await this._dynamicComponentService.createDynamicModule(\n {\n actionSheetBodyTemplate: this.actionSheetBodyTemplate,\n isOpenChangeHandle: this.isOpenChangeHandle.bind(this)\n },\n ActionSheetMobileModule,\n ActionSheetMobileComponent,\n this._viewContainerRef\n );\n }\n}\n","<fd-popover\n ngIf=\"!mobile\"\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n [tabbableScrollbar]=\"false\"\n>\n <fd-popover-control>\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container ngIf=\"mobile\">\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: `fd-action-sheet[compact], fd-action-sheet-body[compact], [fd-action-sheet-item][compact]`,\n providers: [\n {\n provide: CONTENT_DENSITY_DIRECTIVE,\n useExisting: forwardRef(() => DeprecatedActionSheetCompactDirective)\n }\n ]\n})\nexport class DeprecatedActionSheetCompactDirective extends DeprecatedCompactDirective {\n /** @hidden /\n constructor() {\n super(`[fd-action-sheet-item][compact], fd-action-sheet-body[compact] and fd-action-sheet`);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ActionSheetComponent } from './action-sheet.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { DeprecatedActionSheetCompactDirective } from './deprecated-action-sheet-compact.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n imports: [CommonModule, PopoverModule, ButtonModule, ContentDensityModule],\n exports: [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent,\n DeprecatedActionSheetCompactDirective,\n ContentDensityModule\n ],\n declarations: [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent,\n DeprecatedActionSheetCompactDirective\n ]\n})\nexport class ActionSheetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1","i2"],"mappings":"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"}
1	+ {"version":3,"file":"fundamental-ngx-core-action-sheet.mjs","sources":["../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-mobile/action-sheet-mobile.module.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-body/action-sheet-body.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-control/action-sheet-control.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet-item/action-sheet-item.component.html","../../../../libs/core/src/lib/action-sheet/action-sheet.component.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.component.html","../../../../libs/core/src/lib/action-sheet/deprecated-action-sheet-compact.directive.ts","../../../../libs/core/src/lib/action-sheet/action-sheet.module.ts","../../../../libs/core/src/lib/action-sheet/fundamental-ngx-core-action-sheet.ts"],"sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, TemplateRef } from '@angular/core';\n\ntype OpenChangeHandle = (isOpen: boolean) => void;\n\n@Component({\n selector: 'fd-action-sheet-mobile',\n templateUrl: './action-sheet-mobile.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionSheetMobileComponent {\n /** Whenever links should be visible /\n open = false;\n\n /* @hidden /\n childContent: {\n actionSheetBodyTemplate: TemplateRef<any>;\n isOpenChangeHandle: OpenChangeHandle;\n } \| null = null;\n\n /* @hidden /\n get _isOpenChangeHandle(): OpenChangeHandle \| undefined {\n return this.childContent?.isOpenChangeHandle;\n }\n\n /* @hidden /\n constructor(private readonly _changeDetectionRef: ChangeDetectorRef) {}\n\n /* @hidden /\n toggleOpenState(isOpen: boolean): void {\n this.open = isOpen;\n this._changeDetectionRef.detectChanges();\n }\n}\n","<div\n ngIf=\"open\"\n class=\"fd-action-sheet__wrapper fd-action-sheet__wrapper--active\"\n (click)=\"_isOpenChangeHandle && _isOpenChangeHandle(false)\"\n>\n <ng-container ngTemplateOutlet=\"childContent?.actionSheetBodyTemplate \|\| null\"></ng-container>\n</div>\n","import { NgModule } from '@angular/core';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile.component';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { DialogModule } from '@fundamental-ngx/core/dialog';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n declarations: [ActionSheetMobileComponent],\n imports: [DialogModule, ButtonModule, CommonModule],\n exports: [ActionSheetMobileComponent]\n})\nexport class ActionSheetMobileModule {}\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n HostListener,\n Input,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\n\nimport { KeyboardSupportService, Nullable } from '@fundamental-ngx/cdk/utils';\n\nimport { ActionSheetItemComponent } from '../action-sheet-item/action-sheet-item.component';\nimport { ContentDensityObserver, contentDensityObserverProviders } from '@fundamental-ngx/core/content-density';\n\nlet actionSheetBodyUniqueIdCounter = 0;\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-body',\n templateUrl: './action-sheet-body.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [contentDensityObserverProviders()]\n})\nexport class ActionSheetBodyComponent {\n /* Id of the Action Sheet Body. /\n @Input()\n actionSheetBodyId = `fd-action-sheet-body-${actionSheetBodyUniqueIdCounter++}`;\n\n /* Display in mobile view. /\n @Input()\n mobile = false;\n\n /* Aria-label for Action Sheet Body. /\n @Input()\n ariaLabel: Nullable<string>;\n\n /* Aria-Labelledby for element describing Action Sheet Body. /\n @Input()\n ariaLabelledby: Nullable<string>;\n\n /* @hidden /\n @ViewChild('actionSheetElement')\n actionSheetElementRef: ElementRef<HTMLUListElement>;\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n readonly _contentDensityObserver: ContentDensityObserver\n ) {}\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(event: MouseEvent): void {\n event.stopPropagation();\n }\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keyDownHandler(event: KeyboardEvent): void {\n if (this._keyboardSupportService.keyManager) {\n this._keyboardSupportService.onKeyDown(event);\n }\n }\n}\n","<ul\n #actionSheetElement\n [attr.id]=\"actionSheetBodyId\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"ariaLabelledby\"\n class=\"fd-action-sheet\"\n [class.fd-action-sheet--mobile]=\"mobile\"\n role=\"menu\"\n>\n <ng-content select=\"[fd-action-sheet-item]\"></ng-content>\n</ul>\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n ViewEncapsulation,\n HostListener,\n Output\n} from '@angular/core';\nimport { _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n selector: 'fd-action-sheet-control',\n templateUrl: './action-sheet-control.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class ActionSheetControlComponent {\n /* Emitted event when control button is clicked /\n @Output()\n clicked: EventEmitter<void> = new EventEmitter<void>();\n\n /* saves element that is focused before dialog opened /\n private _focusedElementBeforeDialogOpened: HTMLElement \| null = null;\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this._focusedElementBeforeDialogOpened = _getFocusedElementPierceShadowDom();\n this.clicked.emit();\n }\n\n /* @hidden /\n _focus(): void {\n this._focusedElementBeforeDialogOpened?.focus();\n }\n}\n","<ng-content></ng-content>\n","import {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n HostListener,\n Input,\n Output,\n ViewChild,\n ViewEncapsulation\n} from '@angular/core';\nimport { KeyboardSupportItemInterface } from '@fundamental-ngx/cdk/utils';\nimport { ButtonComponent } from '@fundamental-ngx/core/button';\n\nexport interface ActionSheetClickEvent {\n shouldClose: boolean;\n}\n\n/\n A component used to enforce a certain layout for the action sheet.\n * ```html\n * <fd-action-sheet>\n * <fd-action-sheet-control>Control Element</fd-action-sheet-control>\n * <fd-action-sheet-body>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * <fd-action-sheet-item>Action Sheet Body</fd-action-sheet-item>\n * </fd-action-sheet-body>\n * </fd-action-sheet>\n * ```\n /\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: '[fd-action-sheet-item]',\n templateUrl: './action-sheet-item.component.html',\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n class: 'fd-action-sheet__item',\n role: 'none'\n }\n})\nexport class ActionSheetItemComponent implements KeyboardSupportItemInterface {\n /* Sets text of button. /\n @Input()\n label: string;\n\n /* Sets icon of action item. /\n @Input()\n glyph: string;\n\n /* Indicate state of the button./\n @Input()\n negative = false;\n\n /* Indicate if it's closing button /\n @Input()\n isCloseButton = false;\n\n /* Whether or not the action sheet item is disabled. /\n @Input()\n disabled = false;\n\n /* @hidden /\n @ViewChild(ButtonComponent, { read: ElementRef })\n buttonComponent: ElementRef;\n\n /* @hidden /\n @Output()\n keyDown = new EventEmitter<KeyboardEvent>();\n\n /* @hidden /\n clicked = new EventEmitter<ActionSheetClickEvent>();\n\n /* @hidden /\n constructor(private readonly _elementRef: ElementRef) {}\n\n /* @hidden /\n @HostListener('keydown', ['$event'])\n keydownHandler(event: KeyboardEvent): void {\n this.keyDown.emit(event);\n }\n\n /* Handler for mouse events /\n @HostListener('click', ['$event'])\n onClick(): void {\n this.clicked.emit({\n shouldClose: this.isCloseButton\n });\n }\n\n /* @hidden Support for KeyboardSupportItemInterface /\n click(): void {\n this._elementRef.nativeElement.click();\n }\n\n /* @hidden /\n focus(): void {\n this.buttonComponent.nativeElement.focus();\n }\n}\n","<button\n fd-button\n [class]=\"negative ? 'fd-button--negative' : 'fd-button--transparent fd-button--text-alignment-left'\"\n role=\"menuitem\"\n class=\"fd-button--full-width\"\n [label]=\"label\"\n [glyph]=\"glyph\"\n [disabled]=\"disabled\"\n>\n <ng-content></ng-content>\n</button>\n","import {\n AfterContentInit,\n AfterViewInit,\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ComponentRef,\n ContentChild,\n ContentChildren,\n EventEmitter,\n Input,\n OnDestroy,\n Optional,\n Output,\n QueryList,\n TemplateRef,\n ViewChild,\n ViewContainerRef,\n ViewEncapsulation\n} from '@angular/core';\nimport { merge, Subject, Subscription } from 'rxjs';\nimport { startWith, takeUntil } from 'rxjs/operators';\n\nimport { DynamicComponentService, FocusEscapeDirection, KeyboardSupportService } from '@fundamental-ngx/cdk/utils';\nimport { Placement } from '@fundamental-ngx/core/shared';\nimport { PopoverComponent } from '@fundamental-ngx/core/popover';\n\nimport { ActionSheetMobileModule } from './action-sheet-mobile/action-sheet-mobile.module';\nimport { ActionSheetMobileComponent } from './action-sheet-mobile/action-sheet-mobile.component';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetClickEvent, ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\n\n@Component({\n selector: 'fd-action-sheet',\n templateUrl: './action-sheet.component.html',\n styleUrls: ['./action-sheet.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n providers: [KeyboardSupportService]\n})\nexport class ActionSheetComponent implements AfterContentInit, AfterViewInit, OnDestroy {\n /* Whether should be displayed in mobile mode /\n @Input()\n mobile = false;\n\n /* The position of the popover body. Set to 'bottom' by default. /\n @Input()\n placement: Placement = 'bottom';\n\n /* Whether the popover body has an arrow. Set to false by default. /\n @Input()\n noArrow = false;\n\n /* Whenever links should be visible /\n @Input()\n isOpen = false;\n\n /* Whether internal keyboard support should be enabled. It's enabled by default /\n @Input()\n keyboardSupport = true;\n\n /\n To allow user to determine what event he wants to trigger the messages to show\n * Accepts any [HTML DOM Events](https://www.w3schools.com/jsref/dom_obj_event.asp).\n /\n @Input()\n triggers: string[] = ['click'];\n\n /* Event thrown, when focus escapes the list /\n @Output()\n focusEscapeList = new EventEmitter<FocusEscapeDirection>();\n\n /* Event thrown, when the action sheet is opened or closed /\n @Output()\n readonly isOpenChange: EventEmitter<boolean> = new EventEmitter<boolean>();\n\n /* @hidden /\n @ContentChild(ActionSheetBodyComponent)\n actionSheetBody: ActionSheetBodyComponent;\n\n /* @hidden /\n @ContentChild(ActionSheetControlComponent)\n actionSheetControl: ActionSheetControlComponent;\n\n /* @hidden /\n @ContentChildren(ActionSheetItemComponent, { descendants: true })\n actionSheetItems: QueryList<ActionSheetItemComponent>;\n\n /* @hidden /\n @ViewChild('actionSheetBodyTemplate')\n actionSheetBodyTemplate: TemplateRef<any>;\n\n /* @hidden /\n @ViewChild(PopoverComponent)\n popoverComponent: PopoverComponent;\n\n /* @hidden /\n actionSheetMobileDynamic: ComponentRef<ActionSheetMobileComponent>;\n\n /* @hidden /\n private readonly _onDestroy$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private readonly _onRefresh$: Subject<void> = new Subject<void>();\n\n /* @hidden /\n private _subscriptions = new Subscription();\n\n /* @hidden /\n constructor(\n private readonly _keyboardSupportService: KeyboardSupportService<ActionSheetItemComponent>,\n private readonly _changeDetectionRef: ChangeDetectorRef,\n private readonly _viewContainerRef: ViewContainerRef,\n @Optional() private _dynamicComponentService: DynamicComponentService\n ) {}\n\n /* @hidden /\n ngAfterContentInit(): void {\n this._initializeChildrenState();\n this._keyboardSupportService.setKeyboardService(this.actionSheetItems, true);\n this._listenOnItemsChange();\n this._actionControlHandle();\n }\n\n /* @hidden /\n ngAfterViewInit(): void {\n if (this.mobile) {\n this._setUpMobileMode();\n }\n }\n\n /* @hidden /\n ngOnDestroy(): void {\n this._subscriptions.unsubscribe();\n this._onDestroy$.next();\n this._onDestroy$.complete();\n }\n\n /* Method that opens action sheet /\n open(): void {\n this.isOpenChangeHandle(true);\n }\n\n /* Method that closes action sheet /\n close(): void {\n this.isOpenChangeHandle(false);\n }\n\n /* @hidden /\n isOpenChangeHandle(isOpen: boolean): void {\n if (this.isOpen === isOpen) {\n return;\n }\n\n this.isOpen = isOpen;\n\n if (this.mobile && this.actionSheetMobileDynamic) {\n this.actionSheetMobileDynamic.instance.toggleOpenState(this.isOpen);\n }\n\n this.isOpenChange.emit(isOpen);\n\n isOpen ? this._setItemActive(0) : this.actionSheetControl._focus();\n\n this._changeDetectionRef.detectChanges();\n }\n\n /* @hidden /\n private _initializeChildrenState(): void {\n if (this.actionSheetBody) {\n this.actionSheetBody.mobile = this.mobile;\n }\n }\n\n /* @hidden /\n private _actionControlHandle(): void {\n this.actionSheetControl.clicked\n .pipe(takeUntil(this._onDestroy$))\n .subscribe(() => (this.isOpen ? this.close() : this.open()));\n }\n\n /* @hidden /\n private _listenOnItemsChange(): void {\n this.actionSheetItems.changes.pipe(startWith(1), takeUntil(this._onDestroy$)).subscribe(() => {\n this._listenOnItemsClick();\n });\n }\n\n /* @hidden /\n private _listenOnItemsClick(): void {\n /* Finish all of the streams, from before /\n this._onRefresh$.next();\n /* Merge refresh/destroy observables /\n const refresh$ = merge(this._onRefresh$, this._onDestroy$);\n\n this.actionSheetItems.forEach((item, index) =>\n item.clicked.pipe(takeUntil(refresh$)).subscribe((event: ActionSheetClickEvent) => {\n this._setItemActive(index);\n if (event.shouldClose) {\n this.close();\n }\n })\n );\n }\n\n /* @hidden Set fake focus on element with passed index /\n private _setItemActive(index: number): void {\n this._keyboardSupportService.keyManager?.setActiveItem(index);\n }\n\n /* @hidden /\n private async _setUpMobileMode(): Promise<void> {\n this.actionSheetMobileDynamic = await this._dynamicComponentService.createDynamicModule(\n {\n actionSheetBodyTemplate: this.actionSheetBodyTemplate,\n isOpenChangeHandle: this.isOpenChangeHandle.bind(this)\n },\n ActionSheetMobileModule,\n ActionSheetMobileComponent,\n this._viewContainerRef\n );\n }\n}\n","<fd-popover\n ngIf=\"!mobile\"\n [placement]=\"placement\"\n [isOpen]=\"isOpen\"\n (isOpenChange)=\"isOpenChangeHandle($event)\"\n [noArrow]=\"noArrow\"\n [focusTrapped]=\"true\"\n [triggers]=\"[]\"\n [focusAutoCapture]=\"true\"\n [tabbableScrollbar]=\"false\"\n>\n <fd-popover-control>\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n </fd-popover-control>\n\n <fd-popover-body>\n <ng-container ngTemplateOutlet=\"actionSheetBodyTemplate\"></ng-container>\n </fd-popover-body>\n</fd-popover>\n\n<ng-container ngIf=\"mobile\">\n <ng-container ngTemplateOutlet=\"actionSheetControl\"></ng-container>\n</ng-container>\n\n<ng-template #actionSheetBodyTemplate>\n <ng-content select=\"fd-action-sheet-body\"></ng-content>\n</ng-template>\n\n<ng-template #actionSheetControl>\n <ng-content select=\"fd-action-sheet-control\"></ng-content>\n</ng-template>\n","import { Directive, forwardRef } from '@angular/core';\nimport { CONTENT_DENSITY_DIRECTIVE, DeprecatedCompactDirective } from '@fundamental-ngx/core/content-density';\n\n@Directive({\n // eslint-disable-next-line @angular-eslint/directive-selector\n selector: `fd-action-sheet[compact], fd-action-sheet-body[compact], [fd-action-sheet-item][compact]`,\n providers: [\n {\n provide: CONTENT_DENSITY_DIRECTIVE,\n useExisting: forwardRef(() => DeprecatedActionSheetCompactDirective)\n }\n ]\n})\nexport class DeprecatedActionSheetCompactDirective extends DeprecatedCompactDirective {\n /** @hidden /\n constructor() {\n super(`[fd-action-sheet-item][compact], fd-action-sheet-body[compact] and fd-action-sheet`);\n }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ActionSheetComponent } from './action-sheet.component';\nimport { ActionSheetControlComponent } from './action-sheet-control/action-sheet-control.component';\nimport { ActionSheetItemComponent } from './action-sheet-item/action-sheet-item.component';\nimport { ActionSheetBodyComponent } from './action-sheet-body/action-sheet-body.component';\nimport { PopoverModule } from '@fundamental-ngx/core/popover';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { DeprecatedActionSheetCompactDirective } from './deprecated-action-sheet-compact.directive';\nimport { ContentDensityModule } from '@fundamental-ngx/core/content-density';\n\n@NgModule({\n imports: [CommonModule, PopoverModule, ButtonModule, ContentDensityModule],\n exports: [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent,\n DeprecatedActionSheetCompactDirective,\n ContentDensityModule\n ],\n declarations: [\n ActionSheetComponent,\n ActionSheetControlComponent,\n ActionSheetItemComponent,\n ActionSheetBodyComponent,\n DeprecatedActionSheetCompactDirective\n ]\n})\nexport class ActionSheetModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1","i2"],"mappings":"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"}

package/fesm2015/fundamental-ngx-core-combobox.mjs CHANGED Viewed

@@ -8,7 +8,7 @@ import * as i6 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';
 import { MenuKeyboardService, MenuModule } from '@fundamental-ngx/core/menu';
 import * as i2$1 from '@fundamental-ngx/cdk/utils';
-import { KeyUtil, PipeModule, AutoCompleteModule } from '@fundamental-ngx/cdk/utils';
+import { KeyUtil, PipeModule, AutoCompleteModule, TruncateModule } from '@fundamental-ngx/cdk/utils';
 import * as i7 from '@fundamental-ngx/core/button';
 import { ButtonModule } from '@fundamental-ngx/core/button';
 import * as i8 from '@fundamental-ngx/core/input-group';
@@ -110,7 +110,7 @@ class ComboboxMobileComponent extends MobileModeBase {
     }
 }
 ComboboxMobileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxMobileComponent, deps: [{ token: i0.ElementRef }, { token: i1.DialogService }, { token: COMBOBOX_COMPONENT }, { token: MOBILE_MODE_CONFIG, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-ComboboxMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ComboboxMobileComponent, selector: "fd-combobox-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                title=\"Close\"\n                fd-dialog-close-button\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                [mobile]=\"true\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\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                fdkInitialFocus\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { 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], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i2$1.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+ComboboxMobileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ComboboxMobileComponent, selector: "fd-combobox-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                title=\"Close\"\n                fd-dialog-close-button\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                [mobile]=\"true\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\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                fdkInitialFocus\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i2.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth", "isTitle"] }, { 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", "ariaLabel"] }, { kind: "component", type: i3.TitleComponent, selector: "h1[fd-title], h2[fd-title], h3[fd-title], h4[fd-title], h5[fd-title], h6[fd-title], span[fd-title]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "directive", type: i2$1.TemplateDirective, selector: "[fdkTemplate], [fdTemplate]", inputs: ["fdkTemplate"] }, { kind: "directive", type: i2$1.InitialFocusDirective, selector: "[fdkInitialFocus], [fdInitialFocus], [fd-initial-focus]", inputs: ["fdkInitialFocus", "enabled", "focusLastElement"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxMobileComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-combobox-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                title=\"Close\"\n                fd-dialog-close-button\n                *ngIf=\"mobileConfig?.hasCloseButton\"\n                [mobile]=\"true\"\n                (click)=\"handleDismiss()\"\n            ></button>\n            <ng-template fdkTemplate=\"subheader\">\n                <div fd-bar-middle>\n                    <fd-bar-element [fullWidth]=\"true\">\n                        <ng-container *ngTemplateOutlet=\"childContent?.controlTemplate || null\"></ng-container>\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                fdkInitialFocus\n                [label]=\"mobileConfig.cancelButtonText!\"\n                (click)=\"handleDismiss()\"\n            >\n            </fd-button-bar>\n        </fd-dialog-footer>\n    </fd-dialog>\n</ng-template>\n" }]
@@ -673,7 +673,7 @@ ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", vers
             provide: FD_COMBOBOX_COMPONENT,
             useExisting: ComboboxComponent
         }
-    ], queries: [{ propertyName: "listMessages", predicate: FD_LIST_MESSAGE_DIRECTIVE }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [scrollStrategy]=\"_repositionScrollStrategy\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate; else customRendererTemplate\"\n        [innerHTML]=\"term | displayFnPipe : displayFn | highlight : inputText : highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-template #customRendererTemplate>\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-template>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        [iconTitle]=\"title || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fdkAutoComplete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n                title=\"Clear input\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"clearButtonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list\"\n        [dropdownMode]=\"true\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (keydown.tab)=\"_close()\"\n        (keydown.shift.tab)=\"_close()\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn; else flatList\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe : groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"isSelected(term)\"\n                    [value]=\"term\"\n                    (keydown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-template #flatList>\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"isSelected(term)\"\n                (keydown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n                [value]=\"term\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-template>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i9.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i9.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i9.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i10.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fdkAutoComplete], [fdAutoComplete], [fd-auto-complete]", inputs: ["options", "inputText", "enable", "matcher", "displayFn"], outputs: ["onComplete"] }, { kind: "pipe", type: i2$1.DisplayFnPipe, name: "displayFnPipe" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: ListGroupPipe, name: "listGroupPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    ], queries: [{ propertyName: "listMessages", predicate: FD_LIST_MESSAGE_DIRECTIVE }], viewQueries: [{ propertyName: "listComponent", first: true, predicate: ListComponent, descendants: true }, { propertyName: "searchInputElement", first: true, predicate: ["searchInputElement"], descendants: true }, { propertyName: "popoverComponent", first: true, predicate: PopoverComponent, descendants: true }, { propertyName: "inputGroup", first: true, predicate: InputGroupComponent, descendants: true }, { propertyName: "controlTemplate", first: true, predicate: ["controlTemplate"], descendants: true }, { propertyName: "listTemplate", first: true, predicate: ["listTemplate"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [scrollStrategy]=\"_repositionScrollStrategy\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate; else customRendererTemplate\"\n        [innerHTML]=\"term | displayFnPipe : displayFn | highlight : inputText : highlighting && filterHighlight\"\n        fdTruncatedTitle\n    >\n    </span>\n    <ng-template #customRendererTemplate>\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-template>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        [iconTitle]=\"title || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fdkAutoComplete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n                title=\"Clear input\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"clearButtonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list\"\n        [dropdownMode]=\"true\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (keydown.tab)=\"_close()\"\n        (keydown.shift.tab)=\"_close()\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn; else flatList\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe : groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"isSelected(term)\"\n                    [value]=\"term\"\n                    (keydown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-template #flatList>\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"isSelected(term)\"\n                (keydown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n                [value]=\"term\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-template>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i5.PopoverControlComponent, selector: "fd-popover-control" }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i6.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: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i8.InputGroupComponent, selector: "fd-input-group", inputs: ["inputTemplate", "placement", "required", "inline", "placeholder", "addOnText", "buttonFocusable", "type", "glyph", "button", "disabled", "readonly", "state", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledby", "ariaLabelledBy"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i8.InputGroupInputDirective, selector: "[fdInputGroupInput], [fd-input-group-input]", inputs: ["class"] }, { kind: "component", type: i9.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "unreadIndicator", "role"], outputs: ["focusEscapeList"] }, { kind: "component", type: i9.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "ariaDescribedBy", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "selectedListItemScreenReaderText", "navigatedListItemScreenReaderText", "navigatableListItemScreenReaderText", "ariaRole"], outputs: ["keyDown"] }, { kind: "directive", type: i9.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i9.ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "component", type: i10.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "class", "ariaLabel"] }, { kind: "directive", type: i2$1.AutoCompleteDirective, selector: "[fdkAutoComplete], [fdAutoComplete], [fd-auto-complete]", inputs: ["options", "inputText", "enable", "matcher", "displayFn"], outputs: ["onComplete"] }, { kind: "directive", type: i2$1.TruncatedTitleDirective, selector: "[fdkTruncatedTitle], [fdTruncatedTitle], [fd-truncate-title]" }, { kind: "pipe", type: i2$1.DisplayFnPipe, name: "displayFnPipe" }, { kind: "pipe", type: i2$1.SearchHighlightPipe, name: "highlight" }, { kind: "pipe", type: i11.FdTranslatePipe, name: "fdTranslate" }, { kind: "pipe", type: ListGroupPipe, name: "listGroupPipe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fd-combobox', providers: [
@@ -693,7 +693,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         '[class.fd-combobox-custom-class]': 'true',
                         '[class.fd-combobox-input]': 'true',
                         '[class.fd-combobox-custom-class--mobile]': 'mobile'
-                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [scrollStrategy]=\"_repositionScrollStrategy\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate; else customRendererTemplate\"\n        [innerHTML]=\"term | displayFnPipe : displayFn | highlight : inputText : highlighting && filterHighlight\"\n    >\n    </span>\n    <ng-template #customRendererTemplate>\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-template>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        [iconTitle]=\"title || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fdkAutoComplete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n                title=\"Clear input\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"clearButtonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list\"\n        [dropdownMode]=\"true\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (keydown.tab)=\"_close()\"\n        (keydown.shift.tab)=\"_close()\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn; else flatList\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe : groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"isSelected(term)\"\n                    [value]=\"term\"\n                    (keydown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-template #flatList>\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"isSelected(term)\"\n                (keydown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n                [value]=\"term\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-template>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"] }]
+                    }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"mobile ? mobileTemplate : desktopTemplate\"></ng-container>\n\n<ng-template #desktopTemplate>\n    <fd-popover\n        additionalBodyClass=\"fd-popover-custom-list\"\n        [class.fd-combobox-full-width]=\"isSearch\"\n        [isOpen]=\"open && displayedValues && displayedValues.length > 0\"\n        (isOpenChange)=\"isOpenChangeHandle($event)\"\n        [fillControlMode]=\"fillControlMode\"\n        [scrollStrategy]=\"_repositionScrollStrategy\"\n        [focusTrapped]=\"true\"\n        [triggers]=\"triggers\"\n        [disabled]=\"disabled || readOnly\"\n        [maxWidth]=\"640\"\n        [closeOnOutsideClick]=\"closeOnOutsideClick\"\n    >\n        <fd-popover-control>\n            <ng-container *ngTemplateOutlet=\"controlTemplate\"></ng-container>\n        </fd-popover-control>\n        <fd-popover-body [hidden]=\"!displayedValues.length\">\n            <ng-container *ngTemplateOutlet=\"listTemplate\"></ng-container>\n            <ng-content></ng-content>\n        </fd-popover-body>\n    </fd-popover>\n</ng-template>\n\n<ng-template let-term=\"term\" #itemSource>\n    <span\n        fd-list-title\n        *ngIf=\"!itemTemplate; else customRendererTemplate\"\n        [innerHTML]=\"term | displayFnPipe : displayFn | highlight : inputText : highlighting && filterHighlight\"\n        fdTruncatedTitle\n    >\n    </span>\n    <ng-template #customRendererTemplate>\n        <ng-container [ngTemplateOutlet]=\"itemTemplate\" [ngTemplateOutletContext]=\"{ $implicit: term }\"></ng-container>\n    </ng-template>\n</ng-template>\n\n<ng-template #mobileTemplate>\n    <ng-container [ngTemplateOutlet]=\"controlTemplate\"></ng-container>\n</ng-template>\n\n<ng-template #controlTemplate>\n    <fd-input-group\n        [button]=\"showDropdownButton\"\n        [glyph]=\"showDropdownButton ? glyphValue : null\"\n        [state]=\"state\"\n        [buttonFocusable]=\"buttonFocusable\"\n        [disabled]=\"disabled\"\n        [readonly]=\"readOnly\"\n        [isControl]=\"true\"\n        [isExpanded]=\"!mobile && open && displayedValues.length > 0\"\n        [showFocus]=\"!clearInputBtnFocused\"\n        [glyphAriaLabel]=\"ariaLabel || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        [iconTitle]=\"title || ('platformMultiCombobox.inputGlyphAriaLabel' | fdTranslate)\"\n        (addOnButtonClicked)=\"onPrimaryButtonClick()\"\n        (click)=\"mobile && isOpenChangeHandle(true)\"\n    >\n        <input\n            #searchInputElement\n            fdkAutoComplete\n            fd-input-group-input\n            type=\"text\"\n            role=\"combobox\"\n            autocomplete=\"off\"\n            [attr.aria-label]=\"ariaLabel\"\n            [attr.aria-labelledby]=\"ariaLabelledBy\"\n            [attr.aria-describedby]=\"comboboxId + '-list-results'\"\n            [attr.aria-autocomplete]=\"autoComplete && !mobile ? 'list' : null\"\n            [attr.aria-owns]=\"autoComplete && !mobile ? comboboxId + '-result' : null\"\n            [attr.aria-haspopup]=\"autoComplete && !mobile\"\n            [attr.aria-expanded]=\"!mobile && open && displayedValues.length\"\n            [attr.aria-required]=\"required\"\n            [attr.tabindex]=\"readOnly || disabled ? -1 : null\"\n            [enable]=\"autoComplete && !mobile\"\n            [displayFn]=\"displayFn\"\n            [options]=\"dropdownValues\"\n            [inputText]=\"inputText\"\n            [disabled]=\"disabled\"\n            [readonly]=\"readOnly\"\n            [attr.aria-readonly]=\"readOnly\"\n            [placeholder]=\"placeholder\"\n            [id]=\"inputId\"\n            [(ngModel)]=\"inputText\"\n            (onComplete)=\"handleAutoComplete($event)\"\n            (keydown)=\"onInputKeydownHandler($event)\"\n            (ngModelChange)=\"handleSearchTermChange()\"\n            (blur)=\"handleBlur()\"\n        />\n        <span\n            class=\"fd-input-group__addon fd-input-group__addon--button\"\n            [class.fd-shellbar__input-group-addon]=\"inShellbar\"\n            *ngIf=\"isSearch && showClearButton && inputText && inputText.length > 0\"\n        >\n            <button\n                fd-button\n                class=\"fd-input-group__button\"\n                type=\"button\"\n                [fdType]=\"inShellbar ? 'standard' : 'transparent'\"\n                title=\"Clear input\"\n                [class.fd-shellbar__button]=\"inShellbar\"\n                [attr.tabindex]=\"clearButtonFocusable ? 0 : -1\"\n                (focus)=\"clearInputBtnFocus()\"\n                (blur)=\"clearInputBtnBlur()\"\n                (click)=\"_handleClearSearchTerm()\"\n            >\n                <fd-icon glyph=\"decline\"></fd-icon>\n            </button>\n        </span>\n    </fd-input-group>\n    <div [id]=\"comboboxId + '-list-results'\" class=\"fd-combobox-count-list-results\">\n        {{ displayedValues.length || 0 }} result list items\n    </div>\n</ng-template>\n\n<ng-template #listTemplate>\n    <ul\n        fd-list\n        class=\"fd-combobox-custom-list\"\n        [dropdownMode]=\"true\"\n        [id]=\"comboboxId + '-result'\"\n        role=\"listbox\"\n        [attr.aria-labelledby]=\"comboboxId + '-search'\"\n        [style.maxHeight]=\"!mobile && maxHeight\"\n        [hasMessage]=\"listMessages && listMessages.length > 0\"\n        [byline]=\"byline\"\n        (keydown.tab)=\"_close()\"\n        (keydown.shift.tab)=\"_close()\"\n        (focusEscapeList)=\"handleListFocusEscape($event)\"\n    >\n        <ng-content></ng-content>\n        <ng-container *ngIf=\"groupFn; else flatList\">\n            <ng-container *ngFor=\"let group of displayedValues | listGroupPipe : groupFn\">\n                <li role=\"group\" fd-list-group-header [tabindex]=\"0\">\n                    <span fd-list-title>{{ group.key }}</span>\n                </li>\n                <li\n                    role=\"option\"\n                    fd-list-item\n                    [attr.aria-placeholder]=\"group.key\"\n                    [tabindex]=\"0\"\n                    class=\"fd-combobox-list-item\"\n                    *ngFor=\"let term of group.value\"\n                    [selected]=\"isSelected(term)\"\n                    [value]=\"term\"\n                    (keydown)=\"onItemKeyDownHandler($event, term)\"\n                    (click)=\"onMenuClickHandler(term)\"\n                >\n                    <ng-container\n                        [ngTemplateOutlet]=\"itemSource\"\n                        [ngTemplateOutletContext]=\"{ term: term }\"\n                    ></ng-container>\n                </li>\n            </ng-container>\n        </ng-container>\n        <ng-template #flatList>\n            <li\n                fd-list-item\n                role=\"option\"\n                [tabindex]=\"0\"\n                class=\"fd-combobox-list-item\"\n                *ngFor=\"let term of displayedValues\"\n                [selected]=\"isSelected(term)\"\n                (keydown)=\"onItemKeyDownHandler($event, term)\"\n                (click)=\"onMenuClickHandler(term)\"\n                [value]=\"term\"\n            >\n                <ng-container [ngTemplateOutlet]=\"itemSource\" [ngTemplateOutletContext]=\"{ term: term }\"></ng-container>\n            </li>\n        </ng-template>\n    </ul>\n</ng-template>\n", styles: [".fd-combobox-custom-class,.fd-combobox-custom-class .fd-combobox-shellbar-custom{display:inline-block}.fd-list__item.fd-combobox-list-item{cursor:pointer}.fd-combobox-full-width{width:100%}.fd-combobox-count-list-results{position:absolute;opacity:0;z-index:-1}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.Overlay }, { type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: i0.ViewContainerRef }, { type: i2$1.DynamicComponentService }, { type: i3$1.ContentDensityObserver }]; }, propDecorators: { comboboxId: [{
                 type: Input
             }], inputId: [{
@@ -839,7 +839,8 @@ ComboboxModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version:
         IconModule,
         AutoCompleteModule,
         ContentDensityModule,
-        I18nModule], exports: [ComboboxComponent, ListGroupPipe, DeprecatedComboboxContentDensityDirective, ContentDensityModule] });
+        I18nModule,
+        TruncateModule], exports: [ComboboxComponent, ListGroupPipe, DeprecatedComboboxContentDensityDirective, ContentDensityModule] });
 ComboboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxModule, imports: [CommonModule,
         PopoverModule,
         FormsModule,
@@ -851,7 +852,8 @@ ComboboxModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version:
         IconModule,
         AutoCompleteModule,
         ContentDensityModule,
-        I18nModule, ContentDensityModule] });
+        I18nModule,
+        TruncateModule, ContentDensityModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxModule, decorators: [{
             type: NgModule,
             args: [{
@@ -868,7 +870,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                         IconModule,
                         AutoCompleteModule,
                         ContentDensityModule,
-                        I18nModule
+                        I18nModule,
+                        TruncateModule
                     ],
                     exports: [ComboboxComponent, ListGroupPipe, DeprecatedComboboxContentDensityDirective, ContentDensityModule]
                 }]