@elementar-rt/components 0.6.55

package/fesm2022/elementar-rt-components-upload.mjs

@@ -0,0 +1,340 @@
+import * as i0 from '@angular/core';
+import { inject, Renderer2, input, booleanAttribute, output, signal, Component, numberAttribute, ChangeDetectionStrategy, ElementRef, DestroyRef, Directive, TemplateRef } from '@angular/core';
+import { GaugeValueComponent, GaugeComponent } from '@elementar-rt/components/gauge';
+import { fromEvent } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class UploadAreaComponent {
+    _renderer = inject(Renderer2);
+    accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
+    allowHover = input(true, ...(ngDevMode ? [{ debugName: "allowHover", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    fileSelected = output();
+    isDropActive = signal(false, ...(ngDevMode ? [{ debugName: "isDropActive" }] : []));
+    isDropInvalid = signal(false, ...(ngDevMode ? [{ debugName: "isDropInvalid" }] : []));
+    get api() {
+        return {
+            isDropActive: this.isDropActive()
+        };
+    }
+    handleDragOver(event) {
+        event.preventDefault();
+    }
+    handleDragEnter(event) {
+        if (event.dataTransfer) {
+            const items = event.dataTransfer.items;
+            let allFilesAreValid = true;
+            if (this.accept()) {
+                const accept = this.accept().split(',');
+                if (items && items.length > 0) {
+                    const draggedItems = Array.from(items);
+                    allFilesAreValid = draggedItems.every((item) => item.kind === 'file' && this.isMimeTypeAllowed(item.type, accept));
+                }
+            }
+            this.isDropActive.set(allFilesAreValid);
+            this.isDropInvalid.set(!allFilesAreValid);
+        }
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    handleDragLeave(event) {
+        const relatedTarget = event.relatedTarget;
+        if (!relatedTarget.closest('.emr-upload-area')) {
+            this.isDropActive.set(false);
+            this.isDropInvalid.set(false);
+        }
+        event.preventDefault();
+    }
+    handleDragEnd(event) {
+        this.isDropActive.set(false);
+        this.isDropInvalid.set(false);
+        event.preventDefault();
+    }
+    handleDrop(event) {
+        event.preventDefault();
+        this.isDropActive.set(false);
+        this.isDropInvalid.set(false);
+        if (event.dataTransfer) {
+            const accept = this.accept().split(',');
+            const files = Array.from(event.dataTransfer?.files).filter(file => this.isMimeTypeAllowed(file.type, accept));
+            if (files.length === 0) {
+                return;
+            }
+            this.fileSelected.emit({
+                multiple: this.multiple(),
+                fileList: event.dataTransfer.files,
+                event,
+                files
+            });
+        }
+    }
+    isMimeTypeAllowed(fileMimeType, allowedMimeTypes) {
+        return allowedMimeTypes.some(allowedType => {
+            if (allowedType === '*/*' || allowedType === '*') {
+                return true;
+            }
+            if (allowedType.endsWith('/*')) {
+                const baseType = allowedType.slice(0, -2);
+                return fileMimeType.startsWith(`${baseType}/`);
+            }
+            return fileMimeType === allowedType;
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: UploadAreaComponent, isStandalone: true, selector: "emr-upload-area", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, allowHover: { classPropertyName: "allowHover", publicName: "allowHover", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileSelected: "fileSelected" }, host: { listeners: { "dragover": "handleDragOver($event)", "dragenter": "handleDragEnter($event)", "dragleave": "handleDragLeave($event)", "dragend": "handleDragEnd($event)", "drop": "handleDrop($event)" }, properties: { "class.is-drop-active": "isDropActive()", "class.is-drop-invalid": "isDropInvalid()", "class.is-allow-hover": "allowHover()" }, classAttribute: "emr-upload-area" }, exportAs: ["emrUploadArea"], ngImport: i0, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrUploadAreaIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n  <div class=\"state\" [class.is-active]=\"!isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaMainState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaDropState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaInvalidState]\"/>\r\n  </div>\r\n</div>\r\n", styles: [":host{--emr-upload-area-bg: transparent;--emr-upload-area-padding: calc(var(--spacing, .25rem) * 10);--emr-upload-area-border: 1px solid var(--color-border);--emr-upload-area-border-radius: 1rem;--emr-upload-area-font-size: .875rem;--emr-upload-area-color: var(--color-neutral-600);--emr-upload-area-drop-active-border: 1px dashed var(--color-primary);--emr-upload-area-drop-active-color: var(--color-primary);--emr-upload-area-drop-active-bg: var(--color-primary-200);--emr-upload-area-drop-invalid-border: 1px dashed var(--color-red-500);--emr-upload-area-drop-invalid-color: var(--color-red-500);--emr-upload-area-drop-invalid-bg: var(--color-red-100);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:var(--emr-upload-area-color);border-radius:var(--emr-upload-area-border-radius);border:var(--emr-upload-area-border);font-size:var(--emr-upload-area-font-size);background-color:var(--emr-upload-area-bg);padding:var(--emr-upload-area-padding)}:host.is-allow-hover:hover{cursor:pointer;border:var(--emr-upload-area-drop-active-border);color:var(--emr-upload-area-drop-active-color);background:var(--emr-upload-area-drop-active-bg)}:host.is-drop-active{border:var(--emr-upload-area-drop-active-border);color:var(--emr-upload-area-drop-active-color);background:var(--emr-upload-area-drop-active-bg)}:host.is-drop-invalid{border:var(--emr-upload-area-drop-invalid-border);color:var(--emr-upload-area-drop-invalid-color);background:var(--emr-upload-area-drop-invalid-bg)}:host .state{display:none}:host .state.is-active{display:block}:host .icon{margin-bottom:calc(var(--spacing, .25rem) * 2)}:host .icon:empty{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-upload-area', exportAs: 'emrUploadArea', imports: [], host: {
+                        'class': 'emr-upload-area',
+                        '[class.is-drop-active]': 'isDropActive()',
+                        '[class.is-drop-invalid]': 'isDropInvalid()',
+                        '[class.is-allow-hover]': 'allowHover()',
+                        '(dragover)': 'handleDragOver($event)',
+                        '(dragenter)': 'handleDragEnter($event)',
+                        '(dragleave)': 'handleDragLeave($event)',
+                        '(dragend)': 'handleDragEnd($event)',
+                        '(drop)': 'handleDrop($event)',
+                    }, template: "<div class=\"icon\">\r\n  <ng-content select=\"[emrUploadAreaIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n  <div class=\"state\" [class.is-active]=\"!isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaMainState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaDropState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaInvalidState]\"/>\r\n  </div>\r\n</div>\r\n", styles: [":host{--emr-upload-area-bg: transparent;--emr-upload-area-padding: calc(var(--spacing, .25rem) * 10);--emr-upload-area-border: 1px solid var(--color-border);--emr-upload-area-border-radius: 1rem;--emr-upload-area-font-size: .875rem;--emr-upload-area-color: var(--color-neutral-600);--emr-upload-area-drop-active-border: 1px dashed var(--color-primary);--emr-upload-area-drop-active-color: var(--color-primary);--emr-upload-area-drop-active-bg: var(--color-primary-200);--emr-upload-area-drop-invalid-border: 1px dashed var(--color-red-500);--emr-upload-area-drop-invalid-color: var(--color-red-500);--emr-upload-area-drop-invalid-bg: var(--color-red-100);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;color:var(--emr-upload-area-color);border-radius:var(--emr-upload-area-border-radius);border:var(--emr-upload-area-border);font-size:var(--emr-upload-area-font-size);background-color:var(--emr-upload-area-bg);padding:var(--emr-upload-area-padding)}:host.is-allow-hover:hover{cursor:pointer;border:var(--emr-upload-area-drop-active-border);color:var(--emr-upload-area-drop-active-color);background:var(--emr-upload-area-drop-active-bg)}:host.is-drop-active{border:var(--emr-upload-area-drop-active-border);color:var(--emr-upload-area-drop-active-color);background:var(--emr-upload-area-drop-active-bg)}:host.is-drop-invalid{border:var(--emr-upload-area-drop-invalid-border);color:var(--emr-upload-area-drop-invalid-color);background:var(--emr-upload-area-drop-invalid-bg)}:host .state{display:none}:host .state.is-active{display:block}:host .icon{margin-bottom:calc(var(--spacing, .25rem) * 2)}:host .icon:empty{display:none}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], allowHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowHover", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], fileSelected: [{ type: i0.Output, args: ["fileSelected"] }] } });
+
+class FileListComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: FileListComponent, isStandalone: true, selector: "emr-file-list", host: { classAttribute: "emr-file-list" }, exportAs: ["emrFileList"], ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{--emr-file-list-gap: calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:column;gap:var(--emr-file-list-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-file-list', exportAs: 'emrFileList', host: {
+                        'class': 'emr-file-list'
+                    }, template: "<ng-content/>\r\n", styles: [":host{--emr-file-list-gap: calc(var(--spacing, .25rem) * 3);display:flex;flex-direction:column;gap:var(--emr-file-list-gap)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class FileComponent {
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    progress = input(0, ...(ngDevMode ? [{ debugName: "progress", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    progressingMessage = input(...(ngDevMode ? [undefined, { debugName: "progressingMessage" }] : []));
+    errorMessage = input(...(ngDevMode ? [undefined, { debugName: "errorMessage" }] : []));
+    remainingTime = input(...(ngDevMode ? [undefined, { debugName: "remainingTime" }] : []));
+    state = input('uploading', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: FileComponent, isStandalone: true, selector: "emr-file", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, progressingMessage: { classPropertyName: "progressingMessage", publicName: "progressingMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, remainingTime: { classPropertyName: "remainingTime", publicName: "remainingTime", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.has-error": "state() === 'error'" }, classAttribute: "emr-file" }, exportAs: ["emrFile"], ngImport: i0, template: "<div class=\"content\">\r\n  <div class=\"flex items-center min-w-0\">\r\n    <div class=\"overflow-hidden overflow-ellipsis whitespace-nowrap grow name\">{{ name() }}</div>\r\n    <div class=\"controls\">\r\n      <ng-content select=\"emr-file-control,[emr-file-control]\"/>\r\n    </div>\r\n  </div>\r\n  @if (size() || (state() === 'uploading' && progress())) {\r\n    <div class=\"info\">\r\n      @if (size()) {\r\n        <span class=\"uppercase\">{{ size() }}</span>\r\n      }\r\n      @if (size() && progress()) {\r\n        ,\r\n      }\r\n      @if (progress()) {\r\n        {{ progress() }}%\r\n      }\r\n      @if (remainingTime()) {\r\n        {{ remainingTime() }}\r\n      }\r\n    </div>\r\n  }\r\n  @if (progress()) {\r\n    <div class=\"progress\">\r\n      <div class=\"progress-bar\" [style.width.%]=\"progress()\"></div>\r\n    </div>\r\n  }\r\n  @if (state() === 'error' && errorMessage()) {\r\n    <div class=\"error\">\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{--emr-file-padding: calc(var(--spacing, .25rem) * 4);--emr-file-border-radius: 1rem;--emr-file-bg: var(--color-surface-container);--emr-file-error-bg: var(--color-error-200);--emr-file-controls-gap: calc(var(--spacing, .25rem) * 1.5);--emr-file-progress-margin: calc(var(--spacing, .25rem) * 2) 0 0 0;--emr-file-progress-bg: var(--color-surface-container-highest);--emr-file-progress-height: calc(var(--spacing, .25rem) * 1);--emr-file-progress-border-radius: .5rem;--emr-file-progress-bar-bg: var(--color-primary);--emr-file-control-color: var(--color-neutral-500);--emr-file-control-hover-color: var(--color-primary);--emr-file-control-font-size: 1.25rem;--emr-file-name-font-size: .875rem;--emr-file-info-font-size: .75rem;--emr-file-info-color: var(--color-neutral-600);--emr-file-error-font-size: .75rem;--emr-file-error-color: var(--color-error-500);display:flex;align-items:center;width:100%;overflow:hidden;text-overflow:ellipsis;padding:var(--emr-file-padding);border-radius:var(--emr-file-border-radius);background:var(--emr-file-bg)}:host .name{font-size:var(--emr-file-name-font-size)}:host .info{font-size:var(--emr-file-info-font-size);color:var(--emr-file-info-color)}:host .content{min-width:0;flex-grow:1}:host .controls{display:flex;align-items:center;gap:var(--emr-file-controls-gap)}:host .progress{background:var(--emr-file-progress-bg);height:var(--emr-file-progress-height);flex:none;border-radius:var(--emr-file-progress-border-radius);margin:var(--emr-file-progress-margin)}:host .progress-bar{background:var(--emr-file-progress-bar-bg);border-radius:var(--emr-file-progress-border-radius);height:100%}:host .error{font-size:var(--emr-file-error-font-size);color:var(--emr-file-error-color)}:host.has-error{background:var(--emr-file-error-bg)}:host-context(html.dark){--emr-file-error-color: oklch(80.8% .114 19.571);--emr-file-progress-bg: var(--color-neutral-500);--emr-file-control-hover-color: var(--color-neutral-300)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-file', exportAs: 'emrFile', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-file',
+                        '[class.has-error]': "state() === 'error'"
+                    }, template: "<div class=\"content\">\r\n  <div class=\"flex items-center min-w-0\">\r\n    <div class=\"overflow-hidden overflow-ellipsis whitespace-nowrap grow name\">{{ name() }}</div>\r\n    <div class=\"controls\">\r\n      <ng-content select=\"emr-file-control,[emr-file-control]\"/>\r\n    </div>\r\n  </div>\r\n  @if (size() || (state() === 'uploading' && progress())) {\r\n    <div class=\"info\">\r\n      @if (size()) {\r\n        <span class=\"uppercase\">{{ size() }}</span>\r\n      }\r\n      @if (size() && progress()) {\r\n        ,\r\n      }\r\n      @if (progress()) {\r\n        {{ progress() }}%\r\n      }\r\n      @if (remainingTime()) {\r\n        {{ remainingTime() }}\r\n      }\r\n    </div>\r\n  }\r\n  @if (progress()) {\r\n    <div class=\"progress\">\r\n      <div class=\"progress-bar\" [style.width.%]=\"progress()\"></div>\r\n    </div>\r\n  }\r\n  @if (state() === 'error' && errorMessage()) {\r\n    <div class=\"error\">\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{--emr-file-padding: calc(var(--spacing, .25rem) * 4);--emr-file-border-radius: 1rem;--emr-file-bg: var(--color-surface-container);--emr-file-error-bg: var(--color-error-200);--emr-file-controls-gap: calc(var(--spacing, .25rem) * 1.5);--emr-file-progress-margin: calc(var(--spacing, .25rem) * 2) 0 0 0;--emr-file-progress-bg: var(--color-surface-container-highest);--emr-file-progress-height: calc(var(--spacing, .25rem) * 1);--emr-file-progress-border-radius: .5rem;--emr-file-progress-bar-bg: var(--color-primary);--emr-file-control-color: var(--color-neutral-500);--emr-file-control-hover-color: var(--color-primary);--emr-file-control-font-size: 1.25rem;--emr-file-name-font-size: .875rem;--emr-file-info-font-size: .75rem;--emr-file-info-color: var(--color-neutral-600);--emr-file-error-font-size: .75rem;--emr-file-error-color: var(--color-error-500);display:flex;align-items:center;width:100%;overflow:hidden;text-overflow:ellipsis;padding:var(--emr-file-padding);border-radius:var(--emr-file-border-radius);background:var(--emr-file-bg)}:host .name{font-size:var(--emr-file-name-font-size)}:host .info{font-size:var(--emr-file-info-font-size);color:var(--emr-file-info-color)}:host .content{min-width:0;flex-grow:1}:host .controls{display:flex;align-items:center;gap:var(--emr-file-controls-gap)}:host .progress{background:var(--emr-file-progress-bg);height:var(--emr-file-progress-height);flex:none;border-radius:var(--emr-file-progress-border-radius);margin:var(--emr-file-progress-margin)}:host .progress-bar{background:var(--emr-file-progress-bar-bg);border-radius:var(--emr-file-progress-border-radius);height:100%}:host .error{font-size:var(--emr-file-error-font-size);color:var(--emr-file-error-color)}:host.has-error{background:var(--emr-file-error-bg)}:host-context(html.dark){--emr-file-error-color: oklch(80.8% .114 19.571);--emr-file-progress-bg: var(--color-neutral-500);--emr-file-control-hover-color: var(--color-neutral-300)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], progressingMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressingMessage", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], remainingTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "remainingTime", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }] } });
+
+class FileControlComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: FileControlComponent, isStandalone: true, selector: "emr-file-control,[emr-file-control]", host: { classAttribute: "emr-file-control" }, exportAs: ["emrFileControl"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{font-size:var(--emr-file-control-font-size);cursor:pointer;display:inline-flex;color:var(--emr-file-control-color)}:host:hover{color:var(--emr-file-control-hover-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileControlComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-file-control,[emr-file-control]', exportAs: 'emrFileControl', host: {
+                        'class': 'emr-file-control'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{font-size:var(--emr-file-control-font-size);cursor:pointer;display:inline-flex;color:var(--emr-file-control-color)}:host:hover{color:var(--emr-file-control-hover-color)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class FilesGridComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FilesGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: FilesGridComponent, isStandalone: true, selector: "emr-files-grid", host: { classAttribute: "emr-files-grid" }, exportAs: ["emrFilesGrid"], ngImport: i0, template: "<ng-content></ng-content>\r\n", styles: [":host{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 5)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FilesGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-files-grid', exportAs: 'emrFilesGrid', host: {
+                        'class': 'emr-files-grid'
+                    }, template: "<ng-content></ng-content>\r\n", styles: [":host{display:flex;flex-wrap:wrap;gap:calc(var(--spacing, .25rem) * 5)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class GridFileComponent {
+    name = input.required(...(ngDevMode ? [{ debugName: "name" }] : []));
+    size = input(...(ngDevMode ? [undefined, { debugName: "size" }] : []));
+    progress = input(0, ...(ngDevMode ? [{ debugName: "progress", transform: numberAttribute }] : [{
+            transform: numberAttribute
+        }]));
+    progressingMessage = input(...(ngDevMode ? [undefined, { debugName: "progressingMessage" }] : []));
+    errorMessage = input(...(ngDevMode ? [undefined, { debugName: "errorMessage" }] : []));
+    remainingTime = input(...(ngDevMode ? [undefined, { debugName: "remainingTime" }] : []));
+    state = input('uploading', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GridFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.10", type: GridFileComponent, isStandalone: true, selector: "emr-grid-file", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, progress: { classPropertyName: "progress", publicName: "progress", isSignal: true, isRequired: false, transformFunction: null }, progressingMessage: { classPropertyName: "progressingMessage", publicName: "progressingMessage", isSignal: true, isRequired: false, transformFunction: null }, errorMessage: { classPropertyName: "errorMessage", publicName: "errorMessage", isSignal: true, isRequired: false, transformFunction: null }, remainingTime: { classPropertyName: "remainingTime", publicName: "remainingTime", isSignal: true, isRequired: false, transformFunction: null }, state: { classPropertyName: "state", publicName: "state", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.has-error": "state() === 'error'" }, classAttribute: "emr-grid-file" }, exportAs: ["emrGridFile"], ngImport: i0, template: "<div class=\"flex items-center gap-2.5\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrFileIcon]\"/>\r\n  </div>\r\n  <div>\r\n    <div class=\"text-sm overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ name() }}</div>\r\n    @if (size()) {\r\n      <div class=\"text-xs text-neutral-500 overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ size() }}</div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"flex items-center gap-1\">\r\n  @if (state() === 'uploading') {\r\n    <emr-gauge class=\"size-10\" [value]=\"progress()\">\r\n      <emr-gauge-value class=\"text-2xs\">{{ progress() }}%</emr-gauge-value>\r\n    </emr-gauge>\r\n  }\r\n\r\n  <div class=\"controls\">\r\n    <ng-content select=\"[emrGridFileControl]\"/>\r\n  </div>\r\n</div>\r\n\r\n@if (state() === 'error' && errorMessage()) {\r\n  <div class=\"error\">\r\n    {{ errorMessage() }}\r\n  </div>\r\n}\r\n", styles: [":host{--emr-file-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 3);--emr-file-gap: calc(var(--spacing, .25rem) * 4);--emr-file-border-radius: 1rem;--emr-file-bg: var(--color-surface-container);--emr-file-error-bg: var(--color-error-200);--emr-file-controls-gap: calc(var(--spacing, .25rem) * 1);--emr-file-error-font-size: var(--text-2xs);--emr-file-error-color: var(--color-error-500);display:flex;min-width:240px;align-items:center;justify-content:space-between;position:relative;padding:var(--emr-file-padding);gap:var(--emr-file-gap);border-radius:var(--emr-file-border-radius);background:var(--emr-file-bg)}:host .icon{width:32px;max-height:40px}:host .icon:empty{display:none}:host .controls{display:flex;gap:var(--emr-file-controls-gap)}:host .controls:empty{display:none}:host .error{font-size:var(--emr-file-error-font-size);color:var(--emr-file-error-color);position:absolute;bottom:0;transform:translateY(100%);left:calc(var(--spacing, .25rem) * 2)}:host.has-error{background:var(--emr-file-error-bg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: GaugeValueComponent, selector: "emr-gauge-value", exportAs: ["emrGaugeValue"] }, { kind: "component", type: GaugeComponent, selector: "emr-gauge", inputs: ["value", "strokeWidth", "radius"], exportAs: ["emrGauge"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GridFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-grid-file', exportAs: 'emrGridFile', imports: [
+                        GaugeValueComponent,
+                        GaugeComponent
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        'class': 'emr-grid-file',
+                        '[class.has-error]': "state() === 'error'"
+                    }, template: "<div class=\"flex items-center gap-2.5\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrFileIcon]\"/>\r\n  </div>\r\n  <div>\r\n    <div class=\"text-sm overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ name() }}</div>\r\n    @if (size()) {\r\n      <div class=\"text-xs text-neutral-500 overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ size() }}</div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"flex items-center gap-1\">\r\n  @if (state() === 'uploading') {\r\n    <emr-gauge class=\"size-10\" [value]=\"progress()\">\r\n      <emr-gauge-value class=\"text-2xs\">{{ progress() }}%</emr-gauge-value>\r\n    </emr-gauge>\r\n  }\r\n\r\n  <div class=\"controls\">\r\n    <ng-content select=\"[emrGridFileControl]\"/>\r\n  </div>\r\n</div>\r\n\r\n@if (state() === 'error' && errorMessage()) {\r\n  <div class=\"error\">\r\n    {{ errorMessage() }}\r\n  </div>\r\n}\r\n", styles: [":host{--emr-file-padding: calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 3);--emr-file-gap: calc(var(--spacing, .25rem) * 4);--emr-file-border-radius: 1rem;--emr-file-bg: var(--color-surface-container);--emr-file-error-bg: var(--color-error-200);--emr-file-controls-gap: calc(var(--spacing, .25rem) * 1);--emr-file-error-font-size: var(--text-2xs);--emr-file-error-color: var(--color-error-500);display:flex;min-width:240px;align-items:center;justify-content:space-between;position:relative;padding:var(--emr-file-padding);gap:var(--emr-file-gap);border-radius:var(--emr-file-border-radius);background:var(--emr-file-bg)}:host .icon{width:32px;max-height:40px}:host .icon:empty{display:none}:host .controls{display:flex;gap:var(--emr-file-controls-gap)}:host .controls:empty{display:none}:host .error{font-size:var(--emr-file-error-font-size);color:var(--emr-file-error-color);position:absolute;bottom:0;transform:translateY(100%);left:calc(var(--spacing, .25rem) * 2)}:host.has-error{background:var(--emr-file-error-bg)}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: true }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], progress: [{ type: i0.Input, args: [{ isSignal: true, alias: "progress", required: false }] }], progressingMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "progressingMessage", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], remainingTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "remainingTime", required: false }] }], state: [{ type: i0.Input, args: [{ isSignal: true, alias: "state", required: false }] }] } });
+
+class UploadContainerComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: UploadContainerComponent, isStandalone: true, selector: "emr-upload-container", ngImport: i0, template: "<ng-content select=\"emr-upload-area\"/>\r\n<div class=\"flex items-center justify-between mt-2 hints\">\r\n  <ng-content select=\"emr-upload-allowed-types\"/>\r\n  <ng-content select=\"emr-upload-max-file-size\"/>\r\n</div>\r\n", styles: [":host{display:block}:host .hints:empty{display:none}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-upload-container', imports: [], template: "<ng-content select=\"emr-upload-area\"/>\r\n<div class=\"flex items-center justify-between mt-2 hints\">\r\n  <ng-content select=\"emr-upload-allowed-types\"/>\r\n  <ng-content select=\"emr-upload-max-file-size\"/>\r\n</div>\r\n", styles: [":host{display:block}:host .hints:empty{display:none}\n"] }]
+        }] });
+
+class UploadMaxFileSizeComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadMaxFileSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: UploadMaxFileSizeComponent, isStandalone: true, selector: "emr-upload-max-file-size", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.75rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadMaxFileSizeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-upload-max-file-size', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.75rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class UploadAllowedTypesComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAllowedTypesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.10", type: UploadAllowedTypesComponent, isStandalone: true, selector: "emr-upload-allowed-types", ngImport: i0, template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.75rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAllowedTypesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-upload-allowed-types', imports: [], template: "<ng-content/>\r\n", styles: [":host{display:block;font-size:.75rem}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class UploadTriggerDirective {
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    _destroyRef = inject(DestroyRef);
+    accept = input(...(ngDevMode ? [undefined, { debugName: "accept" }] : []));
+    multiple = input(false, ...(ngDevMode ? [{ debugName: "multiple", transform: booleanAttribute }] : [{
+            transform: booleanAttribute
+        }]));
+    fileSelected = output();
+    _handleClick() {
+        const element = this._renderer.createElement('input');
+        this._renderer.setAttribute(element, 'type', 'file');
+        let accept = this.accept();
+        if (!accept) {
+            accept = this._elementRef.nativeElement.getAttribute('accept') || '';
+        }
+        if (accept) {
+            this._renderer.setAttribute(element, 'accept', accept);
+        }
+        if (this.multiple()) {
+            this._renderer.setAttribute(element, 'multiple', '');
+        }
+        fromEvent(element, 'change')
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe(event => {
+            const files = [];
+            if (element.files) {
+                for (let i = 0; i < element.files.length; i++) {
+                    files.push(element.files[i]);
+                }
+            }
+            this.fileSelected.emit({
+                multiple: this.multiple(),
+                fileList: element.files,
+                event,
+                files
+            });
+        });
+        element.click();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.10", type: UploadTriggerDirective, isStandalone: true, selector: "[emrUploadTrigger]", inputs: { accept: { classPropertyName: "accept", publicName: "accept", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { fileSelected: "fileSelected" }, host: { listeners: { "click": "_handleClick()" } }, exportAs: ["emrUploadTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrUploadTrigger]',
+                    exportAs: 'emrUploadTrigger',
+                    standalone: true,
+                    host: {
+                        '(click)': '_handleClick()'
+                    }
+                }]
+        }], propDecorators: { accept: [{ type: i0.Input, args: [{ isSignal: true, alias: "accept", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], fileSelected: [{ type: i0.Output, args: ["fileSelected"] }] } });
+
+class UploadAreaIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: UploadAreaIconDirective, isStandalone: true, selector: "[emrUploadAreaIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrUploadAreaIcon]'
+                }]
+        }] });
+
+class UploadAreaMainStateDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaMainStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: UploadAreaMainStateDirective, isStandalone: true, selector: "[emrUploadAreaMainState]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaMainStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrUploadAreaMainState]'
+                }]
+        }] });
+
+class UploadAreaDropStateDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaDropStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: UploadAreaDropStateDirective, isStandalone: true, selector: "[emrUploadAreaDropState]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaDropStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrUploadAreaDropState]'
+                }]
+        }] });
+
+class UploadAreaInvalidStateDirective {
+    templateRef = inject(TemplateRef, { optional: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaInvalidStateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: UploadAreaInvalidStateDirective, isStandalone: true, selector: "[emrUploadAreaInvalidState]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: UploadAreaInvalidStateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrUploadAreaInvalidState]'
+                }]
+        }] });
+
+class FileIconDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileIconDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: FileIconDirective, isStandalone: true, selector: "[emrFileIcon]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: FileIconDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrFileIcon]'
+                }]
+        }] });
+
+class GridFileControlDirective {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GridFileControlDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.10", type: GridFileControlDirective, isStandalone: true, selector: "[emrGridFileControl]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: GridFileControlDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[emrGridFileControl]'
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FileComponent, FileControlComponent, FileIconDirective, FileListComponent, FilesGridComponent, GridFileComponent, GridFileControlDirective, UploadAllowedTypesComponent, UploadAreaComponent, UploadAreaDropStateDirective, UploadAreaIconDirective, UploadAreaInvalidStateDirective, UploadAreaMainStateDirective, UploadContainerComponent, UploadMaxFileSizeComponent, UploadTriggerDirective };
+//# sourceMappingURL=elementar-rt-components-upload.mjs.map

