@acorex/components 6.0.16 → 6.1.1

package/fesm2020/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} 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  host: { class: 'ax-toast' },\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  options: AXToastOptions;\r\n  _toastWidth: number = 100;\r\n  _icon: string;\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    switch (this.options.color) {\r\n      case 'success':\r\n        this._icon = 'ax-ic ax-ic-check-filled';\r\n        break;\r\n      case 'warning':\r\n        this._icon = 'ax-ic ax-ic-warning-filled';\r\n        break;\r\n      case 'danger':\r\n        this._icon = 'ax-ic ax-ic-error-filled';\r\n        break;\r\n      default:\r\n        this._icon = '';\r\n        break;\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","<ax-alert [color]=\"options.color\" [look]=\"options.look\" [timeOut]=\"options.timeOut\">\r\n    <ax-header *ngIf=\"options.title\">\r\n        <ax-prefix>\r\n            <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n            <ax-title [text]=\"options.title\"></ax-title>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-close-button *ngIf=\"options.closeable\"></ax-close-button>\r\n        </ax-suffix>\r\n    </ax-header>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <ax-icon *ngIf=\"_icon && !options.title\" [icon]=\"_icon\"></ax-icon>\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ng-container>\r\n            <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\"\r\n                (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n        </ng-container>\r\n    </ax-footer>\r\n</ax-alert>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXToastComponent } from './toast.component';\r\nimport { AXAlertModule } from '@acorex/components/alert';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\nconst COMPONENT = [AXToastComponent];\r\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule];\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  \r\n}\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    info(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'info',\r\n            content: content\r\n        });\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\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    light(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'light',\r\n            content: content\r\n        });\r\n    }\r\n    dark(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'dark',\r\n            content: content\r\n        });\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            default:\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';\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} 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  host: { class: 'ax-toast' },\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  options: AXToastOptions;\r\n  _toastWidth: number = 100;\r\n  _icon: string;\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    switch (this.options.color) {\r\n      case 'success':\r\n        this._icon = 'ax-ic ax-ic-check-filled';\r\n        break;\r\n      case 'warning':\r\n        this._icon = 'ax-ic ax-ic-warning-filled';\r\n        break;\r\n      case 'danger':\r\n        this._icon = 'ax-ic ax-ic-error-filled';\r\n        break;\r\n      default:\r\n        this._icon = '';\r\n        break;\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","<ax-alert [color]=\"options.color\" [look]=\"options.look\" [timeOut]=\"options.timeOut\">\r\n    <ax-header *ngIf=\"options.title\">\r\n        <ax-prefix>\r\n            <ax-icon *ngIf=\"_icon\" [icon]=\"_icon\"></ax-icon>\r\n            <ax-title [text]=\"options.title\"></ax-title>\r\n        </ax-prefix>\r\n        <ax-suffix>\r\n            <ax-close-button *ngIf=\"options.closeable\"></ax-close-button>\r\n        </ax-suffix>\r\n    </ax-header>\r\n    <ax-content *ngIf=\"options.content\">\r\n        <ax-icon *ngIf=\"_icon && !options.title\" [icon]=\"_icon\"></ax-icon>\r\n        <div [innerHTML]=\"options.content\"></div>\r\n    </ax-content>\r\n    <ax-footer *ngIf=\"options?.buttons?.length\">\r\n        <ng-container>\r\n            <ax-button *ngFor=\"let button of options.buttons\" [text]=\"button.text\"\r\n                (onClick)=\"_handleButtonClick(button)\" [color]=\"options.color\" [look]=\"'default'\"></ax-button>\r\n        </ng-container>\r\n    </ax-footer>\r\n</ax-alert>","import { NgModule } from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { AXToastComponent } from './toast.component';\r\nimport { AXAlertModule } from '@acorex/components/alert';\r\nimport { AXButtonModule } from '@acorex/components/button';\r\nimport { AXDecoratorModule } from '@acorex/components/decorators';\r\n\r\nconst COMPONENT = [AXToastComponent];\r\nconst MODULES = [CommonModule, AXButtonModule, AXDecoratorModule, AXAlertModule];\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  \r\n}\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    info(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'info',\r\n            content: content\r\n        });\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\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    light(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'light',\r\n            content: content\r\n        });\r\n    }\r\n    dark(content: string) {\r\n        this.show({\r\n            timeOut: AXConfig.get('toast.timeOut') || this._defaults.timeOut,\r\n            color: 'dark',\r\n            content: content\r\n        });\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            default:\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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"}

package/fesm2020/acorex-components-uploader.mjs

