@acorex/components 7.1.2 → 7.1.5

package/fesm2022/acorex-components-toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-toast.mjs","sources":["../../../../projects/acorex/components/toast/src/toast.component.ts","../../../../projects/acorex/components/toast/src/toast.component.html","../../../../projects/acorex/components/toast/src/toast.module.ts","../../../../projects/acorex/components/toast/src/toast.service.ts","../../../../projects/acorex/components/toast/acorex-components-toast.ts"],"sourcesContent":["import { AXClosbaleComponent } from '@acorex/components/common';\r\nimport { AXButtonItem } from '@acorex/components/button';\r\nimport {\r\n  Component,\r\n  ViewEncapsulation,\r\n  ChangeDetectionStrategy,\r\n  ElementRef,\r\n  ChangeDetectorRef,\r\n  HostBinding,\r\n} from '@angular/core';\r\nimport { AXToastOptions } from './toast.class';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\n\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-toast',\r\n  templateUrl: './toast.component.html',\r\n  styleUrls: ['./toast.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  encapsulation: ViewEncapsulation.None,\r\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }],\r\n})\r\nexport class AXToastComponent extends AXBaseComponentMixin {\r\n\r\n  options: AXToastOptions;\r\n\r\n  _toastWidth: number = 100;\r\n\r\n  _icon: string;\r\n\r\n  close: () => void;\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  onInit() {\r\n    if (this.options.timeOut) {\r\n      setTimeout(() => {\r\n        this.close();\r\n      }, this.options.timeOut);\r\n    }\r\n    if (!this.options.icon) {\r\n      switch (this.options.color) {\r\n        case 'success':\r\n          this._icon = 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n        case 'warning':\r\n          this._icon = 'ax-icon ax-icon-warning-fill';\r\n          break;\r\n        case 'danger':\r\n          this._icon = 'ax-icon ax-icon-error-fill';\r\n          break;\r\n        default:\r\n          this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';\r\n          break;\r\n      }\r\n    } else {\r\n      this._icon = this.options.icon;\r\n    }\r\n  }\r\n\r\n  _handleButtonClick(button: AXButtonItem) {\r\n    if (button.onClick) {\r\n      button.onClick(this);\r\n    }\r\n  }\r\n\r\n  @HostBinding('class')\r\n  private get __hostClass(): string {\r\n    return `ax-${this.options.color}`\r\n  }\r\n\r\n}\r\n","<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\r\n<div class=\"ax-toast-content\">\r\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\r\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\r\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\r\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\r\n            {{button.text}}\r\n        </button> -->\r\n    <ng-container *ngFor=\"let button of options.buttons\">\r\n      <ax-button\r\n        class=\"ax-sm\"\r\n        [look]=\"button.look\"\r\n        [color]=\"this.options.color\"\r\n        [text]=\"button.text\"\r\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\r\n    </ng-container>\r\n  </div>\r\n</div>\r\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\r\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXToastComponent } from './toast.component';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\n\r\nconst COMPONENT = [AXToastComponent];\r\nconst MODULES = [CommonModule, AXButtonModule];\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 AXToastModule {}\r\n","import { AXConfig } from '@acorex/core/config';\r\nimport { Overlay } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { Injectable, Injector } from '@angular/core';\r\nimport { AXToastOptions, AXToastRef } from './toast.class';\r\nimport { AXToastComponent } from './toast.component';\r\n\r\n\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class AXToastService {\r\n\r\n\r\n    private readonly _defaults = {\r\n        gap: 5,\r\n        timeOut: 2500,\r\n        location: 'bottom-center',\r\n    }\r\n\r\n    constructor(private overlayService: Overlay, private parentInjector: Injector) {\r\n\r\n    }\r\n\r\n    private _activeList: AXToastComponent[] = [];\r\n\r\n    primary(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'primary',\r\n            content: content\r\n        });\r\n    }\r\n    secondary(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'secondary',\r\n            content: content\r\n        });\r\n    }\r\n    success(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'success',\r\n            content: content\r\n        });\r\n    }\r\n\r\n    warning(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'warning',\r\n            content: content\r\n        });\r\n    }\r\n    danger(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'danger',\r\n            content: content\r\n        });\r\n    }\r\n    show(options: AXToastOptions): AXToastRef {\r\n        const opt = Object.assign(\r\n            {\r\n                closeable: true,\r\n                location: AXConfig.get('toast.location') || this._defaults.location\r\n            },\r\n            options\r\n        );\r\n        const gap = AXConfig.get('toast.gap') || this._defaults.gap;\r\n\r\n        let positionStrategy = this.overlayService.position().global();\r\n        const pos = this.getPosition(opt.location) + gap + 'px';\r\n        switch (opt.location) {\r\n            case 'bottom-center':\r\n                positionStrategy = positionStrategy.bottom(pos).centerHorizontally()\r\n                break;\r\n            case 'bottom-end':\r\n                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');\r\n                break;\r\n            case 'bottom-start':\r\n                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');\r\n                break;\r\n            case 'top-center':\r\n                positionStrategy = positionStrategy.top(pos).centerHorizontally()\r\n                break;\r\n            case 'top-end':\r\n                positionStrategy = positionStrategy.top(pos).right(gap + 'px');\r\n                break;\r\n            case 'top-start':\r\n                positionStrategy = positionStrategy.top(pos).left(gap + 'px');\r\n                break;\r\n            case 'center-start':\r\n                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');\r\n                break;\r\n            case 'center-end':\r\n                positionStrategy = positionStrategy.centerVertically().right(gap + 'px');\r\n                break;\r\n        }\r\n        const overlayRef = this.overlayService.create(\r\n            {\r\n                positionStrategy,\r\n                panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\r\n            });\r\n        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);\r\n\r\n        const host = overlayRef.attach(toastPortal);\r\n        (host.instance as any).visibleIndex = this._activeList.length;\r\n        this._activeList.push(host.instance);\r\n        if (host.instance) {\r\n            Object.assign(host.instance, {\r\n                options: opt,\r\n                close: () => {\r\n                    this._activeList = this._activeList.filter(c => c != host.instance);\r\n                    overlayRef.dispose()\r\n                }\r\n            });\r\n            setTimeout(() => {\r\n                host.changeDetectorRef.detectChanges();\r\n            }, 0);\r\n        }\r\n\r\n        return {\r\n            close: () => {\r\n                host.instance.close();\r\n            }\r\n        }\r\n    }\r\n\r\n\r\n\r\n    public hideAll() {\r\n        this._activeList.forEach(c => c.close());\r\n    }\r\n\r\n    private getPosition(location: string) {\r\n        const list = this._activeList.filter(c => c.options.location == location);\r\n        if (list.length == 0) return 0;\r\n        if (location.split('-')[0] == 'bottom') {\r\n            return window.innerHeight - list[list.length - 1]._getHostElement().offsetTop;\r\n        }\r\n        else {\r\n            return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;\r\n        }\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"acorex-components-toast.mjs","sources":["../../../../projects/acorex/components/toast/src/toast.component.ts","../../../../projects/acorex/components/toast/src/toast.component.html","../../../../projects/acorex/components/toast/src/toast.module.ts","../../../../projects/acorex/components/toast/src/toast.service.ts","../../../../projects/acorex/components/toast/acorex-components-toast.ts"],"sourcesContent":["import { AXClosbaleComponent } from '@acorex/components/common';\nimport { AXButtonItem } from '@acorex/components/button';\nimport {\n  Component,\n  ViewEncapsulation,\n  ChangeDetectionStrategy,\n  ElementRef,\n  ChangeDetectorRef,\n  HostBinding,\n} from '@angular/core';\nimport { AXToastOptions } from './toast.class';\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\n\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-toast',\n  templateUrl: './toast.component.html',\n  styleUrls: ['./toast.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: AXClosbaleComponent, useExisting: AXToastComponent }],\n})\nexport class AXToastComponent extends AXBaseComponentMixin {\n\n  options: AXToastOptions;\n\n  _toastWidth: number = 100;\n\n  _icon: string;\n\n  close: () => void;\n  /**\n   *  @ignore\n   */\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n  }\n\n  onInit() {\n    if (this.options.timeOut) {\n      setTimeout(() => {\n        this.close();\n      }, this.options.timeOut);\n    }\n    if (!this.options.icon) {\n      switch (this.options.color) {\n        case 'success':\n          this._icon = 'ax-icon ax-icon-check-circle-fill';\n          break;\n        case 'warning':\n          this._icon = 'ax-icon ax-icon-warning-fill';\n          break;\n        case 'danger':\n          this._icon = 'ax-icon ax-icon-error-fill';\n          break;\n        default:\n          this._icon = this.options.icon || 'ax-icon ax-icon-check-circle-fill';\n          break;\n      }\n    } else {\n      this._icon = this.options.icon;\n    }\n  }\n\n  _handleButtonClick(button: AXButtonItem) {\n    if (button.onClick) {\n      button.onClick(this);\n    }\n  }\n\n  @HostBinding('class')\n  private get __hostClass(): string {\n    return `ax-${this.options.color}`\n  }\n\n}\n","<span [class]=\"'ax-toast-icon' + ' ' + _icon\"></span>\n<div class=\"ax-toast-content\">\n  <div class=\"ax-toast-title\" [class.ax-mb-2]=\"options.title && options.content\">{{ options.title }}</div>\n  <div class=\"ax-toast-content\" [innerHTML]=\"options.content\"></div>\n  <div class=\"ax-toast-buttons\" *ngIf=\"options?.buttons?.length\">\n    <!-- <button  (click)=\"_handleButtonClick(button)\">\n            {{button.text}}\n        </button> -->\n    <ng-container *ngFor=\"let button of options.buttons\">\n      <ax-button\n        class=\"ax-sm\"\n        [look]=\"button.look\"\n        [color]=\"this.options.color\"\n        [text]=\"button.text\"\n        (onClick)=\"_handleButtonClick(button)\"></ax-button>\n    </ng-container>\n  </div>\n</div>\n<span class=\"ax-icon ax-icon-close\" *ngIf=\"options.closeable\" (click)=\"close()\"></span>\n<div class=\"ax-toast-progress\" [style.animation-duration.ms]=\"options.timeOut\" *ngIf=\"options.timeOut\"></div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXToastComponent } from './toast.component';\nimport { AXButtonModule } from '@acorex/components/button';\n\nconst COMPONENT = [AXToastComponent];\nconst MODULES = [CommonModule, AXButtonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXToastModule {}\n","import { AXConfig } from '@acorex/core/config';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { Injectable, Injector } from '@angular/core';\nimport { AXToastOptions, AXToastRef } from './toast.class';\nimport { AXToastComponent } from './toast.component';\n\n\n\n@Injectable({ providedIn: 'root' })\nexport class AXToastService {\n\n\n    private readonly _defaults = {\n        gap: 5,\n        timeOut: 2500,\n        location: 'bottom-center',\n    }\n\n    constructor(private overlayService: Overlay, private parentInjector: Injector) {\n\n    }\n\n    private _activeList: AXToastComponent[] = [];\n\n    primary(content: string) {\n        this.show({\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\n            color: 'primary',\n            content: content\n        });\n    }\n    secondary(content: string) {\n        this.show({\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\n            color: 'secondary',\n            content: content\n        });\n    }\n    success(content: string) {\n        this.show({\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\n            color: 'success',\n            content: content\n        });\n    }\n\n    warning(content: string) {\n        this.show({\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\n            color: 'warning',\n            content: content\n        });\n    }\n    danger(content: string) {\n        this.show({\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\n            color: 'danger',\n            content: content\n        });\n    }\n    show(options: AXToastOptions): AXToastRef {\n        const opt = Object.assign(\n            {\n                closeable: true,\n                location: AXConfig.get('toast.location') || this._defaults.location\n            },\n            options\n        );\n        const gap = AXConfig.get('toast.gap') || this._defaults.gap;\n\n        let positionStrategy = this.overlayService.position().global();\n        const pos = this.getPosition(opt.location) + gap + 'px';\n        switch (opt.location) {\n            case 'bottom-center':\n                positionStrategy = positionStrategy.bottom(pos).centerHorizontally()\n                break;\n            case 'bottom-end':\n                positionStrategy = positionStrategy.bottom(pos).right(gap + 'px');\n                break;\n            case 'bottom-start':\n                positionStrategy = positionStrategy.bottom(pos).left(gap + 'px');\n                break;\n            case 'top-center':\n                positionStrategy = positionStrategy.top(pos).centerHorizontally()\n                break;\n            case 'top-end':\n                positionStrategy = positionStrategy.top(pos).right(gap + 'px');\n                break;\n            case 'top-start':\n                positionStrategy = positionStrategy.top(pos).left(gap + 'px');\n                break;\n            case 'center-start':\n                positionStrategy = positionStrategy.centerVertically().left(gap + 'px');\n                break;\n            case 'center-end':\n                positionStrategy = positionStrategy.centerVertically().right(gap + 'px');\n                break;\n        }\n        const overlayRef = this.overlayService.create(\n            {\n                positionStrategy,\n                panelClass: ['ax-animate-animated', 'ax-animate-fadeIn', 'ax-animate-faster'],\n            });\n        const toastPortal = new ComponentPortal(AXToastComponent, null, this.parentInjector);\n\n        const host = overlayRef.attach(toastPortal);\n        (host.instance as any).visibleIndex = this._activeList.length;\n        this._activeList.push(host.instance);\n        if (host.instance) {\n            Object.assign(host.instance, {\n                options: opt,\n                close: () => {\n                    this._activeList = this._activeList.filter(c => c != host.instance);\n                    overlayRef.dispose()\n                }\n            });\n            setTimeout(() => {\n                host.changeDetectorRef.detectChanges();\n            }, 0);\n        }\n\n        return {\n            close: () => {\n                host.instance.close();\n            }\n        }\n    }\n\n\n\n    public hideAll() {\n        this._activeList.forEach(c => c.close());\n    }\n\n    private getPosition(location: string) {\n        const list = this._activeList.filter(c => c.options.location == location);\n        if (list.length == 0) return 0;\n        if (location.split('-')[0] == 'bottom') {\n            return window.innerHeight - list[list.length - 1]._getHostElement().offsetTop;\n        }\n        else {\n            return list[list.length - 1]._getHostElement().offsetTop + list[list.length - 1]._getHostElement().offsetHeight;\n        }\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}

package/fesm2022/acorex-components-tooltip.mjs

@@ -13,12 +13,12 @@ class AXTooltipComponent extends AXBaseComponentMixin {
     }
     text = '';
     position;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXTooltipComponent, selector: "ax-tooltip", inputs: { text: "text", position: "position" }, usesInheritance: true, ngImport: i0, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"] }]
+            args: [{ selector: 'ax-tooltip', encapsulation: ViewEncapsulation.None, template: "<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n", styles: [".ax-dark .ax-tooltip-container{--ax-tooltip-background: 255, 255, 255;--ax-tooltip-color: 97, 97, 97}.ax-tooltip-container{position:relative;--ax-tooltip-background: 97, 97, 97;--ax-tooltip-color: 255, 255, 255}.ax-tooltip-container .ax-tooltip{display:block;padding:.25rem .5rem;background-color:rgba(var(--ax-tooltip-background));color:rgba(var(--ax-tooltip-color));border-radius:.25rem;font-size:.75rem;font-weight:400}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
                 type: Input
             }], position: [{
@@ -162,10 +162,10 @@ class AXTooltipDirective {
         this.overlayRef.detach();
         this.cdr.markForCheck();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipDirective, deps: [{ token: i1.Overlay }, { token: i1.OverlayPositionBuilder }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.1", type: AXTooltipDirective, selector: "[axTooltip]", inputs: { text: ["axTooltip", "text"], position: ["axTooltipPosition", "position"] }, host: { listeners: { "mouseenter": "show()", "mouseleave": "hide()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipDirective, decorators: [{
             type: Directive,
             args: [{ selector: '[axTooltip]' }]
         }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i1.OverlayPositionBuilder }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { text: [{
@@ -185,11 +185,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
 const COMPONENT = [AXTooltipComponent, AXTooltipDirective];
 const MODULES = [CommonModule, OverlayModule];
 class AXTooltipModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, imports: [MODULES] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipModule, declarations: [AXTooltipComponent, AXTooltipDirective], imports: [CommonModule, OverlayModule], exports: [AXTooltipComponent, AXTooltipDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipModule, imports: [MODULES] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [...COMPONENT],

package/fesm2022/acorex-components-tooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../projects/acorex/components/tooltip/src/tooltip.component.ts","../../../../projects/acorex/components/tooltip/src/tooltip.component.html","../../../../projects/acorex/components/tooltip/src/tooltip.directive.ts","../../../../projects/acorex/components/tooltip/src/tooltip.module.ts","../../../../projects/acorex/components/tooltip/acorex-components-tooltip.ts"],"sourcesContent":["import { AXPosition } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\r\nimport { Component, ViewEncapsulation, ElementRef, ChangeDetectorRef, Input } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-tooltip',\r\n  templateUrl: './tooltip.component.html',\r\n  styleUrls: ['./tooltip.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  // animations: [\r\n  //   trigger('tooltip', [\r\n  //     transition(':enter', [style({ opacity: 0 }), animate(50, style({ opacity: 1 }))]),\r\n  //     transition(':leave', [animate(50, style({ opacity: 0 }))]),\r\n  //   ]),\r\n  // ],\r\n})\r\nexport class AXTooltipComponent extends AXBaseComponentMixin {\r\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @Input()\r\n  text: string = '';\r\n\r\n  @Input() position: AXPosition;\r\n}\r\n","<div class=\"ax-tooltip-container\">\r\n  <div class=\"ax-tooltip\">\r\n    {{ text }}\r\n  </div>\r\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\r\n</div>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  ChangeDetectorRef,\r\n  ComponentRef,\r\n  Directive,\r\n  ElementRef,\r\n  HostListener,\r\n  Input,\r\n  OnInit,\r\n} from '@angular/core';\r\nimport { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\r\nimport { ComponentPortal } from '@angular/cdk/portal';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXPosition, AXPositions } from '@acorex/components/common';\r\n\r\n@Directive({ selector: '[axTooltip]' })\r\nexport class AXTooltipDirective {\r\n  @Input('axTooltip') text = '';\r\n  @Input('axTooltipPosition') position: AXPosition = 'top-center';\r\n\r\n  private overlayRef: OverlayRef;\r\n  protected positions: any[];\r\n\r\n  constructor(\r\n    private overlay: Overlay,\r\n    private overlayPositionBuilder: OverlayPositionBuilder,\r\n    private elementRef: ElementRef,\r\n    private cdr: ChangeDetectorRef\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.\r\n    //Add 'implements OnInit' to the class.\r\n    this.positioning();\r\n  }\r\n  ngAfterViewInit(): void {}\r\n\r\n  protected positioning() {\r\n    const offset = 8;\r\n    switch (this.position) {\r\n      case 'top-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topStart,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n      default:\r\n      case 'top-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topCenter,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'top-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.topEnd,\r\n            offsetY: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startStart,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startCenter,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'start-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.startEnd,\r\n            offsetX: -offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'bottom-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomStart,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'bottom-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomCenter,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'bottom-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.bottomEnd,\r\n            offsetY: offset,\r\n          },\r\n        ];\r\n        break;\r\n\r\n      case 'end-start':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endStart,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'end-center':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endCenter,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n      case 'end-end':\r\n        this.positions = [\r\n          {\r\n            ...AXPositions.endEnd,\r\n            offsetX: offset,\r\n          },\r\n        ];\r\n        break;\r\n    }\r\n    const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.elementRef).withPositions(this.positions);\r\n    this.overlayRef = this.overlay.create({ positionStrategy });\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  show() {\r\n    const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(new ComponentPortal(AXTooltipComponent));\r\n    tooltipRef.instance.text = this.text;\r\n    tooltipRef.instance.position = this.position;\r\n    setTimeout(() => {\r\n      this.cdr.markForCheck();\r\n    });\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  hide() {\r\n    this.overlayRef.detach();\r\n    this.cdr.markForCheck();\r\n  }\r\n}\r\n","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTooltipComponent } from './tooltip.component';\r\nimport { AXTooltipDirective } from './tooltip.directive';\r\nimport { OverlayModule } from '@angular/cdk/overlay';\r\n\r\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\r\nconst MODULES = [CommonModule, OverlayModule];\r\n\r\n@NgModule({\r\n  declarations: [...COMPONENT],\r\n  imports: [...MODULES],\r\n  exports: [...COMPONENT],\r\n})\r\nexport class AXTooltipModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-tooltip.mjs","sources":["../../../../projects/acorex/components/tooltip/src/tooltip.component.ts","../../../../projects/acorex/components/tooltip/src/tooltip.component.html","../../../../projects/acorex/components/tooltip/src/tooltip.directive.ts","../../../../projects/acorex/components/tooltip/src/tooltip.module.ts","../../../../projects/acorex/components/tooltip/acorex-components-tooltip.ts"],"sourcesContent":["import { AXPosition } from '@acorex/components/common';\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\nimport { animate, AnimationTriggerMetadata, style, transition, trigger } from '@angular/animations';\nimport { Component, ViewEncapsulation, ElementRef, ChangeDetectorRef, Input } from '@angular/core';\n\n@Component({\n  selector: 'ax-tooltip',\n  templateUrl: './tooltip.component.html',\n  styleUrls: ['./tooltip.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  // animations: [\n  //   trigger('tooltip', [\n  //     transition(':enter', [style({ opacity: 0 }), animate(50, style({ opacity: 1 }))]),\n  //     transition(':leave', [animate(50, style({ opacity: 0 }))]),\n  //   ]),\n  // ],\n})\nexport class AXTooltipComponent extends AXBaseComponentMixin {\n  constructor(elementRef: ElementRef, cdr: ChangeDetectorRef) {\n    super(elementRef, cdr);\n  }\n\n  @Input()\n  text: string = '';\n\n  @Input() position: AXPosition;\n}\n","<div class=\"ax-tooltip-container\">\n  <div class=\"ax-tooltip\">\n    {{ text }}\n  </div>\n  <div class=\"ax-tooltip-tringle ax-tooltip-tringle-{{ position }}\"></div>\n</div>\n","import {\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ComponentRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Input,\n  OnInit,\n} from '@angular/core';\nimport { Overlay, OverlayPositionBuilder, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { AXTooltipComponent } from './tooltip.component';\nimport { AXPosition, AXPositions } from '@acorex/components/common';\n\n@Directive({ selector: '[axTooltip]' })\nexport class AXTooltipDirective {\n  @Input('axTooltip') text = '';\n  @Input('axTooltipPosition') position: AXPosition = 'top-center';\n\n  private overlayRef: OverlayRef;\n  protected positions: any[];\n\n  constructor(\n    private overlay: Overlay,\n    private overlayPositionBuilder: OverlayPositionBuilder,\n    private elementRef: ElementRef,\n    private cdr: ChangeDetectorRef\n  ) {}\n\n  ngOnInit(): void {\n    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.\n    //Add 'implements OnInit' to the class.\n    this.positioning();\n  }\n  ngAfterViewInit(): void {}\n\n  protected positioning() {\n    const offset = 8;\n    switch (this.position) {\n      case 'top-start':\n        this.positions = [\n          {\n            ...AXPositions.topStart,\n            offsetY: -offset,\n          },\n        ];\n        break;\n      default:\n      case 'top-center':\n        this.positions = [\n          {\n            ...AXPositions.topCenter,\n            offsetY: -offset,\n          },\n        ];\n        break;\n      case 'top-end':\n        this.positions = [\n          {\n            ...AXPositions.topEnd,\n            offsetY: -offset,\n          },\n        ];\n        break;\n\n      case 'start-start':\n        this.positions = [\n          {\n            ...AXPositions.startStart,\n            offsetX: -offset,\n          },\n        ];\n        break;\n\n      case 'start-center':\n        this.positions = [\n          {\n            ...AXPositions.startCenter,\n            offsetX: -offset,\n          },\n        ];\n        break;\n\n      case 'start-end':\n        this.positions = [\n          {\n            ...AXPositions.startEnd,\n            offsetX: -offset,\n          },\n        ];\n        break;\n\n      case 'bottom-start':\n        this.positions = [\n          {\n            ...AXPositions.bottomStart,\n            offsetY: offset,\n          },\n        ];\n        break;\n      case 'bottom-center':\n        this.positions = [\n          {\n            ...AXPositions.bottomCenter,\n            offsetY: offset,\n          },\n        ];\n        break;\n      case 'bottom-end':\n        this.positions = [\n          {\n            ...AXPositions.bottomEnd,\n            offsetY: offset,\n          },\n        ];\n        break;\n\n      case 'end-start':\n        this.positions = [\n          {\n            ...AXPositions.endStart,\n            offsetX: offset,\n          },\n        ];\n        break;\n      case 'end-center':\n        this.positions = [\n          {\n            ...AXPositions.endCenter,\n            offsetX: offset,\n          },\n        ];\n        break;\n      case 'end-end':\n        this.positions = [\n          {\n            ...AXPositions.endEnd,\n            offsetX: offset,\n          },\n        ];\n        break;\n    }\n    const positionStrategy = this.overlayPositionBuilder.flexibleConnectedTo(this.elementRef).withPositions(this.positions);\n    this.overlayRef = this.overlay.create({ positionStrategy });\n  }\n\n  @HostListener('mouseenter')\n  show() {\n    const tooltipRef: ComponentRef<AXTooltipComponent> = this.overlayRef.attach(new ComponentPortal(AXTooltipComponent));\n    tooltipRef.instance.text = this.text;\n    tooltipRef.instance.position = this.position;\n    setTimeout(() => {\n      this.cdr.markForCheck();\n    });\n  }\n\n  @HostListener('mouseleave')\n  hide() {\n    this.overlayRef.detach();\n    this.cdr.markForCheck();\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXTooltipComponent } from './tooltip.component';\nimport { AXTooltipDirective } from './tooltip.directive';\nimport { OverlayModule } from '@angular/cdk/overlay';\n\nconst COMPONENT = [AXTooltipComponent, AXTooltipDirective];\nconst MODULES = [CommonModule, OverlayModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n})\nexport class AXTooltipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-tree-view.mjs

@@ -98,22 +98,22 @@ class AXTreeViewComponent {
             ],
         },
     ];
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { showLines: "showLines" }, host: { classAttribute: "ax-tree-view" }, ngImport: i0, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXTreeViewComponent, selector: "ax-tree-view", inputs: { showLines: "showLines" }, host: { classAttribute: "ax-tree-view" }, ngImport: i0, template: "<ul class=\"ax-list-{{showLines}}\">\n    <ng-template #recursiveList let-list>\n      <li *ngFor=\"let item of list\">\n        <span>\n          <ax-check-box></ax-check-box>\n          \n          <span>{{item.title}}</span>\n        </span>\n        <ul *ngIf=\"item.children.length > 0\">\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\n        </ul>\n      </li>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.AXCheckBoxComponent, selector: "ax-check-box", inputs: ["disabled", "tabIndex", "readonly", "allowNull", "value", "name", "checked"], outputs: ["onBlur", "onFocus", "valueChange", "onValueChanged"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, host: { class: 'ax-tree-view' }, template: "<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"] }]
+            args: [{ selector: 'ax-tree-view', encapsulation: ViewEncapsulation.None, host: { class: 'ax-tree-view' }, template: "<ul class=\"ax-list-{{showLines}}\">\n    <ng-template #recursiveList let-list>\n      <li *ngFor=\"let item of list\">\n        <span>\n          <ax-check-box></ax-check-box>\n          \n          <span>{{item.title}}</span>\n        </span>\n        <ul *ngIf=\"item.children.length > 0\">\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\n        </ul>\n      </li>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\n  </ul>", styles: [".ax-tree-view>ul li{font-size:.875rem;position:relative}.ax-tree-view>ul li span{@apply ax-flex ax-items-center ax-my-1;display:flex;align-items:center;margin:.25rem 0}.ax-tree-view>ul li ul{padding-inline-start:2rem}.ax-tree-view>ul.ax-list-all li ul{position:relative}.ax-tree-view>ul.ax-list-all li ul:before{content:\"\";width:1px;position:absolute;bottom:0;height:100%;inset-inline-start:.5rem;background-color:rgba(var(--ax-color-border-default))}.ax-tree-view>ul.ax-list-all li ul li:before{position:absolute;top:0;right:12px;bottom:-4px;margin-left:-1px;content:\" \"}.ax-tree-view>ul.ax-list-all li ul li:after{position:absolute;width:10px;height:14px;content:\" \"}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { showLines: [{
                 type: Input
             }] } });
 
 class AXTreeViewModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [CommonModule, AXCheckBoxModule], exports: [AXTreeViewComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewModule, imports: [CommonModule, AXCheckBoxModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewModule, declarations: [AXTreeViewComponent], imports: [CommonModule, AXCheckBoxModule], exports: [AXTreeViewComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewModule, imports: [CommonModule, AXCheckBoxModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXTreeViewModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXTreeViewComponent],

package/fesm2022/acorex-components-tree-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../projects/acorex/components/tree-view/src/tree-view.component.ts","../../../../projects/acorex/components/tree-view/src/tree-view.component.html","../../../../projects/acorex/components/tree-view/src/tree-view.module.ts","../../../../projects/acorex/components/tree-view/acorex-components-tree-view.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\r\n/**\r\n * The Button is a component which detects user interaction and triggers a corresponding event\r\n *\r\n * @category Components\r\n */\r\n@Component({\r\n  selector: 'ax-tree-view',\r\n  templateUrl: './tree-view.component.html',\r\n  styleUrls: ['./tree-view.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n  host: { class: 'ax-tree-view' },\r\n})\r\nexport class AXTreeViewComponent implements OnInit {\r\n  /**\r\n   *  @ignore\r\n   */\r\n  constructor() {}\r\n\r\n  ngOnInit(): void {}\r\n\r\n  @Input()\r\n  showLines: 'all' | 'node' | 'none' = 'all';\r\n\r\n  public list = [\r\n    {\r\n      title: 'childless',\r\n      children: [],\r\n    },\r\n    {\r\n      title: 'great grandparent',\r\n      children: [\r\n        {\r\n          title: 'childless grandsibiling',\r\n          children: [],\r\n        },\r\n        {\r\n          title: 'grandparent',\r\n          children: [\r\n            {\r\n              title: 'childless sibiling',\r\n              children: [],\r\n            },\r\n            {\r\n              title: 'another childless sibiling',\r\n              children: [],\r\n            },\r\n            {\r\n              title: 'parent',\r\n              children: [\r\n                {\r\n                  title: 'child',\r\n                  children: [],\r\n                },\r\n                {\r\n                  title: 'another child',\r\n                  children: [],\r\n                },\r\n              ],\r\n            },\r\n            {\r\n              title: 'another parent',\r\n              children: [\r\n                {\r\n                  title: 'child',\r\n                  children: [],\r\n                },\r\n              ],\r\n            },\r\n          ],\r\n        },\r\n        {\r\n          title: 'another grandparent',\r\n          children: [\r\n            {\r\n              title: 'parent',\r\n              children: [\r\n                {\r\n                  title: 'child',\r\n                  children: [],\r\n                },\r\n                {\r\n                  title: 'another child',\r\n                  children: [],\r\n                },\r\n                {\r\n                  title: 'a third child',\r\n                  children: [],\r\n                },\r\n                {\r\n                  title: 'teen mother',\r\n                  children: [\r\n                    {\r\n                      title: 'accident',\r\n                      children: [],\r\n                    },\r\n                  ],\r\n                },\r\n              ],\r\n            },\r\n          ],\r\n        },\r\n      ],\r\n    },\r\n  ];\r\n}\r\n","<ul class=\"ax-list-{{showLines}}\">\r\n    <ng-template #recursiveList let-list>\r\n      <li *ngFor=\"let item of list\">\r\n        <span>\r\n          <ax-check-box></ax-check-box>\r\n          \r\n          <span>{{item.title}}</span>\r\n        </span>\r\n        <ul *ngIf=\"item.children.length > 0\">\r\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\r\n        </ul>\r\n      </li>\r\n    </ng-template>\r\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\r\n  </ul>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXTreeViewComponent } from './tree-view.component';\r\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\r\n\r\n@NgModule({\r\n  declarations: [AXTreeViewComponent],\r\n  imports: [CommonModule, AXCheckBoxModule],\r\n  exports: [AXTreeViewComponent],\r\n  providers: [],\r\n})\r\nexport class AXTreeViewModule {}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AACA;;;;AAIG;AACH,MAOa,mBAAmB,CAAA;AAC9B;;AAEG;AACH,IAAA,WAAA,GAAA,GAAgB;AAEhB,IAAA,QAAQ,MAAW;IAGnB,SAAS,GAA4B,KAAK,CAAC;AAEpC,IAAA,IAAI,GAAG;AACZ,QAAA;AACE,YAAA,KAAK,EAAE,WAAW;AAClB,YAAA,QAAQ,EAAE,EAAE;AACb,SAAA;AACD,QAAA;AACE,YAAA,KAAK,EAAE,mBAAmB;AAC1B,YAAA,QAAQ,EAAE;AACR,gBAAA;AACE,oBAAA,KAAK,EAAE,yBAAyB;AAChC,oBAAA,QAAQ,EAAE,EAAE;AACb,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,aAAa;AACpB,oBAAA,QAAQ,EAAE;AACR,wBAAA;AACE,4BAAA,KAAK,EAAE,oBAAoB;AAC3B,4BAAA,QAAQ,EAAE,EAAE;AACb,yBAAA;AACD,wBAAA;AACE,4BAAA,KAAK,EAAE,4BAA4B;AACnC,4BAAA,QAAQ,EAAE,EAAE;AACb,yBAAA;AACD,wBAAA;AACE,4BAAA,KAAK,EAAE,QAAQ;AACf,4BAAA,QAAQ,EAAE;AACR,gCAAA;AACE,oCAAA,KAAK,EAAE,OAAO;AACd,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACD,gCAAA;AACE,oCAAA,KAAK,EAAE,eAAe;AACtB,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACF,6BAAA;AACF,yBAAA;AACD,wBAAA;AACE,4BAAA,KAAK,EAAE,gBAAgB;AACvB,4BAAA,QAAQ,EAAE;AACR,gCAAA;AACE,oCAAA,KAAK,EAAE,OAAO;AACd,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACF,6BAAA;AACF,yBAAA;AACF,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,KAAK,EAAE,qBAAqB;AAC5B,oBAAA,QAAQ,EAAE;AACR,wBAAA;AACE,4BAAA,KAAK,EAAE,QAAQ;AACf,4BAAA,QAAQ,EAAE;AACR,gCAAA;AACE,oCAAA,KAAK,EAAE,OAAO;AACd,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACD,gCAAA;AACE,oCAAA,KAAK,EAAE,eAAe;AACtB,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACD,gCAAA;AACE,oCAAA,KAAK,EAAE,eAAe;AACtB,oCAAA,QAAQ,EAAE,EAAE;AACb,iCAAA;AACD,gCAAA;AACE,oCAAA,KAAK,EAAE,aAAa;AACpB,oCAAA,QAAQ,EAAE;AACR,wCAAA;AACE,4CAAA,KAAK,EAAE,UAAU;AACjB,4CAAA,QAAQ,EAAE,EAAE;AACb,yCAAA;AACF,qCAAA;AACF,iCAAA;AACF,6BAAA;AACF,yBAAA;AACF,qBAAA;AACF,iBAAA;AACF,aAAA;AACF,SAAA;KACF,CAAC;uGA3FS,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,kICbhC,mlBAcO,EAAA,MAAA,EAAA,CAAA,uqBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,WAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,aAAA,EAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDDM,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAP/B,SAAS;+BACE,cAAc,EAAA,aAAA,EAGT,iBAAiB,CAAC,IAAI,QAC/B,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,mlBAAA,EAAA,MAAA,EAAA,CAAA,uqBAAA,CAAA,EAAA,CAAA;0EAW/B,SAAS,EAAA,CAAA;sBADR,KAAK;;;AEhBR,MAMa,gBAAgB,CAAA;uGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,iBALZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CACxB,YAAY,EAAE,gBAAgB,aAC9B,mBAAmB,CAAA,EAAA,CAAA,CAAA;wGAGlB,gBAAgB,EAAA,OAAA,EAAA,CAJjB,YAAY,EAAE,gBAAgB,CAAA,EAAA,CAAA,CAAA;;2FAI7B,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,gBAAgB,CAAC;oBACzC,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC9B,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA,CAAA;;;ACVD;;AAEG;;;;"}
+{"version":3,"file":"acorex-components-tree-view.mjs","sources":["../../../../projects/acorex/components/tree-view/src/tree-view.component.ts","../../../../projects/acorex/components/tree-view/src/tree-view.component.html","../../../../projects/acorex/components/tree-view/src/tree-view.module.ts","../../../../projects/acorex/components/tree-view/acorex-components-tree-view.ts"],"sourcesContent":["import { Component, Input, OnInit, ViewEncapsulation } from '@angular/core';\n/**\n * The Button is a component which detects user interaction and triggers a corresponding event\n *\n * @category Components\n */\n@Component({\n  selector: 'ax-tree-view',\n  templateUrl: './tree-view.component.html',\n  styleUrls: ['./tree-view.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'ax-tree-view' },\n})\nexport class AXTreeViewComponent implements OnInit {\n  /**\n   *  @ignore\n   */\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  @Input()\n  showLines: 'all' | 'node' | 'none' = 'all';\n\n  public list = [\n    {\n      title: 'childless',\n      children: [],\n    },\n    {\n      title: 'great grandparent',\n      children: [\n        {\n          title: 'childless grandsibiling',\n          children: [],\n        },\n        {\n          title: 'grandparent',\n          children: [\n            {\n              title: 'childless sibiling',\n              children: [],\n            },\n            {\n              title: 'another childless sibiling',\n              children: [],\n            },\n            {\n              title: 'parent',\n              children: [\n                {\n                  title: 'child',\n                  children: [],\n                },\n                {\n                  title: 'another child',\n                  children: [],\n                },\n              ],\n            },\n            {\n              title: 'another parent',\n              children: [\n                {\n                  title: 'child',\n                  children: [],\n                },\n              ],\n            },\n          ],\n        },\n        {\n          title: 'another grandparent',\n          children: [\n            {\n              title: 'parent',\n              children: [\n                {\n                  title: 'child',\n                  children: [],\n                },\n                {\n                  title: 'another child',\n                  children: [],\n                },\n                {\n                  title: 'a third child',\n                  children: [],\n                },\n                {\n                  title: 'teen mother',\n                  children: [\n                    {\n                      title: 'accident',\n                      children: [],\n                    },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      ],\n    },\n  ];\n}\n","<ul class=\"ax-list-{{showLines}}\">\n    <ng-template #recursiveList let-list>\n      <li *ngFor=\"let item of list\">\n        <span>\n          <ax-check-box></ax-check-box>\n          \n          <span>{{item.title}}</span>\n        </span>\n        <ul *ngIf=\"item.children.length > 0\">\n          <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: item.children }\"></ng-container>\n        </ul>\n      </li>\n    </ng-template>\n    <ng-container *ngTemplateOutlet=\"recursiveList; context:{ $implicit: list }\"></ng-container>\n  </ul>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXTreeViewComponent } from './tree-view.component';\nimport { AXCheckBoxModule } from '@acorex/components/checkbox';\n\n@NgModule({\n  declarations: [AXTreeViewComponent],\n  imports: [CommonModule, AXCheckBoxModule],\n  exports: [AXTreeViewComponent],\n  providers: [],\n})\nexport class AXTreeViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components-uploader.mjs

@@ -76,12 +76,12 @@ class AXUploaderComponent extends AXBaseComponentMixin {
     get __defaultClass() {
         return !this._placeholder?.nativeElement.childNodes.length;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: AXUploaderComponent, selector: "ax-uploader", inputs: { multiple: "multiple", accept: "accept" }, outputs: { onValueChanged: "onValueChanged" }, host: { listeners: { "click": "_handleClick($event)", "drop": "_handleDrop($event)" }, properties: { "class.ax-look-default": "this.__defaultClass" } }, viewQueries: [{ propertyName: "_placeholder", first: true, predicate: ["contentRef"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
+            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>", styles: ["ax-uploader.ax-look-default{position:relative;width:100%;color:rgba(var(--ax-color-text-default));border-radius:var(--ax-rounded-border-default);border-width:2px;border-style:dashed;border-color:rgba(var(--ax-color-border-default));display:flex;align-items:center;justify-content:center;cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-position:center;background-size:cover}ax-uploader.ax-look-default:hover,ax-uploader.ax-look-default.ax-state-hover{border-color:rgba(var(--ax-color-primary-500));color:rgba(var(--ax-color-primary-500))}ax-uploader.ax-look-default:before{content:\"\";padding-bottom:100%}ax-uploader.ax-look-default .upload-icon{font-size:3rem}ax-uploader.ax-look-default .ax-uploader-hint{padding:1rem;text-align:center}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
                 type: Output
             }], _placeholder: [{
@@ -103,11 +103,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImpor
             }] } });
 
 class AXUploaderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderModule, declarations: [AXUploaderComponent], imports: [CommonModule, AXDecoratorModule], exports: [AXUploaderComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderModule, imports: [CommonModule, AXDecoratorModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: AXUploaderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [AXUploaderComponent],

package/fesm2022/acorex-components-uploader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\r\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\r\nimport { AXFileService } from '@acorex/core/file';\r\nimport {\r\n  ChangeDetectorRef,\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  HostBinding,\r\n  HostListener,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n  ViewEncapsulation,\r\n} from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'ax-uploader',\r\n  templateUrl: './uploader.component.html',\r\n  styleUrls: ['./uploader.component.scss'],\r\n  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n  @Output()\r\n  onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\r\n    AXValueChangedEvent<File[]>\r\n  >();\r\n\r\n  firstInit: boolean = true;\r\n  _showText: boolean = true;\r\n\r\n  constructor(\r\n    elementRef: ElementRef,\r\n    cdr: ChangeDetectorRef,\r\n    private _fileService: AXFileService\r\n  ) {\r\n    super(elementRef, cdr);\r\n  }\r\n\r\n  @ViewChild('contentRef', { static: true })\r\n  _placeholder: ElementRef;\r\n\r\n  @Input()\r\n  multiple: boolean = false;\r\n\r\n  @Input()\r\n  accept: string = '*/*';\r\n\r\n  private _dropArea: HTMLDivElement;\r\n\r\n  @HostListener('click', ['$event'])\r\n  async _handleClick(e: MouseEvent) {\r\n    const files = await this._fileService.choose({\r\n      accept: this.accept,\r\n      multiple: this.multiple,\r\n    });\r\n    this._handleFiles(files);\r\n  }\r\n\r\n  @HostListener('drop', ['$event'])\r\n  async _handleDrop(e: any) {\r\n    let dt = e.dataTransfer;\r\n    let files = dt.files;\r\n    this._handleFiles(Array.from(files));\r\n    e.preventDefault();\r\n  }\r\n\r\n  _handleFiles(files: File[]) {\r\n    this.onValueChanged.emit({\r\n      component: this,\r\n      isUserInteraction: true,\r\n      value: files,\r\n      htmlElement: this._getHostElement(),\r\n    });\r\n  }\r\n\r\n  onInit(): void {\r\n    this._dropArea = this._getHostElement();\r\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(eventName, this.preventDefaults, false);\r\n    });\r\n    ['dragenter', 'dragover'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleHighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n\r\n    ['dragleave', 'drop'].forEach((eventName) => {\r\n      this._dropArea.addEventListener(\r\n        eventName,\r\n        this._handleUnhighlight.bind(this),\r\n        false\r\n      );\r\n    });\r\n  }\r\n\r\n  ngDoCheck() {\r\n    this.checkIsBoxHasMinWidth()\r\n  }\r\n  \r\n  checkIsBoxHasMinWidth(){\r\n    this.firstInit = false;\r\n    let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\r\n    console.log(boxWidth);\r\n    \r\n    if (boxWidth <= 176 && this.firstInit === false) {\r\n      this._showText = false;\r\n    }\r\n  }\r\n\r\n  preventDefaults(e: any) {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n  }\r\n\r\n  _handleHighlight(e) {\r\n    this._dropArea.classList.add('ax-state-hover');\r\n  }\r\n\r\n  _handleUnhighlight(e) {\r\n    this._dropArea.classList.remove('ax-state-hover');\r\n  }\r\n\r\n  @HostBinding('class.ax-look-default')\r\n  get __defaultClass() {\r\n    return !this._placeholder?.nativeElement.childNodes.length;\r\n  }\r\n}\r\n","<ng-container>\r\n    <div #contentRef><ng-content></ng-content></div>\r\n</ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\r\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\r\n            browse</span></div>\r\n</ng-container>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXUploaderComponent } from './uploader.component';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\n@NgModule({\r\n  declarations: [AXUploaderComponent],\r\n  imports: [CommonModule,AXDecoratorModule],\r\n  exports: [AXUploaderComponent],\r\n  providers: [],\r\n})\r\nexport class AXUploaderModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-components-uploader.mjs","sources":["../../../../projects/acorex/components/uploader/src/uploader.component.ts","../../../../projects/acorex/components/uploader/src/uploader.component.html","../../../../projects/acorex/components/uploader/src/uploader.module.ts","../../../../projects/acorex/components/uploader/acorex-components-uploader.ts"],"sourcesContent":["import { AXValueChangedEvent } from '@acorex/components/common';\nimport { AXBaseComponentMixin } from '@acorex/components/mixin';\nimport { AXFileService } from '@acorex/core/file';\nimport {\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'ax-uploader',\n  templateUrl: './uploader.component.html',\n  styleUrls: ['./uploader.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n})\nexport class AXUploaderComponent extends AXBaseComponentMixin {\n  @Output()\n  onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<\n    AXValueChangedEvent<File[]>\n  >();\n\n  firstInit: boolean = true;\n  _showText: boolean = true;\n\n  constructor(\n    elementRef: ElementRef,\n    cdr: ChangeDetectorRef,\n    private _fileService: AXFileService\n  ) {\n    super(elementRef, cdr);\n  }\n\n  @ViewChild('contentRef', { static: true })\n  _placeholder: ElementRef;\n\n  @Input()\n  multiple: boolean = false;\n\n  @Input()\n  accept: string = '*/*';\n\n  private _dropArea: HTMLDivElement;\n\n  @HostListener('click', ['$event'])\n  async _handleClick(e: MouseEvent) {\n    const files = await this._fileService.choose({\n      accept: this.accept,\n      multiple: this.multiple,\n    });\n    this._handleFiles(files);\n  }\n\n  @HostListener('drop', ['$event'])\n  async _handleDrop(e: any) {\n    let dt = e.dataTransfer;\n    let files = dt.files;\n    this._handleFiles(Array.from(files));\n    e.preventDefault();\n  }\n\n  _handleFiles(files: File[]) {\n    this.onValueChanged.emit({\n      component: this,\n      isUserInteraction: true,\n      value: files,\n      htmlElement: this._getHostElement(),\n    });\n  }\n\n  onInit(): void {\n    this._dropArea = this._getHostElement();\n    ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {\n      this._dropArea.addEventListener(eventName, this.preventDefaults, false);\n    });\n    ['dragenter', 'dragover'].forEach((eventName) => {\n      this._dropArea.addEventListener(\n        eventName,\n        this._handleHighlight.bind(this),\n        false\n      );\n    });\n\n    ['dragleave', 'drop'].forEach((eventName) => {\n      this._dropArea.addEventListener(\n        eventName,\n        this._handleUnhighlight.bind(this),\n        false\n      );\n    });\n  }\n\n  ngDoCheck() {\n    this.checkIsBoxHasMinWidth()\n  }\n  \n  checkIsBoxHasMinWidth(){\n    this.firstInit = false;\n    let boxWidth: number = this._getHostElement().getBoundingClientRect().width;\n    console.log(boxWidth);\n    \n    if (boxWidth <= 176 && this.firstInit === false) {\n      this._showText = false;\n    }\n  }\n\n  preventDefaults(e: any) {\n    e.preventDefault();\n    e.stopPropagation();\n  }\n\n  _handleHighlight(e) {\n    this._dropArea.classList.add('ax-state-hover');\n  }\n\n  _handleUnhighlight(e) {\n    this._dropArea.classList.remove('ax-state-hover');\n  }\n\n  @HostBinding('class.ax-look-default')\n  get __defaultClass() {\n    return !this._placeholder?.nativeElement.childNodes.length;\n  }\n}\n","<ng-container>\n    <div #contentRef><ng-content></ng-content></div>\n</ng-container>\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\n    <i class=\"ax-icon ax-icon-upload upload-icon\"></i>\n    <div class=\"ax-uploader-hint\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to\n            browse</span></div>\n</ng-container>","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { AXUploaderComponent } from './uploader.component';\nimport { AXDecoratorModule } from '@acorex/components/decorators';\n\n@NgModule({\n  declarations: [AXUploaderComponent],\n  imports: [CommonModule,AXDecoratorModule],\n  exports: [AXUploaderComponent],\n  providers: [],\n})\nexport class AXUploaderModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-components.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"acorex-components.mjs","sources":["../../../../projects/acorex/components/public-api.ts","../../../../projects/acorex/components/acorex-components.ts"],"sourcesContent":["/*\r\n * Public API Surface of components\r\n */\r\n\r\nexport const ACOREX_COMPONENTS = \"@acorex/components\";","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;AAEI,MAAM,iBAAiB,GAAG;;ACJjC;;AAEG;;;;"}
+{"version":3,"file":"acorex-components.mjs","sources":["../../../../projects/acorex/components/public-api.ts","../../../../projects/acorex/components/acorex-components.ts"],"sourcesContent":["/*\n * Public API Surface of components\n */\n\nexport const ACOREX_COMPONENTS = \"@acorex/components\";","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAAA;;AAEG;AAEI,MAAM,iBAAiB,GAAG;;ACJjC;;AAEG;;;;"}

package/mixin/src/base-components.class.d.ts

@@ -57,9 +57,9 @@ export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseCom
         /**
          * A token that specifies the layout direction of component.
          */
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": ElementRef<any>;
+        "__#37857@#elementRef": ElementRef<any>;
         _cdr: ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/base-menu-mixin.class.d.ts

@@ -6,8 +6,8 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
     new (...args: any[]): {
         textField: string;
         valueField: string;
-        "__#37856@#isLoading": boolean;
-        "__#37856@#loadedItems": any;
+        "__#37858@#isLoading": boolean;
+        "__#37858@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -16,7 +16,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         displayMode: 'horizontal' | 'vertical' | 'sidemenu';
         dividerField: string;
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
-        "__#37856@#items": any;
+        "__#37858@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -27,9 +27,9 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         _getItemDisplayTextTemplte(item: any): any;
         refresh(): void;
         id: string;
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/button-mixin.class.d.ts

@@ -26,9 +26,9 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
             'ax-state-selected': boolean;
         };
         id: string;
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/clickable-mixin.class.d.ts

@@ -11,9 +11,9 @@ export declare function _ClickableComponenetMixin<TBase extends Constructor<AXBa
         onClick: EventEmitter<AXClickEvent>;
         _emitOnClickEvent(e: MouseEvent): void;
         id: string;
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/color-look-mixing.class.d.ts

@@ -17,9 +17,9 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
         */
         look: AXStyleLookType;
         id: string;
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/datalist-component.class.d.ts

@@ -7,16 +7,16 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
         textField: string;
         childrenField: string;
         pageSize: number;
-        "__#37857@#currentPage": number;
-        "__#37857@#isLoading": boolean;
-        "__#37857@#loadedItems": any[];
-        "__#37857@#flatItems": any[];
-        "__#37857@#totalItems": number;
-        "__#37857@#isLazy": boolean;
+        "__#37859@#currentPage": number;
+        "__#37859@#isLoading": boolean;
+        "__#37859@#loadedItems": any[];
+        "__#37859@#flatItems": any[];
+        "__#37859@#totalItems": number;
+        "__#37859@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#37857@#items": AXDataListItems;
+        "__#37859@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -26,15 +26,15 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#37857@#generateFlatItems"(): void;
+        "__#37859@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
-        "__#37855@#rtl": boolean;
+        "__#37857@#rtl": boolean;
         rtl: boolean;
-        "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

package/mixin/src/dropdown-mixin.class.d.ts

@@ -23,9 +23,9 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
     open(): void;
     readonly isOpen: boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

package/mixin/src/interactive-mixin.class.d.ts

@@ -3,12 +3,12 @@ import { AXBaseComponent } from "./base-components.class";
 import { Constructor } from "./constratctor";
 import { AXFocusEvent } from "@acorex/components/common";
 export declare function _InteractiveComponenetMixin<TBase extends Constructor<AXBaseComponent>>(Base: TBase): (abstract new (...args: any[]) => {
-    "__#37858@#disabled": boolean;
+    "__#37860@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#37858@#tabIndex": number;
+    "__#37860@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -34,15 +34,15 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     */
     hasFocus(): boolean;
     id: string;
-    "__#37855@#rtl": boolean;
+    "__#37857@#rtl": boolean;
     rtl: boolean;
-    "__#37855@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#37857@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
-    _isInited: boolean; /**
+    _isInited: boolean;
+    _isRendered: boolean; /**
     *  Fires each time the component gets focused.
     *  @event
     */
-    _isRendered: boolean;
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;