package/fesm2022/elementar-rt-components-upload.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-upload.mjs","sources":["../../../projects/components/upload/src/upload-area/upload-area.component.ts","../../../projects/components/upload/src/upload-area/upload-area.component.html","../../../projects/components/upload/src/file-list/file-list.component.ts","../../../projects/components/upload/src/file-list/file-list.component.html","../../../projects/components/upload/src/file/file.component.ts","../../../projects/components/upload/src/file/file.component.html","../../../projects/components/upload/src/file-control/file-control.component.ts","../../../projects/components/upload/src/file-control/file-control.component.html","../../../projects/components/upload/src/files-grid/files-grid.component.ts","../../../projects/components/upload/src/files-grid/files-grid.component.html","../../../projects/components/upload/src/grid-file/grid-file.component.ts","../../../projects/components/upload/src/grid-file/grid-file.component.html","../../../projects/components/upload/src/upload-container/upload-container.component.ts","../../../projects/components/upload/src/upload-container/upload-container.component.html","../../../projects/components/upload/src/upload-max-file-size/upload-max-file-size.component.ts","../../../projects/components/upload/src/upload-max-file-size/upload-max-file-size.component.html","../../../projects/components/upload/src/upload-allowed-types/upload-allowed-types.component.ts","../../../projects/components/upload/src/upload-allowed-types/upload-allowed-types.component.html","../../../projects/components/upload/src/upload-trigger.directive.ts","../../../projects/components/upload/src/upload-area-icon.directive.ts","../../../projects/components/upload/src/upload-area-main-state.directive.ts","../../../projects/components/upload/src/upload-area-drop-state.directive.ts","../../../projects/components/upload/src/upload-area-invalid-state.directive.ts","../../../projects/components/upload/src/file-icon.directive.ts","../../../projects/components/upload/src/grid-file-control.directive.ts","../../../projects/components/upload/elementar-rt-components-upload.ts"],"sourcesContent":["import {\r\n  booleanAttribute,\r\n  Component,\r\n  inject, input,\r\n  output,\r\n  Renderer2, signal,\r\n} from '@angular/core';\r\nimport { UploadFileSelectedEvent } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-upload-area',\r\n  exportAs: 'emrUploadArea',\r\n  templateUrl: './upload-area.component.html',\r\n  styleUrl: './upload-area.component.scss',\r\n  imports: [\r\n  ],\r\n  host: {\r\n    'class': 'emr-upload-area',\r\n    '[class.is-drop-active]': 'isDropActive()',\r\n    '[class.is-drop-invalid]': 'isDropInvalid()',\r\n    '[class.is-allow-hover]': 'allowHover()',\r\n    '(dragover)': 'handleDragOver($event)',\r\n    '(dragenter)': 'handleDragEnter($event)',\r\n    '(dragleave)': 'handleDragLeave($event)',\r\n    '(dragend)': 'handleDragEnd($event)',\r\n    '(drop)': 'handleDrop($event)',\r\n  }\r\n})\r\nexport class UploadAreaComponent {\r\n  protected _renderer = inject(Renderer2);\r\n\r\n  accept = input<string>();\r\n  allowHover = input(true, {\r\n    transform: booleanAttribute\r\n  });\r\n  multiple = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly fileSelected = output<UploadFileSelectedEvent>();\r\n  protected isDropActive = signal(false);\r\n  protected isDropInvalid = signal(false);\r\n\r\n  get api() {\r\n    return {\r\n      isDropActive: this.isDropActive()\r\n    }\r\n  }\r\n\r\n  protected handleDragOver(event: any) {\r\n    event.preventDefault();\r\n  }\r\n\r\n  protected handleDragEnter(event: any) {\r\n    if (event.dataTransfer) {\r\n      const items = event.dataTransfer.items;\r\n      let allFilesAreValid = true;\r\n\r\n      if (this.accept()) {\r\n        const accept = (this.accept() as string).split(',');\r\n\r\n        if (items && items.length > 0) {\r\n          const draggedItems = Array.from(items);\r\n          allFilesAreValid = draggedItems.every(\r\n            (item: any) => item.kind === 'file' && this.isMimeTypeAllowed(item.type, accept)\r\n          );\r\n        }\r\n      }\r\n\r\n      this.isDropActive.set(allFilesAreValid);\r\n      this.isDropInvalid.set(!allFilesAreValid);\r\n    }\r\n\r\n    event.preventDefault();\r\n    event.stopPropagation();\r\n  }\r\n\r\n  protected handleDragLeave(event: DragEvent) {\r\n    const relatedTarget = event.relatedTarget as HTMLElement;\r\n\r\n    if (!relatedTarget.closest('.emr-upload-area')) {\r\n      this.isDropActive.set(false);\r\n      this.isDropInvalid.set(false);\r\n    }\r\n\r\n    event.preventDefault();\r\n  }\r\n\r\n  protected handleDragEnd(event: any) {\r\n    this.isDropActive.set(false);\r\n    this.isDropInvalid.set(false);\r\n    event.preventDefault();\r\n  }\r\n\r\n  protected handleDrop(event: DragEvent) {\r\n    event.preventDefault();\r\n    this.isDropActive.set(false);\r\n    this.isDropInvalid.set(false);\r\n\r\n    if (event.dataTransfer) {\r\n      const accept = (this.accept() as string).split(',');\r\n      const files: File[] = Array.from(event.dataTransfer?.files).filter(file => this.isMimeTypeAllowed(file.type, accept));\r\n\r\n      if (files.length === 0) {\r\n        return;\r\n      }\r\n\r\n      this.fileSelected.emit({\r\n        multiple: this.multiple(),\r\n        fileList: event.dataTransfer.files,\r\n        event,\r\n        files\r\n      });\r\n    }\r\n  }\r\n\r\n  private isMimeTypeAllowed(\r\n    fileMimeType: string,\r\n    allowedMimeTypes: string[]\r\n  ): boolean {\r\n    return allowedMimeTypes.some(allowedType => {\r\n      if (allowedType === '*/*' || allowedType === '*') {\r\n        return true;\r\n      }\r\n\r\n      if (allowedType.endsWith('/*')) {\r\n        const baseType = allowedType.slice(0, -2);\r\n        return fileMimeType.startsWith(`${baseType}/`);\r\n      }\r\n\r\n      return fileMimeType === allowedType;\r\n    });\r\n  }\r\n}\r\n","<div class=\"icon\">\r\n  <ng-content select=\"[emrUploadAreaIcon]\"/>\r\n</div>\r\n<div class=\"content\">\r\n  <ng-content/>\r\n  <div class=\"state\" [class.is-active]=\"!isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaMainState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropActive() && !isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaDropState]\"/>\r\n  </div>\r\n  <div class=\"state\" [class.is-active]=\"isDropInvalid()\">\r\n    <ng-content select=\"[emrUploadAreaInvalidState]\"/>\r\n  </div>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-file-list',\r\n  exportAs: 'emrFileList',\r\n  templateUrl: './file-list.component.html',\r\n  styleUrl: './file-list.component.scss',\r\n  host: {\r\n    'class': 'emr-file-list'\r\n  }\r\n})\r\nexport class FileListComponent {\r\n}\r\n","<ng-content/>\r\n","import { ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\r\nimport { UploadFileState } from '../types';\r\n\r\n@Component({\r\n  selector: 'emr-file',\r\n  exportAs: 'emrFile',\r\n  templateUrl: './file.component.html',\r\n  styleUrl: './file.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-file',\r\n    '[class.has-error]': \"state() === 'error'\"\r\n  }\r\n})\r\nexport class FileComponent {\r\n  name = input.required();\r\n  size = input();\r\n  progress = input(0, {\r\n    transform: numberAttribute\r\n  });\r\n  progressingMessage = input();\r\n  errorMessage = input();\r\n  remainingTime = input();\r\n  state = input<UploadFileState>('uploading');\r\n}\r\n","<div class=\"content\">\r\n  <div class=\"flex items-center min-w-0\">\r\n    <div class=\"overflow-hidden overflow-ellipsis whitespace-nowrap grow name\">{{ name() }}</div>\r\n    <div class=\"controls\">\r\n      <ng-content select=\"emr-file-control,[emr-file-control]\"/>\r\n    </div>\r\n  </div>\r\n  @if (size() || (state() === 'uploading' && progress())) {\r\n    <div class=\"info\">\r\n      @if (size()) {\r\n        <span class=\"uppercase\">{{ size() }}</span>\r\n      }\r\n      @if (size() && progress()) {\r\n        ,\r\n      }\r\n      @if (progress()) {\r\n        {{ progress() }}%\r\n      }\r\n      @if (remainingTime()) {\r\n        {{ remainingTime() }}\r\n      }\r\n    </div>\r\n  }\r\n  @if (progress()) {\r\n    <div class=\"progress\">\r\n      <div class=\"progress-bar\" [style.width.%]=\"progress()\"></div>\r\n    </div>\r\n  }\r\n  @if (state() === 'error' && errorMessage()) {\r\n    <div class=\"error\">\r\n      {{ errorMessage() }}\r\n    </div>\r\n  }\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-file-control,[emr-file-control]',\r\n  exportAs: 'emrFileControl',\r\n  templateUrl: './file-control.component.html',\r\n  styleUrl: './file-control.component.scss',\r\n  host: {\r\n    'class': 'emr-file-control'\r\n  }\r\n})\r\nexport class FileControlComponent {\r\n}\r\n","<ng-content></ng-content>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-files-grid',\r\n  exportAs: 'emrFilesGrid',\r\n  templateUrl: './files-grid.component.html',\r\n  styleUrl: './files-grid.component.scss',\r\n  host: {\r\n    'class': 'emr-files-grid'\r\n  }\r\n})\r\nexport class FilesGridComponent {\r\n\r\n}\r\n","<ng-content></ng-content>\r\n","import { ChangeDetectionStrategy, Component, input, numberAttribute } from '@angular/core';\r\nimport { UploadFileState } from '../types';\r\nimport { GaugeComponent, GaugeValueComponent } from '@elementar-rt/components/gauge';\r\n\r\n@Component({\r\n  selector: 'emr-grid-file',\r\n  exportAs: 'emrGridFile',\r\n  imports: [\r\n    GaugeValueComponent,\r\n    GaugeComponent\r\n  ],\r\n  templateUrl: './grid-file.component.html',\r\n  styleUrl: './grid-file.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  host: {\r\n    'class': 'emr-grid-file',\r\n    '[class.has-error]': \"state() === 'error'\"\r\n  }\r\n})\r\nexport class GridFileComponent {\r\n  name = input.required();\r\n  size = input();\r\n  progress = input(0, {\r\n    transform: numberAttribute\r\n  });\r\n  progressingMessage = input();\r\n  errorMessage = input();\r\n  remainingTime = input();\r\n  state = input<UploadFileState>('uploading');\r\n}\r\n","<div class=\"flex items-center gap-2.5\">\r\n  <div class=\"icon\">\r\n    <ng-content select=\"[emrFileIcon]\"/>\r\n  </div>\r\n  <div>\r\n    <div class=\"text-sm overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ name() }}</div>\r\n    @if (size()) {\r\n      <div class=\"text-xs text-neutral-500 overflow-hidden text-ellipsis whitespace-nowrap max-w-[220px]\">{{ size() }}</div>\r\n    }\r\n  </div>\r\n</div>\r\n<div class=\"flex items-center gap-1\">\r\n  @if (state() === 'uploading') {\r\n    <emr-gauge class=\"size-10\" [value]=\"progress()\">\r\n      <emr-gauge-value class=\"text-2xs\">{{ progress() }}%</emr-gauge-value>\r\n    </emr-gauge>\r\n  }\r\n\r\n  <div class=\"controls\">\r\n    <ng-content select=\"[emrGridFileControl]\"/>\r\n  </div>\r\n</div>\r\n\r\n@if (state() === 'error' && errorMessage()) {\r\n  <div class=\"error\">\r\n    {{ errorMessage() }}\r\n  </div>\r\n}\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-upload-container',\r\n  imports: [],\r\n  templateUrl: './upload-container.component.html',\r\n  styleUrl: './upload-container.component.scss'\r\n})\r\nexport class UploadContainerComponent {\r\n\r\n}\r\n","<ng-content select=\"emr-upload-area\"/>\r\n<div class=\"flex items-center justify-between mt-2 hints\">\r\n  <ng-content select=\"emr-upload-allowed-types\"/>\r\n  <ng-content select=\"emr-upload-max-file-size\"/>\r\n</div>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-upload-max-file-size',\r\n  imports: [],\r\n  templateUrl: './upload-max-file-size.component.html',\r\n  styleUrl: './upload-max-file-size.component.scss'\r\n})\r\nexport class UploadMaxFileSizeComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import { Component } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'emr-upload-allowed-types',\r\n  imports: [],\r\n  templateUrl: './upload-allowed-types.component.html',\r\n  styleUrl: './upload-allowed-types.component.scss'\r\n})\r\nexport class UploadAllowedTypesComponent {\r\n\r\n}\r\n","<ng-content/>\r\n","import {\r\n  booleanAttribute,\r\n  DestroyRef,\r\n  Directive, ElementRef,\r\n  inject,\r\n  input, output,\r\n  Renderer2\r\n} from '@angular/core';\r\nimport { UploadFileSelectedEvent } from './types';\r\nimport { fromEvent } from 'rxjs';\r\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\r\n\r\n@Directive({\r\n  selector: '[emrUploadTrigger]',\r\n  exportAs: 'emrUploadTrigger',\r\n  standalone: true,\r\n  host: {\r\n    '(click)': '_handleClick()'\r\n  }\r\n})\r\nexport class UploadTriggerDirective {\r\n  private _elementRef = inject(ElementRef);\r\n  protected _renderer = inject(Renderer2);\r\n  protected _destroyRef = inject(DestroyRef);\r\n\r\n  accept = input<string>();\r\n  multiple = input(false, {\r\n    transform: booleanAttribute\r\n  });\r\n\r\n  readonly fileSelected = output<UploadFileSelectedEvent>();\r\n\r\n  _handleClick() {\r\n    const element: HTMLInputElement = this._renderer.createElement('input');\r\n    this._renderer.setAttribute(element, 'type', 'file');\r\n    let accept = this.accept();\r\n\r\n    if (!accept) {\r\n      accept = this._elementRef.nativeElement.getAttribute('accept') || '';\r\n    }\r\n\r\n    if (accept) {\r\n      this._renderer.setAttribute(element, 'accept', accept);\r\n    }\r\n\r\n    if (this.multiple()) {\r\n      this._renderer.setAttribute(element, 'multiple', '');\r\n    }\r\n\r\n    fromEvent(element, 'change')\r\n      .pipe(takeUntilDestroyed(this._destroyRef))\r\n      .subscribe(event => {\r\n        const files: File[] = [];\r\n\r\n        if (element.files) {\r\n          for (let i = 0; i < element.files.length; i++) {\r\n            files.push(element.files[i]);\r\n          }\r\n        }\r\n\r\n        this.fileSelected.emit({\r\n          multiple: this.multiple(),\r\n          fileList: element.files,\r\n          event,\r\n          files\r\n        });\r\n      })\r\n    ;\r\n    element.click();\r\n  }\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrUploadAreaIcon]'\r\n})\r\nexport class UploadAreaIconDirective {\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrUploadAreaMainState]'\r\n})\r\nexport class UploadAreaMainStateDirective {\r\n  readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrUploadAreaDropState]'\r\n})\r\nexport class UploadAreaDropStateDirective {\r\n  readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import { Directive, inject, TemplateRef } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrUploadAreaInvalidState]'\r\n})\r\nexport class UploadAreaInvalidStateDirective {\r\n  readonly templateRef = inject(TemplateRef, { optional: true });\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrFileIcon]'\r\n})\r\nexport class FileIconDirective {\r\n}\r\n","import { Directive } from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[emrGridFileControl]'\r\n})\r\nexport class GridFileControlDirective {\r\n\r\n  constructor() { }\r\n\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/elementar-rt-components.mjs

@@ -0,0 +1,6 @@
+var index = null;
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=elementar-rt-components.mjs.map

package/fesm2022/elementar-rt-components.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components.mjs","sources":["../../../projects/components/index.ts","../../../projects/components/elementar-rt-components.ts"],"sourcesContent":["export default null;\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"AAAA,YAAe,IAAI;;ACAnB;;AAEG"}

package/filter-builder/index.d.ts

@@ -0,0 +1,107 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+
+declare class FilterBuilderOperationNameDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBuilderOperationNameDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterBuilderOperationNameDirective, "[emrFilterBuilderOperationName]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FilterBuilderOperationIconDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBuilderOperationIconDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterBuilderOperationIconDirective, "[emrFilterBuilderOperationIcon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FilterBuilderOperationDefDirective {
+    id: _angular_core.InputSignal<string>;
+    allowedDataTypes: _angular_core.InputSignal<string[]>;
+    readonly operationName: _angular_core.Signal<FilterBuilderOperationNameDirective | undefined>;
+    readonly operationIcon: _angular_core.Signal<FilterBuilderOperationIconDirective | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBuilderOperationDefDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FilterBuilderOperationDefDirective, "[emrFilterBuilderOperationDef]", never, { "id": { "alias": "emrFilterBuilderOperationDef"; "required": false; "isSignal": true; }; "allowedDataTypes": { "alias": "allowedDataTypes"; "required": false; "isSignal": true; }; }, {}, ["operationName", "operationIcon"], never, true, never>;
+}
+
+interface FilterBuilderFieldDataSourceItem {
+    id: string;
+    name: string;
+}
+interface FilterBuilderFieldDef {
+    name: string;
+    dataType: string;
+    dataField: string;
+    format?: string;
+    filterOperations?: string[];
+    lookup?: {
+        dataSource: FilterBuilderFieldDataSourceItem[];
+    };
+}
+interface FilterBuilderCondition {
+    value: [string, string, any];
+}
+interface FilterBuilderGroup {
+    logicalOperator?: string;
+    value: FilterBuilderItemType[];
+}
+type FilterBuilderItemType = FilterBuilderCondition | FilterBuilderGroup;
+
+declare class FilterBuilderComponent implements OnInit, AfterViewInit {
+    protected _cdr: ChangeDetectorRef;
+    protected _platformId: Object;
+    protected _isServer: boolean;
+    protected _operationAllowedTypesMap: Map<string, string[]>;
+    private _resetMethodMap;
+    value: _angular_core.InputSignal<FilterBuilderGroup[]>;
+    fieldDefs: _angular_core.InputSignal<FilterBuilderFieldDef[]>;
+    categories: _angular_core.InputSignal<never[]>;
+    groupOperations: _angular_core.InputSignal<{
+        id: string;
+        name: string;
+    }[]>;
+    customOperations: _angular_core.InputSignal<never[]>;
+    protected _logicalOperator: string;
+    readonly _prebuiltOperationDefs: _angular_core.Signal<readonly FilterBuilderOperationDefDirective[]>;
+    readonly _customOperationDefs: _angular_core.Signal<readonly FilterBuilderOperationDefDirective[]>;
+    protected _operationDefs: FilterBuilderOperationDefDirective[];
+    readonly valueChanged: _angular_core.OutputEmitterRef<FilterBuilderGroup[]>;
+    protected _value: FilterBuilderGroup[];
+    protected _operations: any[];
+    protected editItem: FilterBuilderCondition | undefined;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    addCondition(targetGroup?: FilterBuilderGroup): void;
+    addGroup(targetGroup?: FilterBuilderGroup): void;
+    getConditionField(dataField: string): FilterBuilderFieldDef | undefined;
+    getConditionOperation(id: string): any;
+    getSelectedGroupOperationName(targetGroup?: FilterBuilderGroup): string;
+    selectConditionField(item: FilterBuilderCondition, field: FilterBuilderFieldDef): void;
+    operationChanged(item: FilterBuilderCondition, operation: string): void;
+    removeCondition(index: number, items: FilterBuilderItemType[]): void;
+    isOperationAllowedForCondition(dataField: string, operationId: string): boolean;
+    modifyValue(item: FilterBuilderCondition): void;
+    getFieldType(item: FilterBuilderCondition): string;
+    isValueNotEmpty(item: FilterBuilderCondition): boolean;
+    cancelEdit(delay?: number): void;
+    getOptions(item: FilterBuilderCondition): FilterBuilderFieldDataSourceItem[];
+    getDataSourceItemNameById(item: FilterBuilderCondition, dataSourceItemId: string): string;
+    selectBlur(event: FocusEvent): void;
+    selectClosed(): void;
+    protected operationIconTemplateRef(operation: FilterBuilderOperationDefDirective): TemplateRef<any>;
+    protected operationNameTemplateRef(operation: FilterBuilderOperationDefDirective): TemplateRef<any>;
+    protected _isGroup(item: FilterBuilderItemType): item is FilterBuilderGroup;
+    protected _isCondition(item: FilterBuilderItemType): item is FilterBuilderCondition;
+    protected _emitChangeEvent(): void;
+    private _getFieldDef;
+    private _resetValue;
+    private _resetStringValue;
+    private _resetNumberValue;
+    private _resetArrayValue;
+    private _resetBooleanValue;
+    private _capitalizeFirstLetter;
+    private _normalizeValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterBuilderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterBuilderComponent, "emr-filter-builder", ["emrFilterBuilder"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "fieldDefs": { "alias": "fieldDefs"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "groupOperations": { "alias": "groupOperations"; "required": false; "isSignal": true; }; "customOperations": { "alias": "customOperations"; "required": false; "isSignal": true; }; }, { "valueChanged": "valueChanged"; }, ["_customOperationDefs"], ["*"], true, never>;
+}
+
+export { FilterBuilderComponent, FilterBuilderOperationDefDirective, FilterBuilderOperationIconDirective, FilterBuilderOperationNameDirective };
+export type { FilterBuilderCondition, FilterBuilderFieldDataSourceItem, FilterBuilderFieldDef, FilterBuilderGroup, FilterBuilderItemType };