@@ -11,6 +11,8 @@ class AXUploaderComponent extends AXBaseComponentMixin {
         super(elementRef, cdr);
         this._fileService = _fileService;
         this.onValueChanged = new EventEmitter();
+        this.firstInit = true;
+        this._showText = true;
         this.multiple = false;
         this.accept = '*/*';
     }
@@ -32,7 +34,7 @@ class AXUploaderComponent extends AXBaseComponentMixin {
             component: this,
             isUserInteraction: true,
             value: files,
-            htmlElement: this._getHostElement()
+            htmlElement: this._getHostElement(),
         });
     }
     onInit() {
@@ -47,6 +49,17 @@ class AXUploaderComponent extends AXBaseComponentMixin {
             this._dropArea.addEventListener(eventName, this._handleUnhighlight.bind(this), false);
         });
     }
+    ngDoCheck() {
+        this.checkIsBoxHasMinWidth();
+    }
+    checkIsBoxHasMinWidth() {
+        this.firstInit = false;
+        let boxWidth = this._getHostElement().getBoundingClientRect().width;
+        console.log(boxWidth);
+        if (boxWidth <= 176 && this.firstInit === false) {
+            this._showText = false;
+        }
+    }
     preventDefaults(e) {
         e.preventDefault();
         e.stopPropagation();
@@ -62,10 +75,10 @@ class AXUploaderComponent extends AXBaseComponentMixin {
     }
 }
 AXUploaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.AXFileService }], target: i0.ɵɵFactoryTarget.Component });
-AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AXUploaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.2", 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><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.2", ngImport: i0, type: AXUploaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>" }]
+            args: [{ selector: 'ax-uploader', encapsulation: ViewEncapsulation.None, template: "<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </div>\r\n</ng-container>" }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
                 type: Output
             }], _placeholder: [{

package/fesm2020/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  encapsulation: ViewEncapsulation.None,\r\n})\r\nexport class AXUploaderComponent extends AXBaseComponentMixin {\r\n\r\n  @Output()\r\n  onValueChanged: EventEmitter<AXValueChangedEvent<File[]>> = new EventEmitter<AXValueChangedEvent<File[]>>();\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  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}\r\n","<ng-container><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </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';\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  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><div #contentRef><ng-content></ng-content></div></ng-container>\r\n<ng-container *ngIf=\"contentRef.childNodes.length == 0\">\r\n    <div class=\"ax-flex ax-flex-col ax-items-center ax-gap-2\">\r\n        <i class=\"ax-ic ax-ic-cloud-upload upload-icon\"></i>\r\n        <div class=\"ax-p-4 ax-text-center\" *ngIf=\"_showText\">Drag your file here or, <span class=\"ax-text-primary-500\">click to browse</span></div>\r\n    </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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"}

package/form/src/form.component.d.ts

