@acorex/components 5.0.5 → 5.0.9

package/esm2015/lib/dialog/dialog.service.js

@@ -0,0 +1,146 @@
+import { AXTranslator } from '@acorex/core';
+import { ComponentPortal } from '@angular/cdk/portal';
+import { Injectable } from '@angular/core';
+import { AXDialogComponent } from './dialog.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export class AXDialogService {
+    /**
+    * @ignore
+    */
+    constructor(overlayService, parentInjector, sso) {
+        this.overlayService = overlayService;
+        this.parentInjector = parentInjector;
+        this.sso = sso;
+    }
+    /**
+    *  Show an alert box with 'Okay' button.
+    */
+    alert(title, content, type = 'primary') {
+        return new Promise((resolve) => {
+            const popup = this.open({
+                title,
+                type: type,
+                content,
+                buttons: [
+                    {
+                        name: 'confirm',
+                        text: AXTranslator.get('common.okay'),
+                        color: type,
+                        look: `twotone`,
+                        onClick: () => {
+                            popup.close();
+                            if (resolve) {
+                                resolve();
+                            }
+                        },
+                    },
+                ],
+            });
+        });
+    }
+    /**
+    *  Show a confirm box with 'Okay' & 'Cancel' buttons.
+    */
+    confirm(title, content, type = 'primary') {
+        return new Promise((resolve, reject) => {
+            const popup = this.open({
+                title,
+                content,
+                type,
+                buttons: [
+                    {
+                        name: 'confirm',
+                        text: AXTranslator.get('common.okay'),
+                        color: type,
+                        onClick: () => {
+                            popup.close();
+                            if (resolve) {
+                                resolve();
+                            }
+                        },
+                        submitBehavior: true,
+                        cancelBehavior: false,
+                    },
+                    {
+                        name: 'cancel',
+                        text: AXTranslator.get('common.cancel'),
+                        color: `light`,
+                        onClick: () => {
+                            popup.close();
+                            if (reject) {
+                                reject();
+                            }
+                        },
+                        submitBehavior: false,
+                        cancelBehavior: true,
+                    },
+                ],
+            });
+        });
+    }
+    /**
+    *  Show a custom dialog box.
+    */
+    show(options) {
+        return new Promise((resolve) => {
+            var _a;
+            const popup = this.open(options);
+            (_a = options.buttons) === null || _a === void 0 ? void 0 : _a.forEach((b) => {
+                const orginalClick = b.onClick;
+                b.onClick = () => {
+                    popup.close();
+                    if (orginalClick) {
+                        orginalClick();
+                    }
+                    if (resolve) {
+                        resolve({ name: b.name });
+                    }
+                };
+            });
+        });
+    }
+    open(options) {
+        let positionStrategy = this.overlayService
+            .position()
+            .global()
+            .centerHorizontally()
+            .centerVertically();
+        const overlayRef = this.overlayService.create({
+            positionStrategy,
+            hasBackdrop: true,
+            scrollStrategy: this.sso.block(),
+            panelClass: ['ax-animate-fadeIn', 'ax-animate-faster'],
+        });
+        const dialogPortal = new ComponentPortal(AXDialogComponent, null, this.parentInjector);
+        const host = overlayRef.attach(dialogPortal);
+        if (host.instance) {
+            Object.assign(host.instance, {
+                options: options,
+                close: () => {
+                    overlayRef.dispose();
+                },
+            });
+            setTimeout(() => {
+                host.changeDetectorRef.detectChanges();
+            }, 0);
+        }
+        return {
+            close: () => {
+                host.instance.close();
+            },
+        };
+    }
+}
+AXDialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDialogService, deps: [{ token: i1.Overlay }, { token: i0.Injector }, { token: i1.ScrollStrategyOptions }], target: i0.ɵɵFactoryTarget.Injectable });
+AXDialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDialogService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }, { type: i1.ScrollStrategyOptions }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2RpYWxvZy9kaWFsb2cuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBRTVDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsVUFBVSxFQUFZLE1BQU0sZUFBZSxDQUFDO0FBTXJELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7QUFFdkQ7Ozs7R0FJRztBQUVILE1BQU0sT0FBTyxlQUFlO0lBRTFCOztNQUVFO0lBQ0YsWUFDVSxjQUF1QixFQUN2QixjQUF3QixFQUN4QixHQUEwQjtRQUYxQixtQkFBYyxHQUFkLGNBQWMsQ0FBUztRQUN2QixtQkFBYyxHQUFkLGNBQWMsQ0FBVTtRQUN4QixRQUFHLEdBQUgsR0FBRyxDQUF1QjtJQUNoQyxDQUFDO0lBRUw7O01BRUU7SUFDRixLQUFLLENBQUMsS0FBYSxFQUFFLE9BQWUsRUFBRSxPQUF5QixTQUFTO1FBQ3RFLE9BQU8sSUFBSSxPQUFPLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUM3QixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDO2dCQUN0QixLQUFLO2dCQUNMLElBQUksRUFBRSxJQUFJO2dCQUNWLE9BQU87Z0JBQ1AsT0FBTyxFQUFFO29CQUNQO3dCQUNFLElBQUksRUFBRSxTQUFTO3dCQUNmLElBQUksRUFBRSxZQUFZLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQzt3QkFDckMsS0FBSyxFQUFFLElBQUk7d0JBQ1gsSUFBSSxFQUFFLFNBQVM7d0JBQ2YsT0FBTyxFQUFFLEdBQUcsRUFBRTs0QkFDWixLQUFLLENBQUMsS0FBSyxFQUFFLENBQUM7NEJB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Q3BCLENBQUM7UUFDRixNQUFNLElBQUksR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzdDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQzNCLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixLQUFLLEVBQUUsR0FBRyxFQUFFO29CQUNWLFVBQVUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztnQkFDdkIsQ0FBQzthQUNGLENBQUMsQ0FBQztZQUNILFVBQVUsQ0FBQyxHQUFHLEVBQUU7Z0JBQ2QsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3pDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztTQUNQO1FBRUQsT0FBTztZQUNMLEtBQUssRUFBRSxHQUFHLEVBQUU7Z0JBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUN4QixDQUFDO1NBQ0YsQ0FBQztJQUNKLENBQUM7OzRHQXZJVSxlQUFlO2dIQUFmLGVBQWUsY0FERixNQUFNOzJGQUNuQixlQUFlO2tCQUQzQixVQUFVO21CQUFDLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFYVHJhbnNsYXRvciB9IGZyb20gJ0BhY29yZXgvY29yZSc7XHJcbmltcG9ydCB7IE92ZXJsYXksIFNjcm9sbFN0cmF0ZWd5T3B0aW9ucyB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcclxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XHJcbmltcG9ydCB7IEluamVjdGFibGUsIEluamVjdG9yIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEFYU3R5bGVDb2xvclR5cGUgfSBmcm9tICcuLi9iYXNlL3N0eWxlcy5jbGFzcyc7XHJcbmltcG9ydCB7XHJcbiAgQVhEaWFsb2dPcHRpb25zLFxyXG4gIEFYRGlhbG9nUmVmLFxyXG59IGZyb20gJy4vZGlhbG9nLmNsYXNzJztcclxuaW1wb3J0IHsgQVhEaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2RpYWxvZy5jb21wb25lbnQnO1xyXG5cclxuLyoqXHJcbiAqIFRoZSBCdXR0b24gaXMgYSBjb21wb25lbnQgd2hpY2ggZGV0ZWN0cyB1c2VyIGludGVyYWN0aW9uIGFuZCB0cmlnZ2VycyBhIGNvcnJlc3BvbmRpbmcgZXZlbnRcclxuICpcclxuICogQGNhdGVnb3J5IENvbXBvbmVudHNcclxuICovXHJcbkBJbmplY3RhYmxlKHsgcHJvdmlkZWRJbjogJ3Jvb3QnIH0pXHJcbmV4cG9ydCBjbGFzcyBBWERpYWxvZ1NlcnZpY2Uge1xyXG5cclxuICAvKipcclxuICAqIEBpZ25vcmVcclxuICAqL1xyXG4gIGNvbnN0cnVjdG9yKFxyXG4gICAgcHJpdmF0ZSBvdmVybGF5U2VydmljZTogT3ZlcmxheSxcclxuICAgIHByaXZhdGUgcGFyZW50SW5qZWN0b3I6IEluamVjdG9yLFxyXG4gICAgcHJpdmF0ZSBzc286IFNjcm9sbFN0cmF0ZWd5T3B0aW9uc1xyXG4gICkgeyB9XHJcblxyXG4gIC8qKlxyXG4gICogIFNob3cgYW4gYWxlcnQgYm94IHdpdGggJ09rYXknIGJ1dHRvbi5cclxuICAqL1xyXG4gIGFsZXJ0KHRpdGxlOiBzdHJpbmcsIGNvbnRlbnQ6IHN0cmluZywgdHlwZTogQVhTdHlsZUNvbG9yVHlwZSA9ICdwcmltYXJ5Jyk6IFByb21pc2U8dm9pZD4ge1xyXG4gICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlKSA9PiB7XHJcbiAgICAgIGNvbnN0IHBvcHVwID0gdGhpcy5vcGVuKHtcclxuICAgICAgICB0aXRsZSxcclxuICAgICAgICB0eXBlOiB0eXBlLFxyXG4gICAgICAgIGNvbnRlbnQsXHJcbiAgICAgICAgYnV0dG9uczogW1xyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBuYW1lOiAnY29uZmlybScsXHJcbiAgICAgICAgICAgIHRleHQ6IEFYVHJhbnNsYXRvci5nZXQoJ2NvbW1vbi5va2F5JyksXHJcbiAgICAgICAgICAgIGNvbG9yOiB0eXBlLFxyXG4gICAgICAgICAgICBsb29rOiBgdHdvdG9uZWAsXHJcbiAgICAgICAgICAgIG9uQ2xpY2s6ICgpID0+IHtcclxuICAgICAgICAgICAgICBwb3B1cC5jbG9zZSgpO1xyXG4gICAgICAgICAgICAgIGlmIChyZXNvbHZlKSB7XHJcbiAgICAgICAgICAgICAgICByZXNvbHZlKCk7XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICBdLFxyXG4gICAgICB9KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgKiAgU2hvdyBhIGNvbmZpcm0gYm94IHdpdGggJ09rYXknICYgJ0NhbmNlbCcgYnV0dG9ucy5cclxuICAqL1xyXG4gIGNvbmZpcm0odGl0bGU6IHN0cmluZywgY29udGVudDogc3RyaW5nLCB0eXBlOiBBWFN0eWxlQ29sb3JUeXBlID0gJ3ByaW1hcnknKTogUHJvbWlzZTx2b2lkPiB7XHJcbiAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xyXG4gICAgICBjb25zdCBwb3B1cCA9IHRoaXMub3Blbih7XHJcbiAgICAgICAgdGl0bGUsXHJcbiAgICAgICAgY29udGVudCxcclxuICAgICAgICB0eXBlLFxyXG4gICAgICAgIGJ1dHRvbnM6IFtcclxuICAgICAgICAgIHtcclxuICAgICAgICAgICAgbmFtZTogJ2NvbmZpcm0nLFxyXG4gICAgICAgICAgICB0ZXh0OiBBWFRyYW5zbGF0b3IuZ2V0KCdjb21tb24ub2theScpLFxyXG4gICAgICAgICAgICBjb2xvcjogdHlwZSxcclxuICAgICAgICAgICAgb25DbGljazogKCkgPT4ge1xyXG4gICAgICAgICAgICAgIHBvcHVwLmNsb3NlKCk7XHJcbiAgICAgICAgICAgICAgaWYgKHJlc29sdmUpIHtcclxuICAgICAgICAgICAgICAgIHJlc29sdmUoKTtcclxuICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIH0sXHJcbiAgICAgICAgICAgIHN1Ym1pdEJlaGF2aW9yOiB0cnVlLFxyXG4gICAgICAgICAgICBjYW5jZWxCZWhhdmlvcjogZmFsc2UsXHJcbiAgICAgICAgICB9LFxyXG4gICAgICAgICAge1xyXG4gICAgICAgICAgICBuYW1lOiAnY2FuY2VsJyxcclxuICAgICAgICAgICAgdGV4dDogQVhUcmFuc2xhdG9yLmdldCgnY29tbW9uLmNhbmNlbCcpLFxyXG4gICAgICAgICAgICBjb2xvcjogYGxpZ2h0YCxcclxuICAgICAgICAgICAgb25DbGljazogKCkgPT4ge1xyXG4gICAgICAgICAgICAgIHBvcHVwLmNsb3NlKCk7XHJcbiAgICAgICAgICAgICAgaWYgKHJlamVjdCkge1xyXG4gICAgICAgICAgICAgICAgcmVqZWN0KCk7XHJcbiAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICBzdWJtaXRCZWhhdmlvcjogZmFsc2UsXHJcbiAgICAgICAgICAgIGNhbmNlbEJlaGF2aW9yOiB0cnVlLFxyXG4gICAgICAgICAgfSxcclxuICAgICAgICBdLFxyXG4gICAgICB9KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgLyoqXHJcbiAgKiAgU2hvdyBhIGN1c3RvbSBkaWFsb2cgYm94LlxyXG4gICovXHJcbiAgc2hvdyhvcHRpb25zOiBBWERpYWxvZ09wdGlvbnMpOiBQcm9taXNlPHsgbmFtZTogc3RyaW5nIH0+IHtcclxuICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSkgPT4ge1xyXG4gICAgICBjb25zdCBwb3B1cCA9IHRoaXMub3BlbihvcHRpb25zKTtcclxuICAgICAgb3B0aW9ucy5idXR0b25zPy5mb3JFYWNoKChiKSA9PiB7XHJcbiAgICAgICAgY29uc3Qgb3JnaW5hbENsaWNrID0gYi5vbkNsaWNrO1xyXG4gICAgICAgIGIub25DbGljayA9ICgpID0+IHtcclxuICAgICAgICAgIHBvcHVwLmNsb3NlKCk7XHJcbiAgICAgICAgICBpZiAob3JnaW5hbENsaWNrKSB7XHJcbiAgICAgICAgICAgIG9yZ2luYWxDbGljaygpO1xyXG4gICAgICAgICAgfVxyXG4gICAgICAgICAgaWYgKHJlc29sdmUpIHtcclxuICAgICAgICAgICAgcmVzb2x2ZSh7IG5hbWU6IGIubmFtZSB9KTtcclxuICAgICAgICAgIH1cclxuICAgICAgICB9O1xyXG4gICAgICB9KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBvcGVuKG9wdGlvbnM6IEFYRGlhbG9nT3B0aW9ucyk6IEFYRGlhbG9nUmVmIHtcclxuICAgIGxldCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5vdmVybGF5U2VydmljZVxyXG4gICAgICAucG9zaXRpb24oKVxyXG4gICAgICAuZ2xvYmFsKClcclxuICAgICAgLmNlbnRlckhvcml6b250YWxseSgpXHJcbiAgICAgIC5jZW50ZXJWZXJ0aWNhbGx5KCk7XHJcbiAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5vdmVybGF5U2VydmljZS5jcmVhdGUoe1xyXG4gICAgICBwb3NpdGlvblN0cmF0ZWd5LFxyXG4gICAgICBoYXNCYWNrZHJvcDogdHJ1ZSxcclxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMuc3NvLmJsb2NrKCksXHJcbiAgICAgIHBhbmVsQ2xhc3M6IFsnYXgtYW5pbWF0ZS1mYWRlSW4nLCAnYXgtYW5pbWF0ZS1mYXN0ZXInXSxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgZGlhbG9nUG9ydGFsID0gbmV3IENvbXBvbmVudFBvcnRhbChcclxuICAgICAgQVhEaWFsb2dDb21wb25lbnQsXHJcbiAgICAgIG51bGwsXHJcbiAgICAgIHRoaXMucGFyZW50SW5qZWN0b3JcclxuICAgICk7XHJcbiAgICBjb25zdCBob3N0ID0gb3ZlcmxheVJlZi5hdHRhY2goZGlhbG9nUG9ydGFsKTtcclxuICAgIGlmIChob3N0Lmluc3RhbmNlKSB7XHJcbiAgICAgIE9iamVjdC5hc3NpZ24oaG9zdC5pbnN0YW5jZSwge1xyXG4gICAgICAgIG9wdGlvbnM6IG9wdGlvbnMsXHJcbiAgICAgICAgY2xvc2U6ICgpID0+IHtcclxuICAgICAgICAgIG92ZXJsYXlSZWYuZGlzcG9zZSgpO1xyXG4gICAgICAgIH0sXHJcbiAgICAgIH0pO1xyXG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcclxuICAgICAgICBob3N0LmNoYW5nZURldGVjdG9yUmVmLmRldGVjdENoYW5nZXMoKTtcclxuICAgICAgfSwgMCk7XHJcbiAgICB9XHJcblxyXG4gICAgcmV0dXJuIHtcclxuICAgICAgY2xvc2U6ICgpID0+IHtcclxuICAgICAgICBob3N0Lmluc3RhbmNlLmNsb3NlKCk7XHJcbiAgICAgIH0sXHJcbiAgICB9O1xyXG4gIH1cclxufVxyXG4iXX0=

