@acorex/components 7.0.41 → 7.1.1

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

@@ -0,0 +1,131 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@acorex/components/checkbox';
+import { AXCheckBoxModule } from '@acorex/components/checkbox';
+
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+class AXTreeViewComponent {
+    /**
+     *  @ignore
+     */
+    constructor() { }
+    ngOnInit() { }
+    showLines = 'all';
+    list = [
+        {
+            title: 'childless',
+            children: [],
+        },
+        {
+            title: 'great grandparent',
+            children: [
+                {
+                    title: 'childless grandsibiling',
+                    children: [],
+                },
+                {
+                    title: 'grandparent',
+                    children: [
+                        {
+                            title: 'childless sibiling',
+                            children: [],
+                        },
+                        {
+                            title: 'another childless sibiling',
+                            children: [],
+                        },
+                        {
+                            title: 'parent',
+                            children: [
+                                {
+                                    title: 'child',
+                                    children: [],
+                                },
+                                {
+                                    title: 'another child',
+                                    children: [],
+                                },
+                            ],
+                        },
+                        {
+                            title: 'another parent',
+                            children: [
+                                {
+                                    title: 'child',
+                                    children: [],
+                                },
+                            ],
+                        },
+                    ],
+                },
+                {
+                    title: 'another grandparent',
+                    children: [
+                        {
+                            title: 'parent',
+                            children: [
+                                {
+                                    title: 'child',
+                                    children: [],
+                                },
+                                {
+                                    title: 'another child',
+                                    children: [],
+                                },
+                                {
+                                    title: 'a third child',
+                                    children: [],
+                                },
+                                {
+                                    title: 'teen mother',
+                                    children: [
+                                        {
+                                            title: 'accident',
+                                            children: [],
+                                        },
+                                    ],
+                                },
+                            ],
+                        },
+                    ],
+                },
+            ],
+        },
+    ];
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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"] }]
+        }], 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] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXTreeViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXTreeViewComponent],
+                    imports: [CommonModule, AXCheckBoxModule],
+                    exports: [AXTreeViewComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXTreeViewComponent, AXTreeViewModule };
+//# sourceMappingURL=acorex-components-tree-view.mjs.map

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

@@ -0,0 +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":"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"}

package/fesm2022/acorex-components-uploader.mjs

@@ -0,0 +1,125 @@
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Output, ViewChild, Input, HostListener, HostBinding, NgModule } from '@angular/core';
+import * as i1 from '@acorex/core/file';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { AXDecoratorModule } from '@acorex/components/decorators';
+
+class AXUploaderComponent extends AXBaseComponentMixin {
+    _fileService;
+    onValueChanged = new EventEmitter();
+    firstInit = true;
+    _showText = true;
+    constructor(elementRef, cdr, _fileService) {
+        super(elementRef, cdr);
+        this._fileService = _fileService;
+    }
+    _placeholder;
+    multiple = false;
+    accept = '*/*';
+    _dropArea;
+    async _handleClick(e) {
+        const files = await this._fileService.choose({
+            accept: this.accept,
+            multiple: this.multiple,
+        });
+        this._handleFiles(files);
+    }
+    async _handleDrop(e) {
+        let dt = e.dataTransfer;
+        let files = dt.files;
+        this._handleFiles(Array.from(files));
+        e.preventDefault();
+    }
+    _handleFiles(files) {
+        this.onValueChanged.emit({
+            component: this,
+            isUserInteraction: true,
+            value: files,
+            htmlElement: this._getHostElement(),
+        });
+    }
+    onInit() {
+        this._dropArea = this._getHostElement();
+        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach((eventName) => {
+            this._dropArea.addEventListener(eventName, this.preventDefaults, false);
+        });
+        ['dragenter', 'dragover'].forEach((eventName) => {
+            this._dropArea.addEventListener(eventName, this._handleHighlight.bind(this), false);
+        });
+        ['dragleave', 'drop'].forEach((eventName) => {
+            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();
+    }
+    _handleHighlight(e) {
+        this._dropArea.classList.add('ax-state-hover');
+    }
+    _handleUnhighlight(e) {
+        this._dropArea.classList.remove('ax-state-hover');
+    }
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", 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"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.AXFileService }]; }, propDecorators: { onValueChanged: [{
+                type: Output
+            }], _placeholder: [{
+                type: ViewChild,
+                args: ['contentRef', { static: true }]
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], _handleClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], _handleDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }], __defaultClass: [{
+                type: HostBinding,
+                args: ['class.ax-look-default']
+            }] } });
+
+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] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: AXUploaderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AXUploaderComponent],
+                    imports: [CommonModule, AXDecoratorModule],
+                    exports: [AXUploaderComponent],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXUploaderComponent, AXUploaderModule };
+//# sourceMappingURL=acorex-components-uploader.mjs.map

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

