@progress/kendo-angular-buttons 8.0.1-dev.202208111121 → 8.1.0

package/esm2015/dropdownbutton/dropdownbutton.component.js

@@ -4,23 +4,23 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, ContentChild, ViewChild, ViewContainerRef, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { isDocumentAvailable, guid, Keys, isChanged } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, guid, Keys } from '@progress/kendo-angular-common';
 import { ButtonItemTemplateDirective } from '../listbutton/button-item-template.directive';
-import { isPresent, tick } from '../util';
+import { closest } from '../util';
 import { ListButton } from '../listbutton/list-button';
 import { FocusService } from '../focusable/focus.service';
 import { NavigationService } from '../navigation/navigation.service';
 import { NAVIGATION_CONFIG } from '../navigation/navigation-config';
-import { PreventableEvent } from '../preventable-event';
-import { merge, Subscription } from 'rxjs';
+import { PopupContainerService } from '../listbutton/container.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../focusable/focus.service";
 import * as i2 from "../navigation/navigation.service";
 import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "@progress/kendo-angular-l10n";
-import * as i5 from "../listbutton/list.component";
-import * as i6 from "../button/button.directive";
-import * as i7 from "@angular/common";
+import * as i5 from "../listbutton/container.service";
+import * as i6 from "../listbutton/list.component";
+import * as i7 from "../button/button.directive";
+import * as i8 from "@angular/common";
 const NAVIGATION_SETTINGS = {
     useLeftRightArrows: true
 };
