@acorex/components 7.0.41 → 7.1.0

package/fesm2015/acorex-components-drawer.mjs

@@ -1,202 +0,0 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, ViewEncapsulation, EventEmitter, Output, Input, HostBinding, NgModule } from '@angular/core';
-import { AXComponent, AXClosbaleComponent } from '@acorex/components/common';
-import { CommonModule } from '@angular/common';
-
-class AXDrawerContainerComponent extends AXBaseComponentMixin {
-    constructor(elementRef, cdr, _zone) {
-        super(elementRef, cdr);
-        this._zone = _zone;
-    }
-    ngDoCheck() {
-        const host = this._getHostElement();
-        Array.from(host.querySelectorAll('ax-drawer'))
-            .map((c) => c['__axContext__'])
-            .some((c) => !(c === null || c === void 0 ? void 0 : c.collapsed))
-            ? host.classList.add('ax-visible')
-            : host.classList.remove('ax-visible');
-    }
-}
-AXDrawerContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerContainerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AXDrawerContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDrawerContainerComponent, selector: "ax-drawer-container", usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="ax-drawer[location='start']"> </ng-content>
-    <ng-content select="ax-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: "15.1.4", 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-content"> </ng-content>
-    <ng-content select="ax-drawer[location='end']"> </ng-content>
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; } });
-
-class AXDrawerComponent extends AXBaseComponentMixin {
-    constructor(_elementRef, _cdr, _zone) {
-        super(_elementRef, _cdr);
-        this._elementRef = _elementRef;
-        this._zone = _zone;
-        this.locationChange = new EventEmitter();
-        this.modeChange = new EventEmitter();
-        this._mode = 'overlay';
-        this.collapsedChange = new EventEmitter();
-        this._collapsed = true;
-    }
-    get location() {
-        return this._location;
-    }
-    set location(v) {
-        this._setOption({
-            name: 'location',
-            value: v,
-        });
-    }
-    get mode() {
-        return this._mode;
-    }
-    set mode(v) {
-        this._setOption({
-            name: 'mode',
-            value: v,
-        });
-    }
-    get collapsed() {
-        return this._collapsed;
-    }
-    set collapsed(v) {
-        this._setOption({
-            name: 'collapsed',
-            value: v,
-        });
-    }
-    onViewInit() {
-        // setTimeout(() => {
-        //     this._loaded = true;
-        //     this._checkProps();
-        // }, 1000);
-        this._detectBoundingSize();
-    }
-    _onOptionChanged(option) {
-        this._checkProps();
-    }
-    ngDoCheck() {
-        this._detectBoundingSize();
-    }
-    _detectBoundingSize() {
-        this._zone.runOutsideAngular(() => {
-            const host = this._getHostElement();
-            if (host.clientWidth)
-                host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);
-        });
-    }
-    _checkProps() {
-        this._detectBoundingSize();
-        this._removeBackdrop();
-        if (this.mode == 'overlay') {
-            if (!this.collapsed) {
-                this._addBackdrop();
-            }
-        }
-    }
-    toggle() {
-        this.collapsed = !this.collapsed;
-    }
-    close() {
-        this.collapsed = true;
-    }
-    open() {
-        this.collapsed = false;
-    }
-    get __hostClass() {
-        //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;
-        return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'}`;
-    }
-    // private _loaded: boolean = false;
-    _addBackdrop() {
-        this._zone.runOutsideAngular(() => {
-            var _a;
-            this._backdropElement = document.createElement('div');
-            this._backdropElement.classList.add('ax-backdrop');
-            this._backdropElement.onclick = () => {
-                this._zone.run(() => {
-                    this.close();
-                });
-            };
-            (_a = this._getHostElement().parentElement) === null || _a === void 0 ? void 0 : _a.appendChild(this._backdropElement);
-        });
-    }
-    _removeBackdrop() {
-        this._zone.runOutsideAngular(() => {
-            var _a;
-            if (this._backdropElement) {
-                (_a = this._getHostElement().parentElement) === null || _a === void 0 ? void 0 : _a.removeChild(this._backdropElement);
-                this._backdropElement = null;
-            }
-        });
-    }
-}
-AXDrawerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-AXDrawerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDrawerComponent, selector: "ax-drawer", inputs: { location: "location", mode: "mode", collapsed: "collapsed" }, outputs: { locationChange: "locationChange", modeChange: "modeChange", collapsedChange: "collapsedChange" }, host: { properties: { "class": "this.__hostClass" } }, providers: [
-        { provide: AXComponent, useExisting: AXDrawerComponent },
-        { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
-    ], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="ax-header"></ng-content>
-    <ng-content select="ax-content"></ng-content>
-  `, isInline: true, styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer .ax-header,ax-drawer-container ax-drawer .ax-footer{padding:.75rem}ax-drawer-container ax-drawer .ax-footer{border-top-width:1px}ax-drawer-container ax-drawer .ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>.ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>.ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-drawer', template: `
-    <ng-content select="ax-header"></ng-content>
-    <ng-content select="ax-content"></ng-content>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
-                        { provide: AXComponent, useExisting: AXDrawerComponent },
-                        { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },
-                    ], styles: ["ax-drawer-container{display:flex;position:relative;width:100%;height:100%;overflow:hidden}ax-drawer-container.ax-fixed{display:none;inset:0;z-index:1000}ax-drawer-container.ax-fixed.ax-visible{display:flex}ax-drawer-container .ax-backdrop{background-color:#0000004d;position:absolute;width:100%;height:100%;z-index:1;top:0;bottom:0;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer{display:flex;flex-direction:column;max-width:95%;height:100%;background-color:rgba(var(--ax-color-surface));animation-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}ax-drawer-container ax-drawer .ax-header,ax-drawer-container ax-drawer .ax-footer{padding:.75rem}ax-drawer-container ax-drawer .ax-footer{border-top-width:1px}ax-drawer-container ax-drawer .ax-header{border-bottom-width:1px}ax-drawer-container ax-drawer.ax-preload{animation-duration:0ms;transition-property:none}ax-drawer-container ax-drawer>.ax-content{overflow:auto;flex:1 1 0%}ax-drawer-container ax-drawer.ax-drawer-overlay{position:absolute}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-expanded{z-index:2}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-collapsed{z-index:0}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-expanded{inset-inline-start:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-start.ax-collapsed{inset-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-expanded{inset-inline-end:0px}ax-drawer-container ax-drawer.ax-drawer-overlay.ax-drawer-end.ax-collapsed{inset-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push{flex:0 1 auto}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start{order:-9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-expanded{margin-inline-start:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-start.ax-collapsed{margin-inline-start:calc(-1 * var(--ax-el-width))}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end{order:9999}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-expanded{margin-inline-end:0%}ax-drawer-container ax-drawer.ax-drawer-push.ax-drawer-end.ax-collapsed{margin-inline-end:calc(-1 * var(--ax-el-width))}ax-drawer-container>.ax-content{flex:1 1 0%;height:100%;overflow:auto}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { locationChange: [{
-                type: Output
-            }], location: [{
-                type: Input
-            }], modeChange: [{
-                type: Output
-            }], mode: [{
-                type: Input
-            }], collapsedChange: [{
-                type: Output
-            }], collapsed: [{
-                type: Input
-            }], __hostClass: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
-
-const COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];
-const MODULES = [CommonModule];
-class AXDrawerModule {
-}
-AXDrawerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerModule, declarations: [AXDrawerComponent, AXDrawerContainerComponent], imports: [CommonModule], exports: [AXDrawerComponent, AXDrawerContainerComponent] });
-AXDrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerModule, imports: [MODULES] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDrawerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [...COMPONENT],
-                    imports: [...MODULES],
-                    exports: [...COMPONENT],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXDrawerComponent, AXDrawerContainerComponent, AXDrawerModule };
-//# sourceMappingURL=acorex-components-drawer.mjs.map
-//# sourceMappingURL=acorex-components-drawer.mjs.map