@@ -34,6 +34,8 @@ export declare class AXFormComponent extends AXBaseComponentMixin {
     *  @ignore
     */
     constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    _handleSubmit(e: SubmitEvent): void;
+    _handleReset(e: Event): void;
     private _getComponenets;
     onViewInit(): void;
     private _bindEvents;

package/image/src/image.component.d.ts

@@ -1,18 +1,27 @@
-import { OnInit } from '@angular/core';
+import { AXHtmlEvent } from '@acorex/components/common';
+import { AXBaseComponent } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class AXImageComponent implements OnInit {
+export declare class AXImageComponent extends AXBaseComponent {
+    private cdr;
+    /**
+    *  @ignore
+    */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
     src?: string | null;
     alt?: string | null;
+    priority: 'low' | 'auto' | 'high';
     lazy: boolean;
+    onLoad: EventEmitter<AXHtmlEvent>;
+    onError: EventEmitter<AXHtmlEvent<ErrorEvent>>;
     _hasError: boolean;
     _isLoaded: boolean;
     _isLoading: boolean;
-    constructor();
-    ngOnInit(): void;
-    _handleLoadImage(e: any): void;
-    _handleErrorImage(e: any): void;
+    onInit(): void;
+    _handleLoadImage(e: Event): void;
+    _handleErrorImage(e: ErrorEvent): void;
     get __stateError(): boolean;
     get __stateLoading(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AXImageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageComponent, "ax-image", never, { "src": "src"; "alt": "alt"; "lazy": "lazy"; }, {}, never, ["ax-overlay", "ax-placeholder", "ax-loading"], false>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXImageComponent, "ax-image", never, { "src": "src"; "alt": "alt"; "priority": "priority"; "lazy": "lazy"; }, { "onLoad": "onLoad"; "onError": "onError"; }, never, ["ax-overlay", "ax-placeholder", "ax-loading"], false>;
 }

package/menu/src/menu.component.d.ts

@@ -18,6 +18,7 @@ export declare class AXMenuComponent extends AXBaseMenuMixin implements OnInit {
     _overlayRef: OverlayRef;
     get emptyTemplate(): TemplateRef<any>;
     get itemTemplate(): TemplateRef<any>;
+    rtl: boolean;
     private _levelCount;
     private _oldItem;
     constructor(_elementRef: ElementRef, cdr: ChangeDetectorRef, _overlay: Overlay, _platform: AXPlatform);

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

@@ -58,7 +58,7 @@ export declare function _BaseComponenetMixin<TBase extends Constructor<AXBaseCom
          * A token that specifies the layout direction of component.
          */
         rtl: boolean;
-        "__#32621@#elementRef": ElementRef<any>;
+        "__#34338@#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;
-        "__#32622@#isLoading": boolean;
-        "__#32622@#loadedItems": any;
+        "__#34339@#isLoading": boolean;
+        "__#34339@#loadedItems": any;
         visibleField: string;
         disableField: string;
         hasChildField: string;
@@ -16,7 +16,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         orientation: 'horizontal' | 'vertical' | 'sidemenu';
         dividerField: string;
         onMenuItemClick: EventEmitter<AXItemClickEvent<any>>;
-        "__#32622@#items": any;
+        "__#34339@#items": any;
         items: any;
         readonly displayItems: any;
         readonly isLoading: boolean;
@@ -28,7 +28,7 @@ export declare function _BaseMenuComponentMixin<TBase extends Constructor<AXBase
         refresh(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -27,7 +27,7 @@ export declare function _ButtonComponentMixin<TBase extends Constructor<AXBaseCo
         };
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -14,7 +14,7 @@ export declare function _ClickableComponenetMixin<TBase extends Constructor<AXBa
         *  @ignore
         */
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -18,7 +18,7 @@ export declare function _ColorLookComponentMixin<TBase extends Constructor<AXBas
         look: AXStyleLookType;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#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;
-        "__#32623@#currentPage": number;
-        "__#32623@#isLoading": boolean;
-        "__#32623@#loadedItems": any[];
-        "__#32623@#flatItems": any[];
-        "__#32623@#totalItems": number;
-        "__#32623@#isLazy": boolean;
+        "__#34340@#currentPage": number;
+        "__#34340@#isLoading": boolean;
+        "__#34340@#loadedItems": any[];
+        "__#34340@#flatItems": any[];
+        "__#34340@#totalItems": number;
+        "__#34340@#isLazy": boolean;
         readonly totalCount: number;
         readonly isLazy: boolean;
         readonly loadedCount: number;
-        "__#32623@#items": AXDataListItems;
+        "__#34340@#items": AXDataListItems;
         items: AXDataListItems;
         readonly displayItems: any[];
         readonly flatItems: any[];
@@ -26,14 +26,14 @@ export declare function _DatalistComponenetMixin<TBase extends Constructor<AXBas
             searchQuery?: string;
         }): void;
         _onDataLoaded(): void;
-        "__#32623@#generateFlatItems"(): void;
+        "__#34340@#generateFlatItems"(): void;
         _getItemDisplayTextTemplte(item: any): any;
         _trackByFunction(item: any): any;
         refresh(): void;
         empty(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;

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

@@ -24,7 +24,7 @@ export declare function _DropdownComponenetMixin<TBase extends Constructor<AXBas
     readonly isOpen: boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#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[]) => {
-    "__#32624@#disabled": boolean;
+    "__#34341@#disabled": boolean;
     /**
     *  If set to true, it disables the component.
     */
     disabled: boolean;
-    "__#32624@#tabIndex": number;
+    "__#34341@#tabIndex": number;
     /**
     *  Specifies the tabindex of the component.
     */
@@ -35,7 +35,7 @@ export declare function _InteractiveComponenetMixin<TBase extends Constructor<AX
     hasFocus(): boolean;
     id: string;
     rtl: boolean;
-    "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+    "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
     _cdr: import("@angular/core").ChangeDetectorRef;
     _isInited: boolean;
     _isRendered: boolean;

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

@@ -17,7 +17,7 @@ export declare function _LoadingComponenetMixin<TBase extends Constructor<AXBase
         _onInternalInit(): void;
         id: string;
         rtl: boolean;
-        "__#32621@#elementRef": import("@angular/core").ElementRef<any>;
+        "__#34338@#elementRef": import("@angular/core").ElementRef<any>;
         _cdr: import("@angular/core").ChangeDetectorRef;
         _isInited: boolean;
         _isRendered: boolean;