@wawjs/ngx-prime 22.0.0

package/fesm2022/wawjs-ngx-prime-styleclass.mjs

@@ -0,0 +1,330 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, NgZone, input, booleanAttribute, Directive, NgModule } from '@angular/core';
+import { getTargetElement, hasClass, removeClass, addClass, isElement } from '@wawjs/css-prime-utils';
+
+/**
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ * @group Components
+ */
+class StyleClass {
+    el = inject(ElementRef);
+    renderer = inject(Renderer2);
+    zone = inject(NgZone);
+    /**
+     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
+     * @group Props
+     */
+    selector = input(undefined, { ...(ngDevMode ? { debugName: "selector" } : /* istanbul ignore next */ {}), alias: 'pStyleClass' });
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterFromClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "enterFromClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class to add during enter animation.
+     * @group Props
+     */
+    enterActiveClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "enterActiveClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterToClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "enterToClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class to add when item begins to get hidden.
+     * @group Props
+     */
+    leaveFromClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "leaveFromClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class to add during leave animation.
+     * @group Props
+     */
+    leaveActiveClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "leaveActiveClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Style class to add when leave animation is completed.
+     * @group Props
+     */
+    leaveToClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "leaveToClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @group Props
+     */
+    hideOnOutsideClick = input(undefined, { ...(ngDevMode ? { debugName: "hideOnOutsideClick" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     * @group Props
+     */
+    toggleClass = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "toggleClass" }] : /* istanbul ignore next */ []));
+    /**
+     * Whether to trigger leave animation when escape key pressed.
+     * @group Props
+     */
+    hideOnEscape = input(undefined, { ...(ngDevMode ? { debugName: "hideOnEscape" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether to trigger leave animation when the target element resized.
+     * @group Props
+     */
+    hideOnResize = input(undefined, { ...(ngDevMode ? { debugName: "hideOnResize" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Target element to listen resize. Valid values are "window", "document" or target element selector.
+     * @group Props
+     */
+    resizeSelector = input(/* @ts-ignore */
+    ...(ngDevMode ? [undefined, { debugName: "resizeSelector" }] : /* istanbul ignore next */ []));
+    eventListener;
+    documentClickListener;
+    documentKeydownListener;
+    windowResizeListener;
+    resizeObserver;
+    target;
+    enterListener;
+    leaveListener;
+    animating;
+    _enterClass;
+    _leaveClass;
+    _resizeTarget;
+    clickListener() {
+        this.target ||= getTargetElement(this.selector(), this.el.nativeElement);
+        if (this.toggleClass()) {
+            this.toggle();
+        }
+        else {
+            if (this.target?.offsetParent === null)
+                this.enter();
+            else
+                this.leave();
+        }
+    }
+    toggle() {
+        if (hasClass(this.target, this.toggleClass()))
+            removeClass(this.target, this.toggleClass());
+        else
+            addClass(this.target, this.toggleClass());
+    }
+    enter() {
+        const enterActiveClass = this.enterActiveClass();
+        if (enterActiveClass) {
+            if (!this.animating) {
+                this.animating = true;
+                if (enterActiveClass.includes('slidedown')) {
+                    this.target.style.height = '0px';
+                    removeClass(this.target, this.enterFromClass() || 'hidden');
+                    this.target.style.maxHeight = this.target.scrollHeight + 'px';
+                    addClass(this.target, this.enterFromClass() || 'hidden');
+                    this.target.style.height = '';
+                }
+                addClass(this.target, this.enterActiveClass());
+                if (this.enterFromClass()) {
+                    removeClass(this.target, this.enterFromClass());
+                }
+                this.enterListener = this.renderer.listen(this.target, 'animationend', () => {
+                    removeClass(this.target, this.enterActiveClass());
+                    if (this.enterToClass()) {
+                        addClass(this.target, this.enterToClass());
+                    }
+                    this.enterListener && this.enterListener();
+                    if (this.enterActiveClass()?.includes('slidedown')) {
+                        this.target.style.maxHeight = '';
+                    }
+                    this.animating = false;
+                });
+            }
+        }
+        else {
+            if (this.enterFromClass()) {
+                removeClass(this.target, this.enterFromClass());
+            }
+            if (this.enterToClass()) {
+                addClass(this.target, this.enterToClass());
+            }
+        }
+        if (this.hideOnOutsideClick()) {
+            this.bindDocumentClickListener();
+        }
+        if (this.hideOnEscape()) {
+            this.bindDocumentKeydownListener();
+        }
+        if (this.hideOnResize()) {
+            this.bindResizeListener();
+        }
+    }
+    leave() {
+        if (this.leaveActiveClass()) {
+            if (!this.animating) {
+                this.animating = true;
+                addClass(this.target, this.leaveActiveClass());
+                if (this.leaveFromClass()) {
+                    removeClass(this.target, this.leaveFromClass());
+                }
+                this.leaveListener = this.renderer.listen(this.target, 'animationend', () => {
+                    removeClass(this.target, this.leaveActiveClass());
+                    if (this.leaveToClass()) {
+                        addClass(this.target, this.leaveToClass());
+                    }
+                    this.leaveListener && this.leaveListener();
+                    this.animating = false;
+                });
+            }
+        }
+        else {
+            if (this.leaveFromClass()) {
+                removeClass(this.target, this.leaveFromClass());
+            }
+            if (this.leaveToClass()) {
+                addClass(this.target, this.leaveToClass());
+            }
+        }
+        if (this.hideOnOutsideClick()) {
+            this.unbindDocumentClickListener();
+        }
+        if (this.hideOnEscape()) {
+            this.unbindDocumentKeydownListener();
+        }
+        if (this.hideOnResize()) {
+            this.unbindResizeListener();
+        }
+    }
+    bindDocumentClickListener() {
+        if (!this.documentClickListener) {
+            this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {
+                if (!this.isVisible() || getComputedStyle(this.target).getPropertyValue('position') === 'static')
+                    this.unbindDocumentClickListener();
+                else if (this.isOutsideClick(event))
+                    this.leave();
+            });
+        }
+    }
+    bindDocumentKeydownListener() {
+        if (!this.documentKeydownListener) {
+            this.zone.runOutsideAngular(() => {
+                this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {
+                    const { key, keyCode, which } = event;
+                    if (!this.isVisible() || getComputedStyle(this.target).getPropertyValue('position') === 'static')
+                        this.unbindDocumentKeydownListener();
+                    if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27)
+                        this.leave();
+                });
+            });
+        }
+    }
+    isVisible() {
+        return this.target.offsetParent !== null;
+    }
+    isOutsideClick(event) {
+        return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !this.target.contains(event.target);
+    }
+    unbindDocumentClickListener() {
+        if (this.documentClickListener) {
+            this.documentClickListener();
+            this.documentClickListener = null;
+        }
+    }
+    unbindDocumentKeydownListener() {
+        if (this.documentKeydownListener) {
+            this.documentKeydownListener();
+            this.documentKeydownListener = null;
+        }
+    }
+    bindResizeListener() {
+        this._resizeTarget = getTargetElement(this.resizeSelector());
+        if (isElement(this._resizeTarget)) {
+            this.bindElementResizeListener();
+        }
+        else {
+            this.bindWindowResizeListener();
+        }
+    }
+    unbindResizeListener() {
+        this.unbindWindowResizeListener();
+        this.unbindElementResizeListener();
+    }
+    bindWindowResizeListener() {
+        if (!this.windowResizeListener) {
+            this.zone.runOutsideAngular(() => {
+                this.windowResizeListener = this.renderer.listen(window, 'resize', () => {
+                    if (!this.isVisible()) {
+                        this.unbindWindowResizeListener();
+                    }
+                    else {
+                        this.leave();
+                    }
+                });
+            });
+        }
+    }
+    unbindWindowResizeListener() {
+        if (this.windowResizeListener) {
+            this.windowResizeListener();
+            this.windowResizeListener = null;
+        }
+    }
+    bindElementResizeListener() {
+        if (!this.resizeObserver && this._resizeTarget) {
+            let isFirstResize = true;
+            this.resizeObserver = new ResizeObserver(() => {
+                if (isFirstResize) {
+                    isFirstResize = false;
+                    return;
+                }
+                if (this.isVisible()) {
+                    this.leave();
+                }
+            });
+            this.resizeObserver.observe(this._resizeTarget);
+        }
+    }
+    unbindElementResizeListener() {
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = undefined;
+        }
+    }
+    ngOnDestroy() {
+        this.target = null;
+        this._resizeTarget = null;
+        if (this.eventListener) {
+            this.eventListener();
+        }
+        this.unbindDocumentClickListener();
+        this.unbindDocumentKeydownListener();
+        this.unbindResizeListener();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StyleClass, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.2", type: StyleClass, isStandalone: true, selector: "[pStyleClass]", inputs: { selector: { classPropertyName: "selector", publicName: "pStyleClass", isSignal: true, isRequired: false, transformFunction: null }, enterFromClass: { classPropertyName: "enterFromClass", publicName: "enterFromClass", isSignal: true, isRequired: false, transformFunction: null }, enterActiveClass: { classPropertyName: "enterActiveClass", publicName: "enterActiveClass", isSignal: true, isRequired: false, transformFunction: null }, enterToClass: { classPropertyName: "enterToClass", publicName: "enterToClass", isSignal: true, isRequired: false, transformFunction: null }, leaveFromClass: { classPropertyName: "leaveFromClass", publicName: "leaveFromClass", isSignal: true, isRequired: false, transformFunction: null }, leaveActiveClass: { classPropertyName: "leaveActiveClass", publicName: "leaveActiveClass", isSignal: true, isRequired: false, transformFunction: null }, leaveToClass: { classPropertyName: "leaveToClass", publicName: "leaveToClass", isSignal: true, isRequired: false, transformFunction: null }, hideOnOutsideClick: { classPropertyName: "hideOnOutsideClick", publicName: "hideOnOutsideClick", isSignal: true, isRequired: false, transformFunction: null }, toggleClass: { classPropertyName: "toggleClass", publicName: "toggleClass", isSignal: true, isRequired: false, transformFunction: null }, hideOnEscape: { classPropertyName: "hideOnEscape", publicName: "hideOnEscape", isSignal: true, isRequired: false, transformFunction: null }, hideOnResize: { classPropertyName: "hideOnResize", publicName: "hideOnResize", isSignal: true, isRequired: false, transformFunction: null }, resizeSelector: { classPropertyName: "resizeSelector", publicName: "resizeSelector", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "clickListener()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StyleClass, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[pStyleClass]',
+                    standalone: true,
+                    host: {
+                        '(click)': 'clickListener()'
+                    }
+                }]
+        }], propDecorators: { selector: [{ type: i0.Input, args: [{ isSignal: true, alias: "pStyleClass", required: false }] }], enterFromClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterFromClass", required: false }] }], enterActiveClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterActiveClass", required: false }] }], enterToClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "enterToClass", required: false }] }], leaveFromClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "leaveFromClass", required: false }] }], leaveActiveClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "leaveActiveClass", required: false }] }], leaveToClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "leaveToClass", required: false }] }], hideOnOutsideClick: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOnOutsideClick", required: false }] }], toggleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "toggleClass", required: false }] }], hideOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOnEscape", required: false }] }], hideOnResize: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideOnResize", required: false }] }], resizeSelector: [{ type: i0.Input, args: [{ isSignal: true, alias: "resizeSelector", required: false }] }] } });
+class StyleClassModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StyleClassModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.2", ngImport: i0, type: StyleClassModule, imports: [StyleClass], exports: [StyleClass] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StyleClassModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: StyleClassModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [StyleClass],
+                    exports: [StyleClass]
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { StyleClass, StyleClassModule };
+//# sourceMappingURL=wawjs-ngx-prime-styleclass.mjs.map