@@ -0,0 +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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"}

package/fesm2022/acorex-components.mjs

@@ -0,0 +1,11 @@
+/*
+ * Public API Surface of components
+ */
+const ACOREX_COMPONENTS = "@acorex/components";
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ACOREX_COMPONENTS };
+//# sourceMappingURL=acorex-components.mjs.map

package/form/index.d.ts

@@ -1,5 +1,5 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@acorex/components/form" />
-export * from './public-api';
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@acorex/components/form" />
+export * from './public-api';

package/form/public-api.d.ts

@@ -1,6 +1,6 @@
-export * from './src/form-field.component';
-export * from './src/form.component';
-export * from './src/validation-rule.widget';
-export * from './src/validation-summary.component';
-export * from './src/validation.class';
-export * from './src/form.module';
+export * from './src/form-field.component';
+export * from './src/form.component';
+export * from './src/validation-rule.widget';
+export * from './src/validation-summary.component';
+export * from './src/validation.class';
+export * from './src/form.module';

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

@@ -1,8 +1,8 @@
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class AXFormFieldComponent extends AXBaseComponentMixin {
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, {}, {}, never, ["*"], false, never>;
-}
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXFormFieldComponent extends AXBaseComponentMixin {
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormFieldComponent, "ax-form-field", never, {}, {}, never, ["*"], false, never>;
+}

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

@@ -1,51 +1,51 @@
-import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
-import { AXEvent } from '@acorex/components/common';
-import { AXFormValidationResult } from './validation.class';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import * as i0 from "@angular/core";
-/**
- *  Contains native event
- * @category Events
- */
-export declare class AXFormValidationEvent extends AXEvent {
-    result: AXFormValidationResult;
-}
-/**
- *  Contains native event
- * @category Events
- */
-export declare type AXFormUpdateOn = 'change' | 'blur' | 'manual';
-/**
- * The Button is a component which detects user interaction and triggers a corresponding event
- *
- * @category Components
- */
-export declare class AXFormComponent extends AXBaseComponentMixin {
-    private cdr;
-    validationMessageMode: 'normal' | 'tooltip';
-    onValidate: EventEmitter<AXFormValidationEvent>;
-    updateOnChange: EventEmitter<AXFormUpdateOn>;
-    private _updateOn;
-    get updateOn(): AXFormUpdateOn;
-    set updateOn(v: AXFormUpdateOn);
-    validateInitValues: boolean;
-    private _observer;
-    private _subs;
-    /**
-     *  @ignore
-     */
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    _handleSubmit(e: SubmitEvent): void;
-    _handleReset(e: Event): void;
-    private _getComponenets;
-    onViewInit(): void;
-    private _bindEvents;
-    private _clearSubs;
-    private _validateInitValues;
-    validate(...args: string[]): Promise<AXFormValidationResult>;
-    private _emitOnValidateEvent;
-    clear(): void;
-    onDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "validationMessageMode": "validationMessageMode"; "updateOn": "updateOn"; "validateInitValues": "validateInitValues"; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, never, ["*"], false, never>;
-}
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { AXEvent } from '@acorex/components/common';
+import { AXFormValidationResult } from './validation.class';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+/**
+ *  Contains native event
+ * @category Events
+ */
+export declare class AXFormValidationEvent extends AXEvent {
+    result: AXFormValidationResult;
+}
+/**
+ *  Contains native event
+ * @category Events
+ */
+export type AXFormUpdateOn = 'change' | 'blur' | 'manual';
+/**
+ * The Button is a component which detects user interaction and triggers a corresponding event
+ *
+ * @category Components
+ */
+export declare class AXFormComponent extends AXBaseComponentMixin {
+    private cdr;
+    validationMessageMode: 'normal' | 'tooltip';
+    onValidate: EventEmitter<AXFormValidationEvent>;
+    updateOnChange: EventEmitter<AXFormUpdateOn>;
+    private _updateOn;
+    get updateOn(): AXFormUpdateOn;
+    set updateOn(v: AXFormUpdateOn);
+    validateInitValues: boolean;
+    private _observer;
+    private _subs;
+    /**
+     *  @ignore
+     */
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    _handleSubmit(e: SubmitEvent): void;
+    _handleReset(e: Event): void;
+    private _getComponenets;
+    onViewInit(): void;
+    private _bindEvents;
+    private _clearSubs;
+    private _validateInitValues;
+    validate(...args: string[]): Promise<AXFormValidationResult>;
+    private _emitOnValidateEvent;
+    clear(): void;
+    onDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXFormComponent, "ax-form", never, { "validationMessageMode": { "alias": "validationMessageMode"; "required": false; }; "updateOn": { "alias": "updateOn"; "required": false; }; "validateInitValues": { "alias": "validateInitValues"; "required": false; }; }, { "onValidate": "onValidate"; "updateOnChange": "updateOnChange"; }, never, ["*"], false, never>;
+}