package/esm2015/lib/dialog/index.js

@@ -0,0 +1,5 @@
+export * from './dialog.component';
+export * from './dialog.class';
+export * from './dialog.service';
+export * from './dialog.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2RpYWxvZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsZ0JBQWdCLENBQUM7QUFDL0IsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kaWFsb2cuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9kaWFsb2cuY2xhc3MnO1xyXG5leHBvcnQgKiBmcm9tICcuL2RpYWxvZy5zZXJ2aWNlJztcclxuZXhwb3J0ICogZnJvbSAnLi9kaWFsb2cubW9kdWxlJztcclxuIl19

package/esm2015/lib/drawer/drawer-container.component.js

@@ -0,0 +1,73 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChildren } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import { AXDrawerComponent } from './drawer.component';
+import * as i0 from "@angular/core";
+export class AXDrawerContainerComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr, zone) {
+        super(elementRef, cdr);
+        this.zone = zone;
+    }
+    onViewInit() {
+        this._updateWidth();
+        // add animation
+        setTimeout(() => {
+            this._getHostElement().querySelectorAll('ax-drawer').forEach(c => {
+                c.classList.add('ax-animated');
+            });
+        }, 100);
+        this.drawers.forEach(c => {
+            c.onChanged.subscribe(c => {
+                this._updateWidth();
+            });
+        });
+    }
+    _updateWidth() {
+        this.zone.runOutsideAngular(() => {
+            const container = this._getHostElement().closest('ax-drawer-container');
+            const parentWidth = this._getHostElement().getBoundingClientRect().width;
+            let w = 0;
+            this._getHostElement().querySelectorAll('ax-drawer').forEach(c => {
+                const elm = c;
+                const width = elm.getBoundingClientRect().width;
+                const overflow = parentWidth < width;
+                const diff = width - parentWidth;
+                w += ['ax-expanded', 'ax-drawer-push'].every(c => elm.classList.contains(c)) ? width : 0;
+                elm.style.setProperty('--attr-width', `${width}px`);
+                //TODO check overflow
+                elm.style.setProperty('--attr-diff', `${overflow ? diff : 0}px`);
+            });
+            container.style.setProperty('--attr-content-width', `${parentWidth - w}px`);
+        });
+    }
+}
+AXDrawerContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AXDrawerContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXDrawerContainerComponent, selector: "ax-drawer-container", inputs: { rtl: "rtl" }, host: { classAttribute: "ax-drawer-container" }, queries: [{ propertyName: "drawers", predicate: AXDrawerComponent }], usesInheritance: true, ngImport: i0, template: `
+        <ng-content select="ax-drawer[location='start']">
+        </ng-content>
+        <ng-content select="ax-drawer-content">
+        </ng-content>
+        <ng-content select="ax-drawer[location='end']">
+        </ng-content>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-drawer-container',
+                    template: `
+        <ng-content select="ax-drawer[location='start']">
+        </ng-content>
+        <ng-content select="ax-drawer-content">
+        </ng-content>
+        <ng-content select="ax-drawer[location='end']">
+        </ng-content>
+    `,
+                    inputs: ['rtl'],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-drawer-container' }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { drawers: [{
+                type: ContentChildren,
+                args: [AXDrawerComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9kcmF3ZXItY29udGFpbmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLGlCQUFpQixFQUFFLHVCQUF1QixFQUF5QyxlQUFlLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDekosT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9CQUFvQixDQUFDOztBQWlCdkQsTUFBTSxPQUFPLDBCQUEyQixTQUFRLG9CQUFvQjtJQUVoRSxZQUNJLFVBQXNCLEVBQ3RCLEdBQXNCLEVBQ2QsSUFBWTtRQUVwQixLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRmYsU0FBSSxHQUFKLElBQUksQ0FBUTtJQUd4QixDQUFDO0lBT0QsVUFBVTtRQUNOLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUNwQixnQkFBZ0I7UUFDaEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNaLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQyxXQUFXLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQzdELENBQUMsQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxDQUFDO1lBQ25DLENBQUMsQ0FBQyxDQUFDO1FBQ1AsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBRVIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDckIsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUU7Z0JBQ3RCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN4QixDQUFDLENBQUMsQ0FBQztRQUNQLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVPLFlBQVk7UUFDaEIsSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLEVBQUU7WUFDN0IsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBbUIsQ0FBQztZQUMxRixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUMscUJBQXFCLEVBQUUsQ0FBQyxLQUFLLENBQUM7WUFDekUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDO1lBQ1YsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFdBQVcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDN0QsTUFBTSxHQUFHLEdBQUcsQ0FBbUIsQ0FBQztnQkFDaEMsTUFBTSxLQUFLLEdBQUcsR0FBRyxDQUFDLHFCQUFxQixFQUFFLENBQUMsS0FBSyxDQUFDO2dCQUNoRCxNQUFNLFFBQVEsR0FBRyxXQUFXLEdBQUcsS0FBSyxDQUFDO2dCQUNyQyxNQUFNLElBQUksR0FBRyxLQUFLLEdBQUcsV0FBVyxDQUFDO2dCQUNqQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDekYsR0FBRyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsY0FBYyxFQUFFLEdBQUcsS0FBSyxJQUFJLENBQUMsQ0FBQztnQkFDcEQscUJBQXFCO2dCQUNyQixHQUFHLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxhQUFhLEVBQUUsR0FBRyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNyRSxDQUFDLENBQUMsQ0FBQztZQUNILFNBQVMsQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLHNCQUFzQixFQUFFLEdBQUcsV0FBVyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDaEYsQ0FBQyxDQUFDLENBQUM7SUFDUCxDQUFDOzt1SEFoRFEsMEJBQTBCOzJHQUExQiwwQkFBMEIsNEpBV2xCLGlCQUFpQixvREF4QnhCOzs7Ozs7O0tBT1Q7MkZBTVEsMEJBQTBCO2tCQWZ0QyxTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxxQkFBcUI7b0JBQy9CLFFBQVEsRUFBRTs7Ozs7OztLQU9UO29CQUNELE1BQU0sRUFBRSxDQUFDLEtBQUssQ0FBQztvQkFDZixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxxQkFBcUIsRUFBRTtpQkFDekM7c0pBYUcsT0FBTztzQkFETixlQUFlO3VCQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb24sIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBFbGVtZW50UmVmLCBDaGFuZ2VEZXRlY3RvclJlZiwgTmdab25lLCBDb250ZW50Q2hpbGRyZW4sIFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiB9IGZyb20gJy4uL2Jhc2UnO1xyXG5pbXBvcnQgeyBBWERyYXdlckNvbXBvbmVudCB9IGZyb20gJy4vZHJhd2VyLmNvbXBvbmVudCc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICAgIHNlbGVjdG9yOiAnYXgtZHJhd2VyLWNvbnRhaW5lcicsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cImF4LWRyYXdlcltsb2NhdGlvbj0nc3RhcnQnXVwiPlxyXG4gICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcmF3ZXItY29udGVudFwiPlxyXG4gICAgICAgIDwvbmctY29udGVudD5cclxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJheC1kcmF3ZXJbbG9jYXRpb249J2VuZCddXCI+XHJcbiAgICAgICAgPC9uZy1jb250ZW50PlxyXG4gICAgYCxcclxuICAgIGlucHV0czogWydydGwnXSxcclxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICAgIGhvc3Q6IHsgY2xhc3M6ICdheC1kcmF3ZXItY29udGFpbmVyJyB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWERyYXdlckNvbnRhaW5lckNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgICAgICAgcHJpdmF0ZSB6b25lOiBOZ1pvbmVcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG5cclxuICAgIEBDb250ZW50Q2hpbGRyZW4oQVhEcmF3ZXJDb21wb25lbnQpXHJcbiAgICBkcmF3ZXJzOiBRdWVyeUxpc3Q8QVhEcmF3ZXJDb21wb25lbnQ+O1xyXG5cclxuXHJcbiAgICBvblZpZXdJbml0KCkge1xyXG4gICAgICAgIHRoaXMuX3VwZGF0ZVdpZHRoKCk7XHJcbiAgICAgICAgLy8gYWRkIGFuaW1hdGlvblxyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLnF1ZXJ5U2VsZWN0b3JBbGwoJ2F4LWRyYXdlcicpLmZvckVhY2goYyA9PiB7XHJcbiAgICAgICAgICAgICAgICBjLmNsYXNzTGlzdC5hZGQoJ2F4LWFuaW1hdGVkJyk7XHJcbiAgICAgICAgICAgIH0pO1xyXG4gICAgICAgIH0sIDEwMCk7XHJcblxyXG4gICAgICAgIHRoaXMuZHJhd2Vycy5mb3JFYWNoKGMgPT4ge1xyXG4gICAgICAgICAgICBjLm9uQ2hhbmdlZC5zdWJzY3JpYmUoYyA9PiB7XHJcbiAgICAgICAgICAgICAgICB0aGlzLl91cGRhdGVXaWR0aCgpO1xyXG4gICAgICAgICAgICB9KTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIF91cGRhdGVXaWR0aCgpIHtcclxuICAgICAgICB0aGlzLnpvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xyXG4gICAgICAgICAgICBjb25zdCBjb250YWluZXIgPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmNsb3Nlc3QoJ2F4LWRyYXdlci1jb250YWluZXInKSBhcyBIVE1MRGl2RWxlbWVudDtcclxuICAgICAgICAgICAgY29uc3QgcGFyZW50V2lkdGggPSB0aGlzLl9nZXRIb3N0RWxlbWVudCgpLmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpLndpZHRoO1xyXG4gICAgICAgICAgICBsZXQgdyA9IDA7XHJcbiAgICAgICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkucXVlcnlTZWxlY3RvckFsbCgnYXgtZHJhd2VyJykuZm9yRWFjaChjID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGVsbSA9IGMgYXMgSFRNTERpdkVsZW1lbnQ7XHJcbiAgICAgICAgICAgICAgICBjb25zdCB3aWR0aCA9IGVsbS5nZXRCb3VuZGluZ0NsaWVudFJlY3QoKS53aWR0aDtcclxuICAgICAgICAgICAgICAgIGNvbnN0IG92ZXJmbG93ID0gcGFyZW50V2lkdGggPCB3aWR0aDtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGRpZmYgPSB3aWR0aCAtIHBhcmVudFdpZHRoO1xyXG4gICAgICAgICAgICAgICAgdyArPSBbJ2F4LWV4cGFuZGVkJywgJ2F4LWRyYXdlci1wdXNoJ10uZXZlcnkoYyA9PiBlbG0uY2xhc3NMaXN0LmNvbnRhaW5zKGMpKSA/IHdpZHRoIDogMDtcclxuICAgICAgICAgICAgICAgIGVsbS5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1hdHRyLXdpZHRoJywgYCR7d2lkdGh9cHhgKTtcclxuICAgICAgICAgICAgICAgIC8vVE9ETyBjaGVjayBvdmVyZmxvd1xyXG4gICAgICAgICAgICAgICAgZWxtLnN0eWxlLnNldFByb3BlcnR5KCctLWF0dHItZGlmZicsIGAke292ZXJmbG93ID8gZGlmZiA6IDB9cHhgKTtcclxuICAgICAgICAgICAgfSk7XHJcbiAgICAgICAgICAgIGNvbnRhaW5lci5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1hdHRyLWNvbnRlbnQtd2lkdGgnLCBgJHtwYXJlbnRXaWR0aCAtIHd9cHhgKTtcclxuICAgICAgICB9KTtcclxuICAgIH1cclxufVxyXG4iXX0=

package/esm2015/lib/drawer/drawer-content.component.js

@@ -0,0 +1,27 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export class AXDrawerContentComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr) {
+        super(elementRef, cdr);
+    }
+}
+AXDrawerContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerContentComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+AXDrawerContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXDrawerContentComponent, selector: "ax-drawer-content", host: { classAttribute: "ax-drawer-content" }, usesInheritance: true, ngImport: i0, template: `
+        <ng-content>
+        </ng-content>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-drawer-content',
+                    template: `
+        <ng-content>
+        </ng-content>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-drawer-content' }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYWNvcmV4L2NvbXBvbmVudHMvc3JjL2xpYi9kcmF3ZXIvZHJhd2VyLWNvbnRlbnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsdUJBQXVCLEVBQWlDLE1BQU0sZUFBZSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFZL0MsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQUU5RCxZQUNJLFVBQXNCLEVBQ3RCLEdBQXNCO1FBRXRCLEtBQUssQ0FBQyxVQUFVLEVBQUUsR0FBRyxDQUFDLENBQUM7SUFDM0IsQ0FBQzs7cUhBUFEsd0JBQXdCO3lHQUF4Qix3QkFBd0IsK0hBUnZCOzs7S0FHVDsyRkFLUSx3QkFBd0I7a0JBVnBDLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFOzs7S0FHVDtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsYUFBYSxFQUFFLGlCQUFpQixDQUFDLElBQUk7b0JBQ3JDLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxtQkFBbUIsRUFBRTtpQkFDdkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIFZpZXdFbmNhcHN1bGF0aW9uLCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgRWxlbWVudFJlZiwgQ2hhbmdlRGV0ZWN0b3JSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQVhCYXNlQ29tcG9uZW50TWl4aW4gfSBmcm9tICcuLi9iYXNlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdheC1kcmF3ZXItY29udGVudCcsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxuZy1jb250ZW50PlxyXG4gICAgICAgIDwvbmctY29udGVudD5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBob3N0OiB7IGNsYXNzOiAnYXgtZHJhd2VyLWNvbnRlbnQnIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIEFYRHJhd2VyQ29udGVudENvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxyXG4gICAgICAgIGNkcjogQ2hhbmdlRGV0ZWN0b3JSZWZcclxuICAgICkge1xyXG4gICAgICAgIHN1cGVyKGVsZW1lbnRSZWYsIGNkcik7XHJcbiAgICB9XHJcblxyXG5cclxufVxyXG4iXX0=

package/esm2015/lib/drawer/drawer.component.js

@@ -0,0 +1,145 @@
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Output, EventEmitter, HostListener } from '@angular/core';
+import { AXBaseComponentMixin } from '../base';
+import * as i0 from "@angular/core";
+export class AXDrawerComponent extends AXBaseComponentMixin {
+    constructor(elementRef, cdr, zone) {
+        super(elementRef, cdr);
+        this.elementRef = elementRef;
+        this.zone = zone;
+        this.onChanged = new EventEmitter();
+        this.mode = 'push';
+        this.location = 'start';
+        this._collapsed = false;
+    }
+    get collapsed() {
+        return this._collapsed;
+    }
+    set collapsed(v) {
+        if (v != this._collapsed) {
+            this._collapsed = v;
+            this._updateClass();
+            this._emitChange();
+        }
+    }
+    onInit() {
+        this._getHostElement().classList.add(this.location == 'start' ? 'ax-drawer-start' : 'ax-drawer-end');
+        this._currentMode = this.mode;
+    }
+    _updateClass() {
+        this.zone.runOutsideAngular(() => {
+            const elm = this._getHostElement();
+            //           
+            this._currentMode == 'overlay' ? this._setOverlayMode() : this._setPushMode();
+            //
+            if (this.collapsed) {
+                elm.classList.remove('ax-expanded');
+                elm.classList.add('ax-collapsed');
+                if (this._currentMode == 'overlay') {
+                    this._removeBackdrop();
+                }
+            }
+            else {
+                elm.classList.add('ax-expanded');
+                elm.classList.remove('ax-collapsed');
+                if (this._currentMode == 'overlay') {
+                    this._addBackdrop();
+                }
+            }
+        });
+    }
+    onViewInit() {
+        this._detectSize();
+    }
+    toggle() {
+        this.collapsed = !this.collapsed;
+    }
+    _handleWindowsResize(e) {
+        this._detectSize();
+    }
+    _detectSize() {
+        //TODO detect break size
+        const bound = this._getHostElement().parentElement.getBoundingClientRect();
+        if (bound.width == 0) {
+            console.log('Drawe invalid size', bound);
+            setTimeout(() => {
+                this._detectSize();
+            }, 1);
+            return;
+        }
+        if (bound.width < 400) {
+            this._currentMode = 'overlay';
+            this.collapsed = true;
+        }
+        else {
+            this._currentMode = this.mode;
+        }
+        this._updateClass();
+        this._emitChange();
+    }
+    _emitChange() {
+        this.onChanged.emit({
+            component: this,
+            htmlElement: this.elementRef.nativeElement
+        });
+    }
+    _setOverlayMode() {
+        this._currentMode = 'overlay';
+        this._getHostElement().classList.remove('ax-drawer-push');
+        this._getHostElement().classList.add('ax-drawer-overlay');
+    }
+    _setPushMode() {
+        this._currentMode = 'push';
+        this._getHostElement().classList.remove('ax-drawer-overlay');
+        this._getHostElement().classList.add('ax-drawer-push');
+        this._removeBackdrop();
+    }
+    _addBackdrop() {
+        if (!this._backdrop) {
+            this._backdrop = document.createElement('div');
+            this._backdrop.classList.add('ax-drawer-backdrop');
+            this._getHostElement().parentElement.prepend(this._backdrop);
+            this._backdrop.addEventListener('click', this._handleBackfropClick.bind(this));
+        }
+    }
+    _removeBackdrop() {
+        if (this._backdrop) {
+            this._backdrop.removeEventListener('click', this._handleBackfropClick.bind(this));
+            this._getHostElement().parentElement.removeChild(this._backdrop);
+            this._backdrop = null;
+        }
+    }
+    _handleBackfropClick(e) {
+        this._removeBackdrop();
+        this.collapsed = true;
+    }
+}
+AXDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+AXDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: AXDrawerComponent, selector: "ax-drawer", inputs: { mode: "mode", location: "location", collapsed: "collapsed" }, outputs: { onChanged: "onChanged" }, host: { listeners: { "window:resize": "_handleWindowsResize($event)" }, classAttribute: "ax-drawer" }, usesInheritance: true, ngImport: i0, template: `
+        <ng-content>
+        </ng-content>
+    `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ax-drawer',
+                    template: `
+        <ng-content>
+        </ng-content>
+    `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: { class: 'ax-drawer' }
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { onChanged: [{
+                type: Output
+            }], mode: [{
+                type: Input
+            }], location: [{
+                type: Input
+            }], collapsed: [{
+                type: Input
+            }], _handleWindowsResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvZHJhd2VyL2RyYXdlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSx1QkFBdUIsRUFBeUMsS0FBSyxFQUFlLE1BQU0sRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JMLE9BQU8sRUFBRSxvQkFBb0IsRUFBVyxNQUFNLFNBQVMsQ0FBQzs7QUFZeEQsTUFBTSxPQUFPLGlCQUFrQixTQUFRLG9CQUFvQjtJQUV2RCxZQUNZLFVBQXNCLEVBQzlCLEdBQXNCLEVBQ2QsSUFBWTtRQUVwQixLQUFLLENBQUMsVUFBVSxFQUFFLEdBQUcsQ0FBQyxDQUFDO1FBSmYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUV0QixTQUFJLEdBQUosSUFBSSxDQUFRO1FBTXhCLGNBQVMsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUcvRCxTQUFJLEdBQXVCLE1BQU0sQ0FBQztRQUtsQyxhQUFRLEdBQW9CLE9BQU8sQ0FBQztRQUk1QixlQUFVLEdBQVksS0FBSyxDQUFDO0lBZnBDLENBQUM7SUFnQkQsSUFDVyxTQUFTO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBVyxTQUFTLENBQUMsQ0FBVTtRQUMzQixJQUFJLENBQUMsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxVQUFVLEdBQUcsQ0FBQyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUNwQixJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7U0FDdEI7SUFDTCxDQUFDO0lBRUQsTUFBTTtRQUNGLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFT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QUFHLElBQUksQ0FBQztTQUN6QjtJQUNMLENBQUM7SUFFTyxvQkFBb0IsQ0FBQyxDQUFhO1FBQ3RDLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztJQUMxQixDQUFDOzs4R0E1SVEsaUJBQWlCO2tHQUFqQixpQkFBaUIsNFJBUmhCOzs7S0FHVDsyRkFLUSxpQkFBaUI7a0JBVjdCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLFdBQVc7b0JBQ3JCLFFBQVEsRUFBRTs7O0tBR1Q7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO29CQUNyQyxJQUFJLEVBQUUsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO2lCQUMvQjtzSkFZRyxTQUFTO3NCQURSLE1BQU07Z0JBSVAsSUFBSTtzQkFESCxLQUFLO2dCQU1OLFFBQVE7c0JBRFAsS0FBSztnQkFPSyxTQUFTO3NCQURuQixLQUFLO2dCQWlETixvQkFBb0I7c0JBRG5CLFlBQVk7dUJBQUMsZUFBZSxFQUFFLENBQUMsUUFBUSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBWaWV3RW5jYXBzdWxhdGlvbiwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIEVsZW1lbnRSZWYsIENoYW5nZURldGVjdG9yUmVmLCBOZ1pvbmUsIElucHV0LCBIb3N0QmluZGluZywgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEhvc3RMaXN0ZW5lciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnRNaXhpbiwgQVhFdmVudCB9IGZyb20gJy4uL2Jhc2UnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgICBzZWxlY3RvcjogJ2F4LWRyYXdlcicsXHJcbiAgICB0ZW1wbGF0ZTogYFxyXG4gICAgICAgIDxuZy1jb250ZW50PlxyXG4gICAgICAgIDwvbmctY29udGVudD5cclxuICAgIGAsXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbiAgICBob3N0OiB7IGNsYXNzOiAnYXgtZHJhd2VyJyB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWERyYXdlckNvbXBvbmVudCBleHRlbmRzIEFYQmFzZUNvbXBvbmVudE1peGluIHtcclxuXHJcbiAgICBjb25zdHJ1Y3RvcihcclxuICAgICAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXHJcbiAgICAgICAgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcclxuICAgICAgICBwcml2YXRlIHpvbmU6IE5nWm9uZVxyXG4gICAgKSB7XHJcbiAgICAgICAgc3VwZXIoZWxlbWVudFJlZiwgY2RyKTtcclxuICAgIH1cclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIG9uQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEFYRXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcjxBWEV2ZW50PigpO1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBtb2RlOiAncHVzaCcgfCAnb3ZlcmxheScgPSAncHVzaCc7XHJcblxyXG4gICAgX2N1cnJlbnRNb2RlOiAncHVzaCcgfCAnb3ZlcmxheSdcclxuXHJcbiAgICBASW5wdXQoKVxyXG4gICAgbG9jYXRpb246ICdzdGFydCcgfCAnZW5kJyA9ICdzdGFydCc7XHJcblxyXG4gICAgcHJpdmF0ZSBfYmFja2Ryb3A6IEhUTUxEaXZFbGVtZW50O1xyXG5cclxuICAgIHByaXZhdGUgX2NvbGxhcHNlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBnZXQgY29sbGFwc2VkKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiB0aGlzLl9jb2xsYXBzZWQ7XHJcbiAgICB9XHJcbiAgICBwdWJsaWMgc2V0IGNvbGxhcHNlZCh2OiBib29sZWFuKSB7XHJcbiAgICAgICAgaWYgKHYgIT0gdGhpcy5fY29sbGFwc2VkKSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2NvbGxhcHNlZCA9IHY7XHJcbiAgICAgICAgICAgIHRoaXMuX3VwZGF0ZUNsYXNzKCk7XHJcbiAgICAgICAgICAgIHRoaXMuX2VtaXRDaGFuZ2UoKTtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgb25Jbml0KCkge1xyXG4gICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0LmFkZCh0aGlzLmxvY2F0aW9uID09ICdzdGFydCcgPyAnYXgtZHJhd2VyLXN0YXJ0JyA6ICdheC1kcmF3ZXItZW5kJyk7XHJcbiAgICAgICAgdGhpcy5fY3VycmVudE1vZGUgPSB0aGlzLm1vZGU7XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfdXBkYXRlQ2xhc3MoKSB7XHJcbiAgICAgICAgdGhpcy56b25lLnJ1bk91dHNpZGVBbmd1bGFyKCgpID0+IHtcclxuICAgICAgICAgICAgY29uc3QgZWxtID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKTtcclxuICAgICAgICAgICAgLy8gICAgICAgICAgIFxyXG4gICAgICAgICAgICB0aGlzLl9jdXJyZW50TW9kZSA9PSAnb3ZlcmxheScgPyB0aGlzLl9zZXRPdmVybGF5TW9kZSgpIDogdGhpcy5fc2V0UHVzaE1vZGUoKTtcclxuICAgICAgICAgICAgLy9cclxuICAgICAgICAgICAgaWYgKHRoaXMuY29sbGFwc2VkKSB7XHJcbiAgICAgICAgICAgICAgICBlbG0uY2xhc3NMaXN0LnJlbW92ZSgnYXgtZXhwYW5kZWQnKTtcclxuICAgICAgICAgICAgICAgIGVsbS5jbGFzc0xpc3QuYWRkKCdheC1jb2xsYXBzZWQnKTtcclxuICAgICAgICAgICAgICAgIGlmICh0aGlzLl9jdXJyZW50TW9kZSA9PSAnb3ZlcmxheScpIHtcclxuICAgICAgICAgICAgICAgICAgICB0aGlzLl9yZW1vdmVCYWNrZHJvcCgpO1xyXG4gICAgICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgICAgIGVsc2Uge1xyXG4gICAgICAgICAgICAgICAgZWxtLmNsYXNzTGlzdC5hZGQoJ2F4LWV4cGFuZGVkJyk7XHJcbiAgICAgICAgICAgICAgICBlbG0uY2xhc3NMaXN0LnJlbW92ZSgnYXgtY29sbGFwc2VkJyk7XHJcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5fY3VycmVudE1vZGUgPT0gJ292ZXJsYXknKSB7XHJcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5fYWRkQmFja2Ryb3AoKTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uVmlld0luaXQoKSB7XHJcbiAgICAgICAgdGhpcy5fZGV0ZWN0U2l6ZSgpO1xyXG4gICAgfVxyXG5cclxuICAgIHRvZ2dsZSgpIHtcclxuICAgICAgICB0aGlzLmNvbGxhcHNlZCA9ICF0aGlzLmNvbGxhcHNlZDtcclxuICAgIH1cclxuXHJcbiAgICBASG9zdExpc3RlbmVyKCd3aW5kb3c6cmVzaXplJywgWyckZXZlbnQnXSlcclxuICAgIF9oYW5kbGVXaW5kb3dzUmVzaXplKGU6VUlFdmVudCkge1xyXG4gICAgICAgIHRoaXMuX2RldGVjdFNpemUoKTtcclxuICAgIH1cclxuICAgIFxyXG5cclxuICAgIF9kZXRlY3RTaXplKCkge1xyXG4gICAgICAgIC8vVE9ETyBkZXRlY3QgYnJlYWsgc2l6ZVxyXG4gICAgICAgIGNvbnN0IGJvdW5kID0gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5wYXJlbnRFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xyXG4gICAgICAgIGlmIChib3VuZC53aWR0aCA9PSAwKSB7XHJcbiAgICAgICAgICAgIGNvbnNvbGUubG9nKCdEcmF3ZSBpbnZhbGlkIHNpemUnLCBib3VuZCk7XHJcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgdGhpcy5fZGV0ZWN0U2l6ZSgpO1xyXG4gICAgICAgICAgICB9LCAxKTtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAoYm91bmQud2lkdGggPCA0MDApIHtcclxuICAgICAgICAgICAgdGhpcy5fY3VycmVudE1vZGUgPSAnb3ZlcmxheSc7XHJcbiAgICAgICAgICAgIHRoaXMuY29sbGFwc2VkID0gdHJ1ZTtcclxuICAgICAgICB9XHJcbiAgICAgICAgZWxzZSB7XHJcbiAgICAgICAgICAgIHRoaXMuX2N1cnJlbnRNb2RlID0gdGhpcy5tb2RlO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLl91cGRhdGVDbGFzcygpO1xyXG4gICAgICAgIHRoaXMuX2VtaXRDaGFuZ2UoKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIF9lbWl0Q2hhbmdlKCkge1xyXG4gICAgICAgIHRoaXMub25DaGFuZ2VkLmVtaXQoe1xyXG4gICAgICAgICAgICBjb21wb25lbnQ6IHRoaXMsXHJcbiAgICAgICAgICAgIGh0bWxFbGVtZW50OiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudFxyXG4gICAgICAgIH0pXHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfc2V0T3ZlcmxheU1vZGUoKSB7XHJcbiAgICAgICAgdGhpcy5fY3VycmVudE1vZGUgPSAnb3ZlcmxheSc7XHJcbiAgICAgICAgdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1kcmF3ZXItcHVzaCcpO1xyXG4gICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0LmFkZCgnYXgtZHJhd2VyLW92ZXJsYXknKTtcclxuXHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfc2V0UHVzaE1vZGUoKSB7XHJcbiAgICAgICAgdGhpcy5fY3VycmVudE1vZGUgPSAncHVzaCc7XHJcbiAgICAgICAgdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5jbGFzc0xpc3QucmVtb3ZlKCdheC1kcmF3ZXItb3ZlcmxheScpO1xyXG4gICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkuY2xhc3NMaXN0LmFkZCgnYXgtZHJhd2VyLXB1c2gnKTtcclxuICAgICAgICB0aGlzLl9yZW1vdmVCYWNrZHJvcCgpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX2FkZEJhY2tkcm9wKCkge1xyXG4gICAgICAgIGlmICghdGhpcy5fYmFja2Ryb3ApIHtcclxuICAgICAgICAgICAgdGhpcy5fYmFja2Ryb3AgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcclxuICAgICAgICAgICAgdGhpcy5fYmFja2Ryb3AuY2xhc3NMaXN0LmFkZCgnYXgtZHJhd2VyLWJhY2tkcm9wJylcclxuICAgICAgICAgICAgdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5wYXJlbnRFbGVtZW50LnByZXBlbmQodGhpcy5fYmFja2Ryb3ApO1xyXG4gICAgICAgICAgICB0aGlzLl9iYWNrZHJvcC5hZGRFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuX2hhbmRsZUJhY2tmcm9wQ2xpY2suYmluZCh0aGlzKSk7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgX3JlbW92ZUJhY2tkcm9wKCkge1xyXG4gICAgICAgIGlmICh0aGlzLl9iYWNrZHJvcCkge1xyXG4gICAgICAgICAgICB0aGlzLl9iYWNrZHJvcC5yZW1vdmVFdmVudExpc3RlbmVyKCdjbGljaycsIHRoaXMuX2hhbmRsZUJhY2tmcm9wQ2xpY2suYmluZCh0aGlzKSk7XHJcbiAgICAgICAgICAgIHRoaXMuX2dldEhvc3RFbGVtZW50KCkucGFyZW50RWxlbWVudC5yZW1vdmVDaGlsZCh0aGlzLl9iYWNrZHJvcCk7XHJcbiAgICAgICAgICAgIHRoaXMuX2JhY2tkcm9wID0gbnVsbDtcclxuICAgICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgcHJpdmF0ZSBfaGFuZGxlQmFja2Zyb3BDbGljayhlOiBNb3VzZUV2ZW50KSB7XHJcbiAgICAgICAgdGhpcy5fcmVtb3ZlQmFja2Ryb3AoKTtcclxuICAgICAgICB0aGlzLmNvbGxhcHNlZCA9IHRydWU7XHJcbiAgICB9XHJcblxyXG59XHJcbiJdfQ==

package/esm2015/lib/drawer/drawer.module.js

@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { AXDrawerComponent } from './drawer.component';
+import { AXDrawerContainerComponent } from './drawer-container.component';
+import { AXDrawerContentComponent } from './drawer-content.component';
+import * as i0 from "@angular/core";
+const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent, AXDrawerContentComponent];
+const MODULES = [CommonModule];
+export class AXDrawerModule {
+}
+AXDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AXDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent, AXDrawerContentComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent, AXDrawerContentComponent] });
+AXDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerModule, providers: [], imports: [[...MODULES]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXDrawerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvZHJhd2VyL2RyYXdlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdkQsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDMUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRXRFLE1BQU0sU0FBUyxHQUFHLENBQUMsaUJBQWlCLEVBQUUsMEJBQTBCLEVBQUUsd0JBQXdCLENBQUMsQ0FBQztBQUM1RixNQUFNLE9BQU8sR0FBRyxDQUFDLFlBQVksQ0FBQyxDQUFDO0FBUS9CLE1BQU0sT0FBTyxjQUFjOzsyR0FBZCxjQUFjOzRHQUFkLGNBQWMsaUJBVFIsaUJBQWlCLEVBQUUsMEJBQTBCLEVBQUUsd0JBQXdCLGFBQ3pFLFlBQVksYUFEVixpQkFBaUIsRUFBRSwwQkFBMEIsRUFBRSx3QkFBd0I7NEdBUzdFLGNBQWMsYUFGWixFQUFFLFlBRkosQ0FBQyxHQUFHLE9BQU8sQ0FBQzsyRkFJWixjQUFjO2tCQU4xQixRQUFRO21CQUFDO29CQUNOLFlBQVksRUFBRSxDQUFDLEdBQUcsU0FBUyxDQUFDO29CQUM1QixPQUFPLEVBQUUsQ0FBQyxHQUFHLE9BQU8sQ0FBQztvQkFDckIsT0FBTyxFQUFFLENBQUMsR0FBRyxTQUFTLENBQUM7b0JBQ3ZCLFNBQVMsRUFBRSxFQUFFO2lCQUNoQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IEFYRHJhd2VyQ29tcG9uZW50IH0gZnJvbSAnLi9kcmF3ZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhEcmF3ZXJDb250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQVhEcmF3ZXJDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9kcmF3ZXItY29udGVudC5jb21wb25lbnQnO1xyXG5cclxuY29uc3QgQ09NUE9ORU5UID0gW0FYRHJhd2VyQ29tcG9uZW50LCBBWERyYXdlckNvbnRhaW5lckNvbXBvbmVudCwgQVhEcmF3ZXJDb250ZW50Q29tcG9uZW50XTtcclxuY29uc3QgTU9EVUxFUyA9IFtDb21tb25Nb2R1bGVdO1xyXG5cclxuQE5nTW9kdWxlKHtcclxuICAgIGRlY2xhcmF0aW9uczogWy4uLkNPTVBPTkVOVF0sXHJcbiAgICBpbXBvcnRzOiBbLi4uTU9EVUxFU10sXHJcbiAgICBleHBvcnRzOiBbLi4uQ09NUE9ORU5UXSxcclxuICAgIHByb3ZpZGVyczogW10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBWERyYXdlck1vZHVsZSB7IH1cclxuIl19

package/esm2015/lib/drawer/index.js

@@ -0,0 +1,5 @@
+export * from './drawer.component';
+export * from './drawer-container.component';
+export * from './drawer-content.component';
+export * from './drawer.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hY29yZXgvY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLG9CQUFvQixDQUFDO0FBQ25DLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyw0QkFBNEIsQ0FBQztBQUMzQyxjQUFjLGlCQUFpQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXIuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXItY29udGFpbmVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vZHJhd2VyLWNvbnRlbnQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi9kcmF3ZXIubW9kdWxlJztcclxuIl19

package/esm2015/lib/dropdown/dropdown-base.class.js

@@ -0,0 +1,98 @@
+import { EventEmitter, Injectable, Input, Output } from "@angular/core";
+import { AXBaseComponent } from "../base";
+import { _InteractiveComponenetMixin } from "../base/mixin/interactive-mixin.class";
+import { _SizableComponenetMixin } from "../base/mixin/sizable-mixin.class";
+import * as i0 from "@angular/core";
+export const AXBaseDropdownMixin = _SizableComponenetMixin(_InteractiveComponenetMixin(AXBaseComponent));
+export class AXBaseDropDownComponent extends AXBaseDropdownMixin {
+    constructor() {
+        super(...arguments);
+        this.fitParent = true;
+        this.onOpened = new EventEmitter();
+        this.onClosed = new EventEmitter();
+        this.position = [];
+    }
+    _emitOnOpenedEvent() {
+        //** call from interactive mixin **//
+        //(this as any).focus();
+        //
+        this.onOpened.emit({
+            component: this,
+            htmlElement: this._getHostElement()
+        });
+    }
+    _emitOnClosedEvent() {
+        this.onClosed.emit({
+            component: this,
+            htmlElement: this._getHostElement()
+        });
+    }
+    onViewInit() {
+        if (this.dropdownWidth == null) {
+            if (this.fitParent === true) {
+                this.dropdownWidth = this._getInnerElement().offsetWidth;
+            }
+        }
+        // wait for documentElement
+        setTimeout(() => {
+            if (this.position.length == 0) {
+                const offset = Number(getComputedStyle(document.documentElement).getPropertyValue('--ax-base-size').replace('px', ''));
+                const list = [
+                    {
+                        originX: 'start',
+                        originY: 'bottom',
+                        overlayX: 'start',
+                        overlayY: 'top',
+                        offsetY: offset
+                    },
+                    {
+                        originX: 'start',
+                        originY: 'top',
+                        overlayX: 'start',
+                        overlayY: 'bottom',
+                        offsetY: -offset
+                    }
+                ];
+                this.position.push(...list);
+            }
+        }, 500);
+    }
+    toggle() {
+        if (this.disabled !== true) {
+            this.popover.toggle();
+        }
+    }
+    close() {
+        if (!this.isOpen || this.disabled) {
+            return;
+        }
+        this.popover.close();
+        this._emitOnClosedEvent();
+    }
+    open() {
+        if (this.isOpen || this.disabled) {
+            return;
+        }
+        this.popover.open();
+        this._emitOnOpenedEvent();
+    }
+    get isOpen() {
+        return this.popover.isOpen;
+    }
+}
+AXBaseDropDownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
+AXBaseDropDownComponent.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0, type: AXBaseDropDownComponent, decorators: [{
+            type: Injectable
+        }], propDecorators: { fitParent: [{
+                type: Input
+            }], dropdownWidth: [{
+                type: Input
+            }], onOpened: [{
+                type: Output
+            }], onClosed: [{
+                type: Output
+            }], position: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tYmFzZS5jbGFzcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fjb3JleC9jb21wb25lbnRzL3NyYy9saWIvZHJvcGRvd24vZHJvcGRvd24tYmFzZS5jbGFzcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxlQUFlLEVBQWdDLE1BQU0sU0FBUyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQUk1RSxNQUFNLENBQUMsTUFBTSxtQkFBbUIsR0FBRyx1QkFBdUIsQ0FDdEQsMkJBQTJCLENBQUMsZUFBZSxDQUFDLENBQy9DLENBQUM7QUFHRixNQUFNLE9BQWdCLHVCQUF3QixTQUFRLG1CQUFtQjtJQUR6RTs7UUFJSSxjQUFTLEdBQVksSUFBSSxDQUFDO1FBTTFCLGFBQVEsR0FBMEIsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUU5RCxhQUFRLEdBQTBCLElBQUksWUFBWSxFQUFXLENBQUM7UUFPOUQsYUFBUSxHQUEwQixFQUFFLENBQUM7S0E0RXhDO0lBMUVHLGtCQUFrQjtRQUNkLHFDQUFxQztRQUNyQyx3QkFBd0I7UUFDeEIsRUFBRTtRQUNGLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDO1lBQ2YsU0FBUyxFQUFFLElBQUk7WUFDZixXQUFXLEVBQUUsSUFBSSxDQUFDLGVBQWUsRUFBRTtTQUN0QyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7WUFDZixTQUFTLEVBQUUsSUFBSTtZQUNmLFdBQVcsRUFBRSxJQUFJLENBQUMsZUFBZSxFQUFFO1NBQ3RDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVO1FBRU4sSUFBSSxJQUFJLENBQUMsYUFBYSxJQUFJLElBQUksRUFBRTtZQUM1QixJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssSUFBSSxFQUFFO2dCQUN6QixJQUFJLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFdBQVcsQ0FBQzthQUM1RDtTQUNKO1FBQ0QsMkJBQTJCO1FBQzNCLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDWixJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxJQUFJLENBQUMsRUFBRTtnQkFDM0IsTUFBTSxNQUFNLEdBQUcsTUFBTSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQyxnQkFBZ0IsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztnQkFDdkgsTUFBTSxJQUFJLEdBQTBCO29CQUNoQzt3QkFDSSxPQUFPLEVBQUUsT0FBTzt3QkFDaEIsT0FBTyxFQUFFLFFBQVE7d0JBQ2pCLFFBQVEsRUFBRSxPQUFPO3dCQUNqQixRQUFRLEVBQUUsS0FBSzt3QkFDZixPQUFPLEVBQUUsTUFBTTtxQkFDbEI7b0JBQ0Q7d0JBQ0ksT0FBTyxFQUFFLE9BQU87d0JBQ2hCLE9BQU8sRUFBRSxLQUFLO3dCQUNkLFFBQVEsRUFBRSxPQUFPO3dCQUNqQixRQUFRLEVBQUUsUUFBUTt3QkFDbEIsT0FBTyxFQUFFLENBQUMsTUFBTTtxQkFDbkI7aUJBQ0osQ0FBQztnQkFDRixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxHQUFHLElBQUksQ0FBQyxDQUFDO2FBQy9CO1FBQ0wsQ0FBQyxFQUFFLEdBQUcsQ0FBQyxDQUFDO0lBQ1osQ0FBQztJQUVELE1BQU07UUFDRixJQUFJLElBQUksQ0FBQyxRQUFRLEtBQUssSUFBSSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxFQUFFLENBQUM7U0FDekI7SUFDTCxDQUFDO0lBRUQsS0FBSztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDL0IsT0FBTztTQUNWO1FBQ0QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRUQsSUFBSTtRQUNBLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFO1lBQzlCLE9BQU87U0FDVjtRQUNELElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQUksTUFBTTtRQUNOLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7SUFDL0IsQ0FBQzs7b0hBN0ZpQix1QkFBdUI7d0hBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQUQ1QyxVQUFVOzhCQUlQLFNBQVM7c0JBRFIsS0FBSztnQkFJTixhQUFhO3NCQURaLEtBQUs7Z0JBSU4sUUFBUTtzQkFEUCxNQUFNO2dCQUdQLFFBQVE7c0JBRFAsTUFBTTtnQkFRUCxRQUFRO3NCQURQLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBFdmVudEVtaXR0ZXIsIEluamVjdGFibGUsIElucHV0LCBPdXRwdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQgeyBBWEJhc2VDb21wb25lbnQsIEFYQ29ubmVjdGVkUG9zaXRpb24sIEFYRXZlbnQgfSBmcm9tIFwiLi4vYmFzZVwiO1xyXG5pbXBvcnQgeyBfSW50ZXJhY3RpdmVDb21wb25lbmV0TWl4aW4gfSBmcm9tIFwiLi4vYmFzZS9taXhpbi9pbnRlcmFjdGl2ZS1taXhpbi5jbGFzc1wiO1xyXG5pbXBvcnQgeyBfU2l6YWJsZUNvbXBvbmVuZXRNaXhpbiB9IGZyb20gXCIuLi9iYXNlL21peGluL3NpemFibGUtbWl4aW4uY2xhc3NcIjtcclxuaW1wb3J0IHsgQVhQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSBcIi4uL3BvcG92ZXJcIjtcclxuXHJcblxyXG5leHBvcnQgY29uc3QgQVhCYXNlRHJvcGRvd25NaXhpbiA9IF9TaXphYmxlQ29tcG9uZW5ldE1peGluKFxyXG4gICAgX0ludGVyYWN0aXZlQ29tcG9uZW5ldE1peGluKEFYQmFzZUNvbXBvbmVudClcclxuKTtcclxuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFYQmFzZURyb3BEb3duQ29tcG9uZW50IGV4dGVuZHMgQVhCYXNlRHJvcGRvd25NaXhpbiB7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGZpdFBhcmVudDogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIGRyb3Bkb3duV2lkdGg6IG51bWJlcjtcclxuXHJcbiAgICBAT3V0cHV0KClcclxuICAgIG9uT3BlbmVkOiBFdmVudEVtaXR0ZXI8QVhFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYRXZlbnQ+KCk7XHJcbiAgICBAT3V0cHV0KClcclxuICAgIG9uQ2xvc2VkOiBFdmVudEVtaXR0ZXI8QVhFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyPEFYRXZlbnQ+KCk7XHJcblxyXG5cclxuXHJcbiAgICBwcm90ZWN0ZWQgYWJzdHJhY3QgcG9wb3ZlcjogQVhQb3BvdmVyQ29tcG9uZW50O1xyXG5cclxuICAgIEBJbnB1dCgpXHJcbiAgICBwb3NpdGlvbjogQVhDb25uZWN0ZWRQb3NpdGlvbltdID0gW107XHJcblxyXG4gICAgX2VtaXRPbk9wZW5lZEV2ZW50KCkge1xyXG4gICAgICAgIC8vKiogY2FsbCBmcm9tIGludGVyYWN0aXZlIG1peGluICoqLy9cclxuICAgICAgICAvLyh0aGlzIGFzIGFueSkuZm9jdXMoKTtcclxuICAgICAgICAvL1xyXG4gICAgICAgIHRoaXMub25PcGVuZWQuZW1pdCh7XHJcbiAgICAgICAgICAgIGNvbXBvbmVudDogdGhpcyxcclxuICAgICAgICAgICAgaHRtbEVsZW1lbnQ6IHRoaXMuX2dldEhvc3RFbGVtZW50KClcclxuICAgICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBfZW1pdE9uQ2xvc2VkRXZlbnQoKSB7XHJcbiAgICAgICAgdGhpcy5vbkNsb3NlZC5lbWl0KHtcclxuICAgICAgICAgICAgY29tcG9uZW50OiB0aGlzLFxyXG4gICAgICAgICAgICBodG1sRWxlbWVudDogdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIG9uVmlld0luaXQoKSB7XHJcblxyXG4gICAgICAgIGlmICh0aGlzLmRyb3Bkb3duV2lkdGggPT0gbnVsbCkge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5maXRQYXJlbnQgPT09IHRydWUpIHtcclxuICAgICAgICAgICAgICAgIHRoaXMuZHJvcGRvd25XaWR0aCA9IHRoaXMuX2dldElubmVyRWxlbWVudCgpLm9mZnNldFdpZHRoO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfVxyXG4gICAgICAgIC8vIHdhaXQgZm9yIGRvY3VtZW50RWxlbWVudFxyXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgICAgICBpZiAodGhpcy5wb3NpdGlvbi5sZW5ndGggPT0gMCkge1xyXG4gICAgICAgICAgICAgICAgY29uc3Qgb2Zmc2V0ID0gTnVtYmVyKGdldENvbXB1dGVkU3R5bGUoZG9jdW1lbnQuZG9jdW1lbnRFbGVtZW50KS5nZXRQcm9wZXJ0eVZhbHVlKCctLWF4LWJhc2Utc2l6ZScpLnJlcGxhY2UoJ3B4JywgJycpKTtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGxpc3Q6IEFYQ29ubmVjdGVkUG9zaXRpb25bXSA9IFtcclxuICAgICAgICAgICAgICAgICAgICB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9yaWdpblg6ICdzdGFydCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9yaWdpblk6ICdib3R0b20nLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3ZlcmxheVk6ICd0b3AnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvZmZzZXRZOiBvZmZzZXRcclxuICAgICAgICAgICAgICAgICAgICB9LFxyXG4gICAgICAgICAgICAgICAgICAgIHtcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcclxuICAgICAgICAgICAgICAgICAgICAgICAgb3JpZ2luWTogJ3RvcCcsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBvdmVybGF5WTogJ2JvdHRvbScsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIG9mZnNldFk6IC1vZmZzZXRcclxuICAgICAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICBdO1xyXG4gICAgICAgICAgICAgICAgdGhpcy5wb3NpdGlvbi5wdXNoKC4uLmxpc3QpO1xyXG4gICAgICAgICAgICB9XHJcbiAgICAgICAgfSwgNTAwKTtcclxuICAgIH1cclxuXHJcbiAgICB0b2dnbGUoKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuZGlzYWJsZWQgIT09IHRydWUpIHtcclxuICAgICAgICAgICAgdGhpcy5wb3BvdmVyLnRvZ2dsZSgpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuXHJcbiAgICBjbG9zZSgpIHtcclxuICAgICAgICBpZiAoIXRoaXMuaXNPcGVuIHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnBvcG92ZXIuY2xvc2UoKTtcclxuICAgICAgICB0aGlzLl9lbWl0T25DbG9zZWRFdmVudCgpO1xyXG4gICAgfVxyXG5cclxuICAgIG9wZW4oKSB7XHJcbiAgICAgICAgaWYgKHRoaXMuaXNPcGVuIHx8IHRoaXMuZGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgICB0aGlzLnBvcG92ZXIub3BlbigpO1xyXG4gICAgICAgIHRoaXMuX2VtaXRPbk9wZW5lZEV2ZW50KCk7XHJcbiAgICB9XHJcblxyXG4gICAgZ2V0IGlzT3BlbigpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gdGhpcy5wb3BvdmVyLmlzT3BlbjtcclxuICAgIH1cclxufSJdfQ==