@@ -58,10 +58,9 @@ const DEFAULT_FILL_MODE = 'solid';
  * ```
  */
 export class DropDownButtonComponent extends ListButton {
-    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr) {
-        super(focusService, navigationService, wrapperRef, zone, localization, cdr);
-        this.popupService = popupService;
-        this.elRef = elRef;
+    constructor(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, containerService) {
+        super(focusService, navigationService, wrapperRef, zone, popupService, elRef, localization, cdr, containerService);
+        this.containerService = containerService;
         /**
          * Defines the name of an existing icon in a Kendo UI theme.
          */
@@ -117,24 +116,10 @@ export class DropDownButtonComponent extends ListButton {
          * * `none` —Removes the default CSS class (no class would be rendered).
          */
         this.themeColor = 'base';
-        /**
-         * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
-         */
-        this.tabIndex = 0;
         /**
          * Fires each time the user clicks on a drop-down list item. The event data contains the data item bound to the clicked list item.
          */
         this.itemClick = new EventEmitter();
-        /**
-         * Fires each time the popup is about to open.
-         * This event is preventable. If you cancel the event, the popup will remain closed.
-         */
-        this.open = new EventEmitter();
-        /**
-         * Fires each time the popup is about to close.
-         * This event is preventable. If you cancel the event, the popup will remain open.
-         */
-        this.close = new EventEmitter();
         /**
          * Fires each time the DropDownButton gets focused.
          */
@@ -144,38 +129,11 @@ export class DropDownButtonComponent extends ListButton {
          */
         this.onBlur = new EventEmitter();
         this.listId = guid();
+        this.buttonId = guid();
         this._fillMode = DEFAULT_FILL_MODE;
-        this.popupSubs = new Subscription();
         this._itemClick = this.itemClick;
         this._blur = this.onBlur;
     }
-    /**
-     * Configures the popup of the DropDownButton.
-     *
-     * The available options are:
-     * - `animate: Boolean`—Controls the popup animation. By default, the open and close animations are enabled.
-     * - `popupClass: String`—Specifies a list of CSS classes that are used to style the popup.
-     * - `appendTo: "root" | "component" | ViewContainerRef`—Specifies the component to which the popup will be appended.
-     * - `align: "left" | "center" | "right"`—Specifies the alignment of the popup.
-     */
-    set popupSettings(settings) {
-        this._popupSettings = Object.assign({ animate: true, popupClass: '' }, settings);
-    }
-    get popupSettings() {
-        return this._popupSettings;
-    }
-    /**
-     * Sets the disabled state of the DropDownButton.
-     */
-    set disabled(value) {
-        if (value && this.openState) {
-            this.openState = false;
-        }
-        this._disabled = value;
-    }
-    get disabled() {
-        return this._disabled;
-    }
     /**
      * Sets or gets the data of the DropDownButton.
      *
@@ -204,44 +162,6 @@ export class DropDownButtonComponent extends ListButton {
     get fillMode() {
         return this._fillMode;
     }
-    /**
-     * @hidden
-     */
-    set openState(open) {
-        if (this.disabled) {
-            return;
-        }
-        const eventArgs = new PreventableEvent();
-        if (open) {
-            this.open.emit(eventArgs);
-        }
-        else {
-            this.close.emit(eventArgs);
-        }
-        if (eventArgs.isDefaultPrevented()) {
-            return;
-        }
-        this._toggle(open);
-    }
-    /**
-     * @hidden
-     */
-    get openState() {
-        return this._open;
-    }
-    /**
-     * @hidden
-     */
-    get componentTabIndex() {
-        return this.disabled ? (-1) : this.tabIndex;
-    }
-    get appendTo() {
-        const { appendTo } = this.popupSettings;
-        if (!appendTo || appendTo === 'root') {
-            return undefined;
-        }
-        return appendTo === 'component' ? this.container : appendTo;
-    }
     get focused() {
         return this._isFocused && !this._disabled;
     }
@@ -262,15 +182,12 @@ export class DropDownButtonComponent extends ListButton {
      */
     keydown(event) {
         this.keyDownHandler(event);
-        if (event.keyCode === Keys.Space) {
+        if (event.keyCode === Keys.Space || event.keyCode === Keys.Enter) {
             this._active = true;
         }
-    }
-    /**
-     * @hidden
-     */
-    keypress(event) {
-        this.keyPressHandler(event);
+        if (event.keyCode === Keys.Enter) {
+            event.preventDefault();
+        }
     }
     /**
      * @hidden
@@ -301,36 +218,17 @@ export class DropDownButtonComponent extends ListButton {
      * @hidden
      */
     openPopup() {
+        this._isFocused = true;
         this.togglePopupVisibility();
     }
     /**
      * @hidden
      */
     onButtonBlur() {
-        if (!this.isOpen) {
+        if (!this.openState) {
             this.blurWrapper();
         }
     }
-    /**
-     * @hidden
-     */
-    get anchorAlign() {
-        let align = { horizontal: this.popupSettings.align || 'left', vertical: 'bottom' };
-        if (this.direction === 'rtl' && !isPresent(this.popupSettings.align)) {
-            align.horizontal = 'right';
-        }
-        return align;
-    }
-    /**
-     * @hidden
-     */
-    get popupAlign() {
-        let align = { horizontal: this.popupSettings.align || 'left', vertical: 'top' };
-        if (this.direction === 'rtl' && !isPresent(this.popupSettings.align)) {
-            align.horizontal = 'right';
-        }
-        return align;
-    }
     /**
      * Focuses the DropDownButton component.
      */
@@ -348,44 +246,23 @@ export class DropDownButtonComponent extends ListButton {
             this.blurWrapper();
         }
     }
-    ngOnChanges(changes) {
-        if (isChanged("popupSettings", changes) && isPresent(this.popupRef)) {
-            const popup = this.popupRef.popup.instance;
-            const newSettings = changes.popupSettings.currentValue;
-            popup.popupClass = newSettings.popupClass;
-            popup.animate = newSettings.animate;
-            popup.popupAlign = this.popupAlign;
-        }
-    }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this.destroyPopup();
-    }
-    /**
-     * Toggles the visibility of the popup.
-     * If the `toggle` method is used to open or close the popup, the `open` and `close` events will not be fired.
-     *
-     * @param open - The state of the popup.
-     */
-    toggle(open) {
-        if (this.disabled) {
-            return;
-        }
-        tick(() => (this._toggle((open === undefined) ? !this._open : open)));
-    }
-    /**
-     * Returns the current open state of the popup.
-     */
-    get isOpen() {
-        return this.openState;
+    ngAfterViewInit() {
+        this.containerService.container = this.container;
+        this.containerService.template = this.popupTemplate;
     }
     /**
      * @hidden
      */
-    handleFocus() {
-        if (!this._disabled && !this._isFocused) {
+    handleFocus(event) {
+        if (!this._disabled) {
+            // eslint-disable-next-line no-unused-expressions
+            !this._isFocused && this.onFocus.emit();
             this._isFocused = true;
-            this.onFocus.emit();
+            this.focusService.resetFocus();
+            const relatedTargetInList = event.relatedTarget && closest(event.relatedTarget, '.k-popup kendo-button-list');
+            if (this.openState && !relatedTargetInList) {
+                this.focusService.focus(0);
+            }
         }
     }
     /**
@@ -396,77 +273,9 @@ export class DropDownButtonComponent extends ListButton {
             || this.wrapper.contains(element)
             || (this.popupRef && this.popupRef.popupElement.contains(element));
     }
-    subscribeNavigationEvents() {
-        this.subs.add(this.navigationService.navigate
-            .subscribe(this.onArrowKeyNavigate.bind(this)));
-        this.subs.add(this.navigationService.enterup.subscribe(this.onNavigationEnterUp.bind(this)));
-        this.subs.add(this.navigationService.open.subscribe(this.onNavigationOpen.bind(this)));
-        this.subs.add(merge(this.navigationService.close, this.navigationService.esc).subscribe(this.onNavigationClose.bind(this)));
-    }
-    onNavigationEnterUp() {
-        if (!this._disabled && !this.openState) {
-            this._active = false;
-        }
-        if (this.openState) {
-            let focused = this.focusService.focused;
-            if (isPresent(focused) && focused !== -1) {
-                this.emitItemClickHandler(focused);
-            }
-        }
-        this.togglePopupVisibility();
-        if (!this.openState && isDocumentAvailable()) {
-            this.button.nativeElement.focus();
-        }
-    }
-    onNavigationOpen() {
-        if (!this._disabled && !this.openState) {
-            this.togglePopupVisibility();
-        }
-    }
-    onNavigationClose() {
-        if (this.openState) {
-            this.togglePopupVisibility();
-            if (isDocumentAvailable()) {
-                this.button.nativeElement.focus();
-            }
-        }
-    }
-    onArrowKeyNavigate(index) {
-        this.focusService.focus(index);
-    }
-    _toggle(open) {
-        if (this._open === open) {
-            return;
-        }
-        this._open = open;
-        this.destroyPopup();
-        if (this._open) {
-            this.createPopup();
-        }
-    }
-    createPopup() {
-        this.popupRef = this.popupService.open({
-            anchor: this.elRef,
-            anchorAlign: this.anchorAlign,
-            animate: this.popupSettings.animate,
-            appendTo: this.appendTo,
-            content: this.popupTemplate,
-            popupAlign: this.popupAlign,
-            popupClass: this.popupClasses
-        });
-        this.popupSubs.add(this.popupRef.popupAnchorViewportLeave.subscribe(() => this.openState = false));
-        this.popupSubs.add(this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this)));
-    }
-    destroyPopup() {
-        if (this.popupRef) {
-            this.popupRef.close();
-            this.popupRef = null;
-            this.popupSubs.unsubscribe();
-        }
-    }
 }
-DropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropDownButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: { icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", popupSettings: "popupSettings", textField: "textField", disabled: "disabled", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor", buttonClass: "buttonClass", tabIndex: "tabIndex" }, outputs: { itemClick: "itemClick", open: "open", close: "close", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keypress": "keypress($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "class.k-dropdown-button": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
+DropDownButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropDownButtonComponent, deps: [{ token: i1.FocusService }, { token: i2.NavigationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i3.PopupService }, { token: i0.ElementRef }, { token: i4.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i5.PopupContainerService }], target: i0.ɵɵFactoryTarget.Component });
+DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: DropDownButtonComponent, selector: "kendo-dropdownbutton", inputs: { icon: "icon", iconClass: "iconClass", imageUrl: "imageUrl", textField: "textField", data: "data", size: "size", rounded: "rounded", fillMode: "fillMode", themeColor: "themeColor" }, outputs: { itemClick: "itemClick", onFocus: "focus", onBlur: "blur" }, host: { listeners: { "keydown": "keydown($event)", "keyup": "keyup($event)", "mousedown": "mousedown($event)", "mouseup": "mouseup($event)" }, properties: { "class.k-focus": "this.focused", "class.k-dropdown-button": "this.widgetClasses", "attr.dir": "this.dir" } }, providers: [
         FocusService,
         NavigationService,
         NAVIGATION_SETTINGS_PROVIDER,
@@ -474,11 +283,12 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
         {
             provide: L10N_PREFIX,
             useValue: 'kendo.dropdownbutton'
-        }
-    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true, static: true }, { propertyName: "buttonList", first: true, predicate: ["buttonList"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }], exportAs: ["kendoDropDownButton"], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: `
+        },
+        PopupContainerService
+    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: ButtonItemTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "button", first: true, predicate: ["button"], descendants: true }, { propertyName: "buttonList", first: true, predicate: ["buttonList"], descendants: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef }], exportAs: ["kendoDropDownButton"], usesInheritance: true, ngImport: i0, template: `
         <button kendoButton #button
-            role="menu"
             type="button"
+            [id]="buttonId"
             [tabindex]="componentTabIndex"
             [class.k-active]="active"
             [disabled]="disabled"
@@ -491,12 +301,12 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             (click)="openPopup()"
-            (focus)="handleFocus()"
+            (focus)="handleFocus($event)"
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
             [attr.aria-haspopup]="true"
-            [attr.aria-owns]="listId"
+            [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>
         </button>
@@ -509,15 +319,15 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
                 [itemTemplate]="itemTemplate"
                 (onItemClick)="onItemClick($event)"
                 (keydown)="keyDownHandler($event)"
-                (keypress)="keyPressHandler($event)"
                 (keyup)="keyUpHandler($event)"
                 [attr.dir]="dir"
+                [attr.aria-labelledby]="buttonId"
                 [size]="size"
             >
             </kendo-button-list>
         </ng-template>
         <ng-container #container></ng-container>
-    `, isInline: true, components: [{ type: i5.ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }], directives: [{ type: i6.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i7.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i6.ListComponent, selector: "kendo-button-list", inputs: ["data", "textField", "itemTemplate", "size"], outputs: ["onItemClick", "onItemBlur"] }], directives: [{ type: i7.ButtonDirective, selector: "button[kendoButton], span[kendoButton]", inputs: ["toggleable", "togglable", "selected", "tabIndex", "icon", "iconClass", "imageUrl", "disabled", "size", "rounded", "fillMode", "themeColor", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: DropDownButtonComponent, decorators: [{
             type: Component,
             args: [{
@@ -530,13 +340,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                         {
                             provide: L10N_PREFIX,
                             useValue: 'kendo.dropdownbutton'
-                        }
+                        },
+                        PopupContainerService
                     ],
                     selector: 'kendo-dropdownbutton',
                     template: `
         <button kendoButton #button
-            role="menu"
             type="button"
+            [id]="buttonId"
             [tabindex]="componentTabIndex"
             [class.k-active]="active"
             [disabled]="disabled"
@@ -549,12 +360,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             (click)="openPopup()"
-            (focus)="handleFocus()"
+            (focus)="handleFocus($event)"
             (blur)="onButtonBlur()"
             [attr.aria-disabled]="disabled"
             [attr.aria-expanded]="openState"
             [attr.aria-haspopup]="true"
-            [attr.aria-owns]="listId"
+            [attr.aria-controls]="listId"
         >
             <ng-content></ng-content>
         </button>
@@ -567,9 +378,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 [itemTemplate]="itemTemplate"
                 (onItemClick)="onItemClick($event)"
                 (keydown)="keyDownHandler($event)"
-                (keypress)="keyPressHandler($event)"
                 (keyup)="keyUpHandler($event)"
                 [attr.dir]="dir"
+                [attr.aria-labelledby]="buttonId"
                 [size]="size"
             >
             </kendo-button-list>
@@ -577,18 +388,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
         <ng-container #container></ng-container>
     `
                 }]
-        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { icon: [{
+        }], ctorParameters: function () { return [{ type: i1.FocusService }, { type: i2.NavigationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i3.PopupService }, { type: i0.ElementRef }, { type: i4.LocalizationService }, { type: i0.ChangeDetectorRef }, { type: i5.PopupContainerService }]; }, propDecorators: { icon: [{
                 type: Input
             }], iconClass: [{
                 type: Input
             }], imageUrl: [{
                 type: Input
-            }], popupSettings: [{
-                type: Input
             }], textField: [{
                 type: Input
-            }], disabled: [{
-                type: Input
             }], data: [{
                 type: Input
             }], size: [{
@@ -599,16 +406,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }], themeColor: [{
                 type: Input
-            }], buttonClass: [{
-                type: Input
-            }], tabIndex: [{
-                type: Input
             }], itemClick: [{
                 type: Output
-            }], open: [{
-                type: Output
-            }], close: [{
-                type: Output
             }], onFocus: [{
                 type: Output,
                 args: ['focus']
@@ -626,25 +425,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 args: ['attr.dir']
             }], itemTemplate: [{
                 type: ContentChild,
-                args: [ButtonItemTemplateDirective, { static: false }]
+                args: [ButtonItemTemplateDirective]
             }], button: [{
                 type: ViewChild,
-                args: ['button', { static: true }]
+                args: ['button']
             }], buttonList: [{
                 type: ViewChild,
-                args: ['buttonList', { static: false }]
+                args: ['buttonList']
             }], popupTemplate: [{
                 type: ViewChild,
-                args: ['popupTemplate', { static: true }]
+                args: ['popupTemplate']
             }], container: [{
                 type: ViewChild,
-                args: ['container', { read: ViewContainerRef, static: true }]
+                args: ['container', { read: ViewContainerRef }]
             }], keydown: [{
                 type: HostListener,
                 args: ['keydown', ['$event']]
-            }], keypress: [{
-                type: HostListener,
-                args: ['keypress', ['$event']]
             }], keyup: [{
                 type: HostListener,
                 args: ['keyup', ['$event']]

package/esm2015/floatingactionbutton/floatingactionbutton.component.js

@@ -444,7 +444,7 @@ export class FloatingActionButtonComponent {
         this.subscriptions.add(this.navigationService.enter.subscribe(this.onNavigationEnterPress.bind(this)));
         this.subscriptions.add(merge(this.navigationService.close, this.navigationService.esc).subscribe(this.onNavigationClose.bind(this)));
     }
-    onArrowKeyNavigate(index) {
+    onArrowKeyNavigate({ index }) {
         this.focusService.focus(index);
     }
     onNavigationEnterPress() {

package/esm2015/listbutton/container.service.js

@@ -0,0 +1,16 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export class PopupContainerService {
+}
+PopupContainerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupContainerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+PopupContainerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupContainerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: PopupContainerService, decorators: [{
+            type: Injectable
+        }] });