package/form/src/form.module.d.ts

@@ -1,15 +1,15 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./form-field.component";
-import * as i2 from "./form.component";
-import * as i3 from "./validation-rule.widget";
-import * as i4 from "./validation-summary.component";
-import * as i5 from "@angular/common";
-import * as i6 from "@acorex/components/decorators";
-import * as i7 from "@acorex/components/alert";
-import * as i8 from "@acorex/components/button";
-export declare class AXFormModule {
-    constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFormModule, [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXValidationRuleComponent, typeof i4.AXValidationSummaryComponent], [typeof i5.CommonModule, typeof i6.AXDecoratorModule, typeof i7.AXAlertModule, typeof i8.AXButtonModule], [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXValidationRuleComponent, typeof i4.AXValidationSummaryComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AXFormModule>;
-}
+import * as i0 from "@angular/core";
+import * as i1 from "./form-field.component";
+import * as i2 from "./form.component";
+import * as i3 from "./validation-rule.widget";
+import * as i4 from "./validation-summary.component";
+import * as i5 from "@angular/common";
+import * as i6 from "@acorex/components/decorators";
+import * as i7 from "@acorex/components/alert";
+import * as i8 from "@acorex/components/button";
+export declare class AXFormModule {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXFormModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXFormModule, [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXValidationRuleComponent, typeof i4.AXValidationSummaryComponent], [typeof i5.CommonModule, typeof i6.AXDecoratorModule, typeof i7.AXAlertModule, typeof i8.AXButtonModule], [typeof i1.AXFormFieldComponent, typeof i2.AXFormComponent, typeof i3.AXValidationRuleComponent, typeof i4.AXValidationSummaryComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXFormModule>;
+}

package/form/src/validation-rule.widget.d.ts

@@ -1,18 +1,18 @@
-import { ChangeDetectorRef, ElementRef } from '@angular/core';
-import { AXValidationRuleResult, AXValidationRule, AXValidationRuleTypes } from './validation.class';
-import { AXBaseComponentMixin } from '@acorex/components/mixin';
-import * as i0 from "@angular/core";
-export declare class AXValidationRuleComponent extends AXBaseComponentMixin implements AXValidationRule {
-    rule: AXValidationRuleTypes;
-    message: string;
-    showMessage: boolean;
-    value: any;
-    enabled: boolean;
-    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
-    onInit(): void;
-    validate(value: any): Promise<AXValidationRuleResult>;
-    private _internalValidate;
-    private _isNullOrEmpty;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationRuleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationRuleComponent, "ax-validation-rule", never, { "rule": "rule"; "message": "message"; "showMessage": "showMessage"; "value": "value"; "enabled": "enabled"; }, {}, never, never, false, never>;
-}
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { AXValidationRuleResult, AXValidationRule, AXValidationRuleTypes } from './validation.class';
+import { AXBaseComponentMixin } from '@acorex/components/mixin';
+import * as i0 from "@angular/core";
+export declare class AXValidationRuleComponent extends AXBaseComponentMixin implements AXValidationRule {
+    rule: AXValidationRuleTypes;
+    message: string;
+    showMessage: boolean;
+    value: any;
+    enabled: boolean;
+    constructor(elementRef: ElementRef, cdr: ChangeDetectorRef);
+    onInit(): void;
+    validate(value: any): Promise<AXValidationRuleResult>;
+    private _internalValidate;
+    private _isNullOrEmpty;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationRuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationRuleComponent, "ax-validation-rule", never, { "rule": { "alias": "rule"; "required": false; }; "message": { "alias": "message"; "required": false; }; "showMessage": { "alias": "showMessage"; "required": false; }; "value": { "alias": "value"; "required": false; }; "enabled": { "alias": "enabled"; "required": false; }; }, {}, never, never, false, never>;
+}

package/form/src/validation-summary.component.d.ts

@@ -1,23 +1,23 @@
-import { ChangeDetectorRef, ElementRef } from "@angular/core";
-import { AXEvent } from "@acorex/components/common";
-import { AXToastService } from "@acorex/components/toast";
-import { AXFormComponent } from "./form.component";
-import { AXBaseComponentMixin } from "@acorex/components/mixin";
-import * as i0 from "@angular/core";
-export declare type AXValidationSummaryDisplayMode = 'toast' | 'alert';
-export declare class AXValidationSummaryComponent extends AXBaseComponentMixin {
-    private _tosatService;
-    private _parent;
-    _content?: string;
-    private _title;
-    get title(): string;
-    set title(v: string);
-    displayMode: AXValidationSummaryDisplayMode;
-    timeOut?: number;
-    autoHide: boolean;
-    _timeOut: number;
-    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _tosatService: AXToastService, _parent: AXFormComponent);
-    _handleOnDismissed(e: AXEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, [null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": "title"; "displayMode": "displayMode"; "timeOut": "timeOut"; "autoHide": "autoHide"; }, {}, never, never, false, never>;
-}
+import { ChangeDetectorRef, ElementRef } from "@angular/core";
+import { AXEvent } from "@acorex/components/common";
+import { AXToastService } from "@acorex/components/toast";
+import { AXFormComponent } from "./form.component";
+import { AXBaseComponentMixin } from "@acorex/components/mixin";
+import * as i0 from "@angular/core";
+export type AXValidationSummaryDisplayMode = 'toast' | 'alert';
+export declare class AXValidationSummaryComponent extends AXBaseComponentMixin {
+    private _tosatService;
+    private _parent;
+    _content?: string;
+    private _title;
+    get title(): string;
+    set title(v: string);
+    displayMode: AXValidationSummaryDisplayMode;
+    timeOut?: number;
+    autoHide: boolean;
+    _timeOut: number;
+    constructor(_elementRef: ElementRef, _cdr: ChangeDetectorRef, _tosatService: AXToastService, _parent: AXFormComponent);
+    _handleOnDismissed(e: AXEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXValidationSummaryComponent, [null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AXValidationSummaryComponent, "ax-validation-summary", never, { "title": { "alias": "title"; "required": false; }; "displayMode": { "alias": "displayMode"; "required": false; }; "timeOut": { "alias": "timeOut"; "required": false; }; "autoHide": { "alias": "autoHide"; "required": false; }; }, {}, never, never, false, never>;
+}

package/form/src/validation.class.d.ts

@@ -1,18 +1,18 @@
-export declare type AXValidationRuleTypes = 'required' | 'regex' | 'callback' | 'custom';
-export interface AXValidationRule {
-    message?: string;
-    rule: AXValidationRuleTypes;
-    value?: any;
-    enabled?: boolean;
-}
-export interface AXValidationRuleResult {
-    message?: string;
-    name?: string;
-    result: boolean;
-    value?: any;
-    id?: string;
-}
-export interface AXFormValidationResult {
-    result: boolean;
-    items?: AXValidationRuleResult[];
-}
+export type AXValidationRuleTypes = 'required' | 'regex' | 'callback' | 'custom';
+export interface AXValidationRule {
+    message?: string;
+    rule: AXValidationRuleTypes;
+    value?: any;
+    enabled?: boolean;
+}
+export interface AXValidationRuleResult {
+    message?: string;
+    name?: string;
+    result: boolean;
+    value?: any;
+    id?: string;
+}
+export interface AXFormValidationResult {
+    result: boolean;
+    items?: AXValidationRuleResult[];
+}