package/fesm2015/acorex-components-drawer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-drawer.mjs","sources":["../../../../projects/acorex/components/drawer/src/drawer-container.component.ts","../../../../projects/acorex/components/drawer/src/drawer.component.ts","../../../../projects/acorex/components/drawer/src/drawer.module.ts","../../../../projects/acorex/components/drawer/acorex-components-drawer.ts"],"sourcesContent":["import { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  NgZone,\r\n} from '@angular/core';\r\nimport { AXDrawerComponent } from './drawer.component';\r\n\r\n@Component({\r\n  selector: 'ax-drawer-container',\r\n  template: `\r\n    <ng-content select=\"ax-drawer[location='start']\"> </ng-content>\r\n    <ng-content select=\"ax-content\"> </ng-content>\r\n    <ng-content select=\"ax-drawer[location='end']\"> </ng-content>\r\n  `,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXDrawerContainerComponent extends AXBaseComponentMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  ngDoCheck() {\r\n    const host = this._getHostElement();\r\n    Array.from(host.querySelectorAll('ax-drawer'))\r\n      .map((c) => c['__axContext__'] as AXDrawerComponent)\r\n      .some((c) => !c?.collapsed)\r\n      ? host.classList.add('ax-visible')\r\n      : host.classList.remove('ax-visible');\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  NgZone,\r\n  Input,\r\n  HostBinding,\r\n  Output,\r\n  EventEmitter,\r\n} from '@angular/core';\r\nimport { AXClosbaleComponent, AXComponent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin, AXComponentOptionChanged } from '@acorex/components/mixin';\r\n\r\nexport type AXDrawerMode = 'push' | 'overlay';\r\nexport type AXDrawerLocation = 'start' | 'end';\r\n\r\n@Component({\r\n  selector: 'ax-drawer',\r\n  template: `\r\n    <ng-content select=\"ax-header\"></ng-content>\r\n    <ng-content select=\"ax-content\"></ng-content>\r\n  `,\r\n  styleUrls:['./drawer.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [\r\n    { provide: AXComponent, useExisting: AXDrawerComponent },\r\n    { provide: AXClosbaleComponent, useExisting: AXDrawerComponent },\r\n  ],\r\n})\r\nexport class AXDrawerComponent extends AXBaseComponentMixin {\r\n  constructor(\r\n    private _elementRef: ElementRef,\r\n    _cdr: ChangeDetectorRef,\r\n    private _zone: NgZone\r\n  ) {\r\n    super(_elementRef, _cdr);\r\n  }\r\n\r\n  @Output()\r\n  public locationChange: EventEmitter<AXDrawerLocation> = new EventEmitter<AXDrawerLocation>();\r\n\r\n  private _location: AXDrawerLocation;\r\n  @Input()\r\n  public get location(): AXDrawerLocation {\r\n    return this._location;\r\n  }\r\n  public set location(v: AXDrawerLocation) {\r\n    this._setOption({\r\n      name: 'location',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public modeChange: EventEmitter<AXDrawerMode> = new EventEmitter<AXDrawerMode>();\r\n\r\n  private _mode: AXDrawerMode = 'overlay';\r\n  @Input()\r\n  public get mode(): AXDrawerMode {\r\n    return this._mode;\r\n  }\r\n  public set mode(v: AXDrawerMode) {\r\n    this._setOption({\r\n      name: 'mode',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  @Output()\r\n  public collapsedChange: EventEmitter<boolean> = new EventEmitter<boolean>();\r\n\r\n  private _collapsed: boolean = true;\r\n  @Input()\r\n  public get collapsed(): boolean {\r\n    return this._collapsed;\r\n  }\r\n  public set collapsed(v: boolean) {\r\n    this._setOption({\r\n      name: 'collapsed',\r\n      value: v,\r\n    });\r\n  }\r\n\r\n  onViewInit(): void {\r\n    // setTimeout(() => {\r\n    //     this._loaded = true;\r\n    //     this._checkProps();\r\n    // }, 1000);\r\n    this._detectBoundingSize();\r\n  }\r\n\r\n  _onOptionChanged(option: AXComponentOptionChanged): void {\r\n    this._checkProps();\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this._detectBoundingSize();\r\n  }\r\n\r\n  private _detectBoundingSize() {\r\n    this._zone.runOutsideAngular(() => {\r\n      const host = this._getHostElement();\r\n      if (host.clientWidth)\r\n        host.style.setProperty('--ax-el-width', `${host.clientWidth}px`);\r\n    });\r\n  }\r\n\r\n  private _checkProps() {\r\n    this._detectBoundingSize();\r\n    this._removeBackdrop();\r\n    if (this.mode == 'overlay') {\r\n      if (!this.collapsed) {\r\n        this._addBackdrop();\r\n      }\r\n    }\r\n  }\r\n\r\n  toggle() {\r\n    this.collapsed = !this.collapsed;\r\n  }\r\n\r\n  close() {\r\n    this.collapsed = true;\r\n  }\r\n\r\n  open() {\r\n    this.collapsed = false;\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    //return `ax-drawer-${this.mode} ax-drawer-${this.location} ${this.collapsed ? 'ax-collapsed' : 'ax-expanded'} ${!this._loaded ? 'ax-preload' : ''}`;\r\n    return `ax-drawer-${this.mode} ax-drawer-${this.location} ${\r\n      this.collapsed ? 'ax-collapsed' : 'ax-expanded'\r\n    }`;\r\n  }\r\n\r\n  private _backdropElement: HTMLElement | any;\r\n  // private _loaded: boolean = false;\r\n\r\n  private _addBackdrop() {\r\n    this._zone.runOutsideAngular(() => {\r\n      this._backdropElement = document.createElement('div');\r\n      this._backdropElement.classList.add('ax-backdrop');\r\n      this._backdropElement.onclick = () => {\r\n        this._zone.run(() => {\r\n          this.close();\r\n        });\r\n      };\r\n      this._getHostElement().parentElement?.appendChild(this._backdropElement);\r\n    });\r\n  }\r\n  private _removeBackdrop() {\r\n    this._zone.runOutsideAngular(() => {\r\n      if (this._backdropElement) {\r\n        this._getHostElement().parentElement?.removeChild(\r\n          this._backdropElement\r\n        );\r\n        this._backdropElement = null;\r\n      }\r\n    });\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXDrawerComponent } from './drawer.component';\r\nimport { AXDrawerContainerComponent } from './drawer-container.component';\r\n\r\nconst COMPONENT = [AXDrawerComponent, AXDrawerContainerComponent];\r\nconst MODULES = [CommonModule];\r\n\r\n@NgModule({\r\n    declarations: [...COMPONENT],\r\n    imports: [...MODULES],\r\n    exports: [...COMPONENT],\r\n    providers: [],\r\n})\r\nexport class AXDrawerModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2015/acorex-components-dropdown.mjs

@@ -1,135 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, ChangeDetectionStrategy, ViewEncapsulation, Optional, ContentChildren, Output, ViewChild, Input, NgModule } from '@angular/core';
-import * as i1 from '@acorex/components/button';
-import { AXButtonItemComponent, AXButtonModule } from '@acorex/components/button';
-import * as i2 from '@acorex/components/popover';
-import { AXPopoverComponent, AXPopoverModule } from '@acorex/components/popover';
-import { AXBaseDropdownMixin } from '@acorex/components/mixin';
-import { OverlayModule } from '@angular/cdk/overlay';
-import { CommonModule } from '@angular/common';
-import { AXDecoratorModule } from '@acorex/components/decorators';
-import { A11yModule } from '@angular/cdk/a11y';
-import { AXCommonModule } from '@acorex/components/common';
-
-class AXDropdownPanelComponent extends AXBaseDropdownMixin {
-    constructor(elementRef, cdr, _parent) {
-        var _a;
-        super(elementRef, cdr);
-        this._parent = _parent;
-        this.onItemClick = new EventEmitter();
-        this._needBorder = false;
-        this._subs = [];
-        this._target = (_a = this._parent) === null || _a === void 0 ? void 0 : _a.getHostElement();
-    }
-    get target() {
-        return this._target;
-    }
-    set target(v) {
-        this._target = v;
-    }
-    onViewInit() {
-        super.onViewInit();
-        [this.target, this._getHostElement()].forEach(el => {
-            el.addEventListener('keydown', (e) => {
-                if (e.code == 'Escape' && this.isOpen) {
-                    e.stopPropagation();
-                    this.close();
-                }
-            });
-        });
-    }
-    ngAfterContentInit() {
-        this._initContents();
-        this._contentButtons.changes.subscribe(() => {
-            this._initContents();
-        });
-    }
-    _initContents() {
-        this._needBorder = this._contentButtons.length > 0;
-        this._bindEvents();
-        this._bindProps();
-        this._cdr.markForCheck();
-    }
-    _bindEvents() {
-        var _a;
-        (_a = this._contentButtons) === null || _a === void 0 ? void 0 : _a.forEach((b) => {
-            if (!b.onClick.length)
-                b.onClick.subscribe((c) => {
-                    this._handleOnItemClick(c);
-                });
-        });
-    }
-    _bindProps() {
-        var _a;
-        (_a = this._contentButtons) === null || _a === void 0 ? void 0 : _a.forEach((b) => {
-            var _a;
-            //b.look = this.look ?? this.look;
-            b.disabled = (_a = b.disabled) !== null && _a !== void 0 ? _a : this.disabled;
-            //b.toggleable = false;
-        });
-    }
-    onOptionChanged(options) {
-        this._bindProps();
-    }
-    onDestroy() {
-        this._subs.forEach((s) => {
-            s === null || s === void 0 ? void 0 : s.unsubscribe();
-        });
-    }
-    _emitOnItemClickEvent(e, item) {
-        this.onItemClick.emit({
-            component: this,
-            htmlElement: this._getHostElement(),
-            nativeEvent: e.nativeEvent,
-            name: item.name,
-            data: item.data,
-        });
-    }
-    _handleOnItemClick(e) {
-        this.close();
-        this._emitOnItemClickEvent(e, e.component);
-    }
-}
-AXDropdownPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownPanelComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXButtonComponent, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-AXDropdownPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.4", type: AXDropdownPanelComponent, selector: "ax-dropdown-panel", inputs: { isOpen: "isOpen", fitParent: "fitParent", dropdownWidth: "dropdownWidth", position: "position", target: "target" }, outputs: { onOpened: "onOpened", onClosed: "onClosed", onItemClick: "onItemClick" }, host: { classAttribute: "ax-dropdown-panel" }, queries: [{ propertyName: "_contentButtons", predicate: AXButtonItemComponent }], viewQueries: [{ propertyName: "popover", first: true, predicate: AXPopoverComponent, descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-popover [target]=\"target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\" >\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>", styles: [""], dependencies: [{ kind: "component", type: i2.AXPopoverComponent, selector: "ax-popover", inputs: ["target", "position", "openTrigger", "closeTrigger", "hasBackdrop", "backdropClass", "adaptivityEnabled"], outputs: ["onOpened", "onClosed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownPanelComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ax-dropdown-panel', inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'], outputs: ['onOpened', 'onClosed'], host: { class: 'ax-dropdown-panel' }, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ax-popover [target]=\"target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\" >\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>" }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXButtonComponent, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { _contentButtons: [{
-                type: ContentChildren,
-                args: [AXButtonItemComponent]
-            }], onItemClick: [{
-                type: Output
-            }], popover: [{
-                type: ViewChild,
-                args: [AXPopoverComponent, { static: true }]
-            }], target: [{
-                type: Input
-            }] } });
-
-class AXDropdownModule {
-}
-AXDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AXDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownModule, declarations: [AXDropdownPanelComponent], imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule], exports: [AXDropdownPanelComponent] });
-AXDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownModule, imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.4", ngImport: i0, type: AXDropdownModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule, AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule],
-                    exports: [AXDropdownPanelComponent],
-                    declarations: [AXDropdownPanelComponent],
-                    providers: [],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { AXDropdownModule, AXDropdownPanelComponent };
-//# sourceMappingURL=acorex-components-dropdown.mjs.map
-//# sourceMappingURL=acorex-components-dropdown.mjs.map

package/fesm2015/acorex-components-dropdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"acorex-components-dropdown.mjs","sources":["../../../../projects/acorex/components/dropdown/src/dropdown-panel.component.ts","../../../../projects/acorex/components/dropdown/src/dropdown-panel.component.html","../../../../projects/acorex/components/dropdown/src/dropdown.module.ts","../../../../projects/acorex/components/dropdown/acorex-components-dropdown.ts"],"sourcesContent":["import {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  ContentChildren,\r\n  QueryList,\r\n  EventEmitter,\r\n  Output,\r\n  ViewChild,\r\n  Optional,\r\n  Input,\r\n  HostListener,\r\n} from '@angular/core';\r\nimport { Subscription } from 'rxjs';\r\n\r\nimport { AXButtonClickEvent, AXClickEvent } from '@acorex/components/common';\r\nimport {\r\n  AXButtonComponent,\r\n  AXButtonItemComponent,\r\n} from '@acorex/components/button';\r\nimport { AXPopoverComponent } from '@acorex/components/popover';\r\nimport { AXBaseDropdownMixin } from '@acorex/components/mixin';\r\n\r\n\r\n@Component({\r\n  selector: 'ax-dropdown-panel',\r\n  templateUrl: './dropdown-panel.component.html',\r\n  styleUrls: ['./dropdown-panel.component.scss'],\r\n  inputs: ['isOpen', 'fitParent', 'dropdownWidth', 'position'],\r\n  outputs: ['onOpened', 'onClosed'],\r\n  host: { class: 'ax-dropdown-panel' },\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXDropdownPanelComponent extends AXBaseDropdownMixin {\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    @Optional()\r\n    public _parent?: AXButtonComponent\r\n  ) {\r\n    super(elementRef, cdr);\r\n    this._target = this._parent?.getHostElement();    \r\n  }\r\n\r\n  @ContentChildren(AXButtonItemComponent)\r\n  _contentButtons: QueryList<AXButtonItemComponent>;\r\n\r\n  @Output()\r\n  onItemClick: EventEmitter<AXButtonClickEvent> = new EventEmitter<AXButtonClickEvent>();\r\n\r\n  @ViewChild(AXPopoverComponent, { static: true })\r\n  popover: AXPopoverComponent;\r\n\r\n  _needBorder: boolean = false;\r\n  _subs: Subscription[] = [];\r\n\r\n\r\n  private _target: HTMLElement;\r\n  @Input()\r\n  public get target(): HTMLElement {\r\n    return this._target;\r\n  }\r\n  public set target(v: HTMLElement) {\r\n    this._target = v;\r\n  }\r\n\r\n  \r\n  onViewInit(): void {\r\n    super.onViewInit();\r\n    [this.target, this._getHostElement()].forEach(el => {\r\n      el.addEventListener('keydown', (e) => {\r\n        if (e.code == 'Escape' && this.isOpen) {\r\n          e.stopPropagation();\r\n          this.close();\r\n        }\r\n      });\r\n    });  \r\n  }\r\n\r\n  ngAfterContentInit() {\r\n    this._initContents();\r\n    this._contentButtons.changes.subscribe(() => {\r\n      this._initContents();\r\n    });\r\n  }\r\n\r\n  private _initContents() {\r\n    this._needBorder = this._contentButtons.length > 0;\r\n    this._bindEvents();\r\n    this._bindProps();\r\n    this._cdr.markForCheck();\r\n  }\r\n\r\n  private _bindEvents() {\r\n    this._contentButtons?.forEach((b) => {\r\n      if (!b.onClick.length)\r\n        b.onClick.subscribe((c) => {\r\n          this._handleOnItemClick(c);\r\n        });\r\n    });\r\n  }\r\n\r\n  private _bindProps() {\r\n    this._contentButtons?.forEach((b) => {\r\n      //b.look = this.look ?? this.look;\r\n      b.disabled = b.disabled ?? this.disabled;\r\n      //b.toggleable = false;\r\n    });\r\n  }\r\n\r\n  onOptionChanged(options) {\r\n    this._bindProps();\r\n  }\r\n\r\n  onDestroy(): void {\r\n    this._subs.forEach((s) => {\r\n      s?.unsubscribe();\r\n    });\r\n  }\r\n\r\n  _emitOnItemClickEvent(e: AXClickEvent, item: AXButtonItemComponent): void {\r\n    this.onItemClick.emit({\r\n      component: this,\r\n      htmlElement: this._getHostElement(),\r\n      nativeEvent: e.nativeEvent,\r\n      name: item.name,\r\n      data: item.data,\r\n    });\r\n  }\r\n\r\n  private _handleOnItemClick(e: AXClickEvent) {\r\n    this.close();\r\n    this._emitOnItemClickEvent(e, e.component);\r\n  }\r\n}\r\n","<ax-popover [target]=\"target\" [position]=\"position\" [openTrigger]=\"'toggle'\" [closeTrigger]=\"'clickout'\" [adaptivityEnabled]=\"false\" >\r\n    <div class=\"ax-overlay-pane\" [class.ax-dropdown-list]=\"_needBorder\" >\r\n        <ng-content select=\"[panel],ax-button-item\">\r\n        </ng-content>\r\n    </div>\r\n</ax-popover>","import { OverlayModule } from '@angular/cdk/overlay';\r\nimport { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\nimport { AXPopoverModule } from '@acorex/components/popover';\r\nimport { AXDropdownPanelComponent } from './dropdown-panel.component';\r\nimport { A11yModule } from '@angular/cdk/a11y';\r\nimport { AXCommonModule } from '@acorex/components/common';\r\n\r\n@NgModule({\r\n    imports: [CommonModule,AXCommonModule, A11yModule, AXButtonModule, OverlayModule, AXDecoratorModule, AXPopoverModule],\r\n    exports: [AXDropdownPanelComponent],\r\n    declarations: [AXDropdownPanelComponent],\r\n    providers: [],\r\n})\r\nexport class AXDropdownModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}