package/fesm2022/wawjs-ngx-prime-styleclass.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wawjs-ngx-prime-styleclass.mjs","sources":["../../src/styleclass/styleclass.ts","../../src/styleclass/wawjs-ngx-prime-styleclass.ts"],"sourcesContent":["import { booleanAttribute, Directive, ElementRef, input, NgModule, NgZone, OnDestroy, Renderer2, inject } from '@angular/core';\nimport { addClass, getTargetElement, hasClass, isElement, removeClass } from '@wawjs/css-prime-utils';\nimport { VoidListener } from '@wawjs/ngx-prime/ts-helpers';\n\n/**\n * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.\n * @group Components\n */\n@Directive({\n    selector: '[pStyleClass]',\n    standalone: true,\n    host: {\n        '(click)': 'clickListener()'\n    }\n})\nexport class StyleClass implements OnDestroy {\n    el = inject(ElementRef);\n    renderer = inject(Renderer2);\n    private zone = inject(NgZone);\n\n    /**\n     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.\n     * @group Props\n     */\n    selector = input<string | undefined>(undefined, { alias: 'pStyleClass' });\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    enterFromClass = input<string>();\n    /**\n     * Style class to add during enter animation.\n     * @group Props\n     */\n    enterActiveClass = input<string>();\n    /**\n     * Style class to add when item begins to get displayed.\n     * @group Props\n     */\n    enterToClass = input<string>();\n    /**\n     * Style class to add when item begins to get hidden.\n     * @group Props\n     */\n    leaveFromClass = input<string>();\n    /**\n     * Style class to add during leave animation.\n     * @group Props\n     */\n    leaveActiveClass = input<string>();\n    /**\n     * Style class to add when leave animation is completed.\n     * @group Props\n     */\n    leaveToClass = input<string>();\n    /**\n     * Whether to trigger leave animation when outside of the element is clicked.\n     * @group Props\n     */\n    hideOnOutsideClick = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Adds or removes a class when no enter-leave animation is required.\n     * @group Props\n     */\n    toggleClass = input<string>();\n    /**\n     * Whether to trigger leave animation when escape key pressed.\n     * @group Props\n     */\n    hideOnEscape = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Whether to trigger leave animation when the target element resized.\n     * @group Props\n     */\n    hideOnResize = input<boolean, unknown>(undefined, { transform: booleanAttribute });\n    /**\n     * Target element to listen resize. Valid values are \"window\", \"document\" or target element selector.\n     * @group Props\n     */\n    resizeSelector = input<string>();\n\n    eventListener: VoidListener;\n\n    documentClickListener: VoidListener;\n\n    documentKeydownListener: VoidListener;\n\n    windowResizeListener: VoidListener;\n\n    resizeObserver: ResizeObserver | undefined;\n\n    target: HTMLElement | null | undefined;\n\n    enterListener: VoidListener;\n\n    leaveListener: VoidListener;\n\n    animating: boolean | undefined;\n\n    _enterClass: string | undefined;\n\n    _leaveClass: string | undefined;\n\n    _resizeTarget: any;\n\n    clickListener() {\n        this.target ||= getTargetElement(this.selector(), this.el.nativeElement) as HTMLElement;\n\n        if (this.toggleClass()) {\n            this.toggle();\n        } else {\n            if ((this.target as HTMLElement)?.offsetParent === null) this.enter();\n            else this.leave();\n        }\n    }\n\n    toggle() {\n        if (hasClass(this.target!, this.toggleClass() as string)) removeClass(this.target!, this.toggleClass() as string);\n        else addClass(this.target!, this.toggleClass() as string);\n    }\n\n    enter() {\n        const enterActiveClass = this.enterActiveClass();\n\n        if (enterActiveClass) {\n            if (!this.animating) {\n                this.animating = true;\n\n                if (enterActiveClass.includes('slidedown')) {\n                    (this.target as HTMLElement).style.height = '0px';\n                    removeClass(this.target!, this.enterFromClass() || 'hidden');\n                    (this.target as HTMLElement).style.maxHeight = (this.target as HTMLElement).scrollHeight + 'px';\n                    addClass(this.target!, this.enterFromClass() || 'hidden');\n                    (this.target as HTMLElement).style.height = '';\n                }\n\n                addClass(this.target!, this.enterActiveClass());\n\n                if (this.enterFromClass()) {\n                    removeClass(this.target!, this.enterFromClass());\n                }\n\n                this.enterListener = this.renderer.listen(this.target!, 'animationend', () => {\n                    removeClass(this.target!, this.enterActiveClass() as string);\n\n                    if (this.enterToClass()) {\n                        addClass(this.target!, this.enterToClass());\n                    }\n\n                    this.enterListener && this.enterListener();\n\n                    if (this.enterActiveClass()?.includes('slidedown')) {\n                        (this.target as HTMLElement).style.maxHeight = '';\n                    }\n\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.enterFromClass()) {\n                removeClass(this.target!, this.enterFromClass());\n            }\n\n            if (this.enterToClass()) {\n                addClass(this.target!, this.enterToClass());\n            }\n        }\n\n        if (this.hideOnOutsideClick()) {\n            this.bindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape()) {\n            this.bindDocumentKeydownListener();\n        }\n\n        if (this.hideOnResize()) {\n            this.bindResizeListener();\n        }\n    }\n\n    leave() {\n        if (this.leaveActiveClass()) {\n            if (!this.animating) {\n                this.animating = true;\n                addClass(this.target!, this.leaveActiveClass());\n\n                if (this.leaveFromClass()) {\n                    removeClass(this.target!, this.leaveFromClass());\n                }\n\n                this.leaveListener = this.renderer.listen(this.target!, 'animationend', () => {\n                    removeClass(this.target!, this.leaveActiveClass() as string);\n\n                    if (this.leaveToClass()) {\n                        addClass(this.target!, this.leaveToClass());\n                    }\n\n                    this.leaveListener && this.leaveListener();\n                    this.animating = false;\n                });\n            }\n        } else {\n            if (this.leaveFromClass()) {\n                removeClass(this.target!, this.leaveFromClass());\n            }\n\n            if (this.leaveToClass()) {\n                addClass(this.target!, this.leaveToClass());\n            }\n        }\n\n        if (this.hideOnOutsideClick()) {\n            this.unbindDocumentClickListener();\n        }\n\n        if (this.hideOnEscape()) {\n            this.unbindDocumentKeydownListener();\n        }\n\n        if (this.hideOnResize()) {\n            this.unbindResizeListener();\n        }\n    }\n\n    bindDocumentClickListener() {\n        if (!this.documentClickListener) {\n            this.documentClickListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'click', (event) => {\n                if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentClickListener();\n                else if (this.isOutsideClick(event)) this.leave();\n            });\n        }\n    }\n\n    bindDocumentKeydownListener() {\n        if (!this.documentKeydownListener) {\n            this.zone.runOutsideAngular(() => {\n                this.documentKeydownListener = this.renderer.listen(this.el.nativeElement.ownerDocument, 'keydown', (event) => {\n                    const { key, keyCode, which } = event;\n\n                    if (!this.isVisible() || getComputedStyle(this.target as HTMLElement).getPropertyValue('position') === 'static') this.unbindDocumentKeydownListener();\n                    if (this.isVisible() && key === 'Escape' && keyCode === 27 && which === 27) this.leave();\n                });\n            });\n        }\n    }\n\n    isVisible() {\n        return (this.target as HTMLElement).offsetParent !== null;\n    }\n\n    isOutsideClick(event: MouseEvent) {\n        return !this.el.nativeElement.isSameNode(event.target) && !this.el.nativeElement.contains(event.target) && !(this.target as HTMLElement).contains(<HTMLElement>event.target);\n    }\n\n    unbindDocumentClickListener() {\n        if (this.documentClickListener) {\n            this.documentClickListener();\n            this.documentClickListener = null;\n        }\n    }\n\n    unbindDocumentKeydownListener() {\n        if (this.documentKeydownListener) {\n            this.documentKeydownListener();\n            this.documentKeydownListener = null;\n        }\n    }\n\n    bindResizeListener() {\n        this._resizeTarget = getTargetElement(this.resizeSelector());\n\n        if (isElement(this._resizeTarget)) {\n            this.bindElementResizeListener();\n        } else {\n            this.bindWindowResizeListener();\n        }\n    }\n\n    unbindResizeListener() {\n        this.unbindWindowResizeListener();\n        this.unbindElementResizeListener();\n    }\n\n    bindWindowResizeListener() {\n        if (!this.windowResizeListener) {\n            this.zone.runOutsideAngular(() => {\n                this.windowResizeListener = this.renderer.listen(window, 'resize', () => {\n                    if (!this.isVisible()) {\n                        this.unbindWindowResizeListener();\n                    } else {\n                        this.leave();\n                    }\n                });\n            });\n        }\n    }\n\n    unbindWindowResizeListener() {\n        if (this.windowResizeListener) {\n            this.windowResizeListener();\n            this.windowResizeListener = null;\n        }\n    }\n\n    bindElementResizeListener() {\n        if (!this.resizeObserver && this._resizeTarget) {\n            let isFirstResize = true;\n\n            this.resizeObserver = new ResizeObserver(() => {\n                if (isFirstResize) {\n                    isFirstResize = false;\n\n                    return;\n                }\n\n                if (this.isVisible()) {\n                    this.leave();\n                }\n            });\n            this.resizeObserver.observe(this._resizeTarget);\n        }\n    }\n\n    unbindElementResizeListener() {\n        if (this.resizeObserver) {\n            this.resizeObserver.disconnect();\n            this.resizeObserver = undefined;\n        }\n    }\n\n    ngOnDestroy() {\n        this.target = null;\n        this._resizeTarget = null;\n\n        if (this.eventListener) {\n            this.eventListener();\n        }\n\n        this.unbindDocumentClickListener();\n        this.unbindDocumentKeydownListener();\n        this.unbindResizeListener();\n    }\n}\n\n@NgModule({\n    imports: [StyleClass],\n    exports: [StyleClass]\n})\nexport class StyleClassModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}