npm - verben-workflow-ui - Versions diffs - 0.5.76 → 0.5.78 - Mend

verben-workflow-ui 0.5.76 → 0.5.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (182) hide show

package/fesm2022/verben-workflow-ui-src-lib-components-expiration.mjs CHANGED Viewed

@@ -38,10 +38,10 @@ class ExpirationComponent {
             recipients: 'New Recipients'
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ExpirationComponent, selector: "lib-expiration", inputs: { cycle: "cycle" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"w-full bg-white p-4\">\n    <div *ngFor=\"let item of cycle; let i = index\">\n      <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n        <span>Cycle {{ item.id + 1 }}</span>\n        <span class=\" cursor-pointer\">{{ item.expanded ? '\u25B2' : '\u25BC' }}</span>\n      </div>\n  \n      <div *ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n        <div *ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n          <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n          <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n          <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n        </div>\n  \n        <div class=\"flex justify-end mt-4\">\n          <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [""], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.VerbenaInputComponent, selector: "verbena-input", inputs: ["label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i3.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i3.ChipComponent, selector: "verben-chip", inputs: ["width", "placeholder", "max", "styleClass", "separator", "disabled", "required", "invalidMessage", "errorPosition"], outputs: ["onChange"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpirationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ExpirationComponent, selector: "lib-expiration", inputs: { cycle: "cycle" }, outputs: { toggle: "toggle" }, ngImport: i0, template: "<div class=\"w-full bg-white p-4\">\n    <div *ngFor=\"let item of cycle; let i = index\">\n      <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n        <span>Cycle {{ item.id + 1 }}</span>\n        <span class=\" cursor-pointer\">{{ item.expanded ? '\u25B2' : '\u25BC' }}</span>\n      </div>\n  \n      <div *ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n        <div *ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n          <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n          <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n          <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n        </div>\n  \n        <div class=\"flex justify-end mt-4\">\n          <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n        </div>\n      </div>\n    </div>\n  </div>\n  ", styles: [""], 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.VerbenaInputComponent, selector: "verbena-input", inputs: ["disabled", "label", "placeHolder", "required", "svgPosition", "minLength", "maxLength", "type", "bgColor", "border", "borderRadius", "textColor", "value", "labelPosition", "labelColor", "disable", "readOnly", "min", "max", "showBorder", "showErrorMessage", "errorMessageColor", "errorBorderColor", "errorPosition", "svg", "fontSize", "svgWidth", "svgHeight", "svgColor", "capitalization", "inputContainerClass", "inputFieldClass", "passLength", "inputWrapperClass", "passwordToggle", "customErrorMessages", "icon", "textPass"], outputs: ["valueChange"] }, { kind: "component", type: i3.VerbenaButtonComponent, selector: "verbena-button", inputs: ["type", "text", "icon", "useIcon", "svgPosition", "iconPosition", "bgColor", "textColor", "border", "borderRadius", "pd", "width", "height", "fontSize", "fontWeight", "disable", "svgSize", "weight", "variant", "styleType", "svg", "svgWidth", "svgHeight", "iconColor", "svgColor", "buttonClass", "buttonTextClass", "isLoading", "spinnerSize", "spinnerColor"] }, { kind: "component", type: i3.DropDownComponent, selector: "verben-drop-down", inputs: ["options", "width", "overlayWidth", "showHorizontalLine", "horizontalLineColor", "optionLabel", "optionSubLabel", "optionValue", "placeholder", "invalidMessage", "errorPosition", "loadMoreCaption", "display", "showClear", "lazyLoad", "selectKey", "styleClass", "group", "multiselect", "filter", "avoidDuplication", "filterBy", "debounceTime", "minChar", "refPageSize", "disabled", "required", "load", "asyncLabel", "search"], outputs: ["optionsChange", "onChange", "onClick", "onClear"] }, { kind: "component", type: i3.ChipComponent, selector: "verben-chip", inputs: ["width", "placeholder", "max", "styleClass", "separator", "disabled", "required", "invalidMessage", "errorPosition"], outputs: ["onChange"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpirationComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-expiration', template: "<div class=\"w-full bg-white p-4\">\n    <div *ngFor=\"let item of cycle; let i = index\">\n      <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n        <span>Cycle {{ item.id + 1 }}</span>\n        <span class=\" cursor-pointer\">{{ item.expanded ? '\u25B2' : '\u25BC' }}</span>\n      </div>\n  \n      <div *ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n        <div *ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n          <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n          <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n          <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n        </div>\n  \n        <div class=\"flex justify-end mt-4\">\n          <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n        </div>\n      </div>\n    </div>\n  </div>\n  " }]
         }], propDecorators: { cycle: [{
@@ -51,11 +51,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 class ExpirationModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, declarations: [ExpirationComponent], imports: [CommonModule, SharedModule], exports: [ExpirationComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, imports: [CommonModule, SharedModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpirationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ExpirationModule, declarations: [ExpirationComponent], imports: [CommonModule, SharedModule], exports: [ExpirationComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpirationModule, imports: [CommonModule, SharedModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ExpirationModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ExpirationModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [ExpirationComponent],

package/fesm2022/verben-workflow-ui-src-lib-components-expiration.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verben-workflow-ui-src-lib-components-expiration.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.component.ts","../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.component.html","../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.module.ts","../../../projects/verben-workflow-ui/src/lib/components/expiration/verben-workflow-ui-src-lib-components-expiration.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'lib-expiration',\n templateUrl: './expiration.component.html',\n styleUrl: './expiration.component.css'\n})\nexport class ExpirationComponent {\n idOptions: string[] = ['12uio899920000', '12uio8999299000', '896o899920000'];\n chipArray: string[] = [];\n\n @Input() cycle: Array<{ \n id: number; \n expanded: boolean; \n messages: { \n messageId: string; \n subject: string; \n recipients: string; \n }[] \n }> = [\n { \n id: 0, \n expanded: false, \n messages: [{ messageId: 'Default ID 1', subject: 'Default Subject 1', recipients: 'Default Recipients 1' }]\n },\n { \n id: 1, \n expanded: false, \n messages: [{ messageId: 'Default ID 2', subject: 'Default Subject 2', recipients: 'Default Recipients 2' }]\n },\n { \n id: 2, \n expanded: false, \n messages: [{ messageId: 'Default ID 3', subject: 'Default Subject 3', recipients: 'Default Recipients 3' }]\n }\n ];\n\n @Output() toggle = new EventEmitter<number>();\n\n toggleCycle(index: number) {\n this.cycle[index].expanded = !this.cycle[index].expanded;\n this.toggle.emit(this.cycle[index].id);\n }\n\n addMessage(index: number) {\n this.cycle[index].messages.push({\n messageId: 'New Message ID',\n subject: 'New Subject',\n recipients: 'New Recipients'\n });\n }\n}\n","<div class=\"w-full bg-white p-4\">\n <div ngFor=\"let item of cycle; let i = index\">\n <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n <span>Cycle {{ item.id + 1 }}</span>\n <span class=\" cursor-pointer\">{{ item.expanded ? '▲' : '▼' }}</span>\n </div>\n \n <div ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n <div ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n </div>\n \n <div class=\"flex justify-end mt-4\">\n <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n </div>\n </div>\n </div>\n </div>\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule } from 'verben-workflow-ui/src/lib/shared';\nimport { ExpirationComponent } from './expiration.component';\n\n@NgModule({\n declarations: [ExpirationComponent],\n imports: [CommonModule, SharedModule],\n exports: [ExpirationComponent],\n})\nexport class ExpirationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"verben-workflow-ui-src-lib-components-expiration.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.component.ts","../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.component.html","../../../projects/verben-workflow-ui/src/lib/components/expiration/expiration.module.ts","../../../projects/verben-workflow-ui/src/lib/components/expiration/verben-workflow-ui-src-lib-components-expiration.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\n\n@Component({\n selector: 'lib-expiration',\n templateUrl: './expiration.component.html',\n styleUrl: './expiration.component.css'\n})\nexport class ExpirationComponent {\n idOptions: string[] = ['12uio899920000', '12uio8999299000', '896o899920000'];\n chipArray: string[] = [];\n\n @Input() cycle: Array<{ \n id: number; \n expanded: boolean; \n messages: { \n messageId: string; \n subject: string; \n recipients: string; \n }[] \n }> = [\n { \n id: 0, \n expanded: false, \n messages: [{ messageId: 'Default ID 1', subject: 'Default Subject 1', recipients: 'Default Recipients 1' }]\n },\n { \n id: 1, \n expanded: false, \n messages: [{ messageId: 'Default ID 2', subject: 'Default Subject 2', recipients: 'Default Recipients 2' }]\n },\n { \n id: 2, \n expanded: false, \n messages: [{ messageId: 'Default ID 3', subject: 'Default Subject 3', recipients: 'Default Recipients 3' }]\n }\n ];\n\n @Output() toggle = new EventEmitter<number>();\n\n toggleCycle(index: number) {\n this.cycle[index].expanded = !this.cycle[index].expanded;\n this.toggle.emit(this.cycle[index].id);\n }\n\n addMessage(index: number) {\n this.cycle[index].messages.push({\n messageId: 'New Message ID',\n subject: 'New Subject',\n recipients: 'New Recipients'\n });\n }\n}\n","<div class=\"w-full bg-white p-4\">\n <div ngFor=\"let item of cycle; let i = index\">\n <div class=\"bg-[#FFE681B2] px-6 py-3 flex items-center mb-6 justify-between\" (click)=\"toggleCycle(i)\">\n <span>Cycle {{ item.id + 1 }}</span>\n <span class=\" cursor-pointer\">{{ item.expanded ? '▲' : '▼' }}</span>\n </div>\n \n <div ngIf=\"item.expanded\" class=\"cycle-content border border-primary p-6\">\n <div ngFor=\"let message of item.messages\" class=\"flex flex-col gap-6 mb-4\">\n <verben-drop-down width=\"100%\" placeholder=\"Select Message ID\" [(options)]=\"idOptions\"></verben-drop-down>\n <verbena-input type=\"text\" placeHolder=\"Message Subject\" bgColor=\"white\"></verbena-input>\n <verben-chip [(ngModel)]=\"chipArray\" placeholder=\"Recipients\"></verben-chip>\n </div>\n \n <div class=\"flex justify-end mt-4\">\n <verbena-button text=\"+ Add Message\" bgColor=\"transparent\" pd=\"0\" textColor=\"blue\" (click)=\"addMessage(i)\"></verbena-button>\n </div>\n </div>\n </div>\n </div>\n ","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SharedModule } from 'verben-workflow-ui/src/lib/shared';\nimport { ExpirationComponent } from './expiration.component';\n\n@NgModule({\n declarations: [ExpirationComponent],\n imports: [CommonModule, SharedModule],\n exports: [ExpirationComponent],\n})\nexport class ExpirationModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-workflow-ui-src-lib-components-file-render.mjs CHANGED Viewed

@@ -29,12 +29,12 @@ class FileRenderComponent {
         }
         window.open(`${this.envService.environment.FILE_URL}${this.fileUrl}`, '_blank');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileRenderComponent, deps: [{ token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileRenderComponent, selector: "verben-file-render", inputs: { fileUrl: "fileUrl", multiple: "multiple", disabled: "disabled", showCancel: "showCancel" }, outputs: { onCancelClicked: "onCancelClicked" }, ngImport: i0, template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <div class=\"flex gap-2 items-center\">\n    <span (click)=\"openFile()\" class=\"cursor-pointer\">\n      <verben-svg\n        [icon]=\"'download-icon'\"\n        [width]=\"15\"\n        [height]=\"15\"\n      ></verben-svg>\n    </span>\n    <verben-svg\n      *ngIf=\"showCancel\"\n      [stroke]=\"disabled ? '#9A9FBF' : multiple ? '#D4A007' : '#0000FF'\"\n      [icon]=\"'close'\"\n      [width]=\"15\"\n      [height]=\"15\"\n      (click)=\"onCancelClicked.emit()\"\n    >\n    </verben-svg>\n  </div>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderComponent, deps: [{ token: i1.EnvironmentService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FileRenderComponent, selector: "verben-file-render", inputs: { fileUrl: "fileUrl", multiple: "multiple", disabled: "disabled", showCancel: "showCancel" }, outputs: { onCancelClicked: "onCancelClicked" }, ngImport: i0, template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <div class=\"flex gap-2 items-center\">\n    <span (click)=\"openFile()\" class=\"cursor-pointer\">\n      <verben-svg\n        [icon]=\"'download-icon'\"\n        [width]=\"15\"\n        [height]=\"15\"\n      ></verben-svg>\n    </span>\n    <verben-svg\n      *ngIf=\"showCancel\"\n      [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)'\"\n      [icon]=\"'close'\"\n      [width]=\"15\"\n      [height]=\"15\"\n      (click)=\"onCancelClicked.emit()\"\n    >\n    </verben-svg>\n  </div>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileRenderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'verben-file-render', template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <div class=\"flex gap-2 items-center\">\n    <span (click)=\"openFile()\" class=\"cursor-pointer\">\n      <verben-svg\n        [icon]=\"'download-icon'\"\n        [width]=\"15\"\n        [height]=\"15\"\n      ></verben-svg>\n    </span>\n    <verben-svg\n      *ngIf=\"showCancel\"\n      [stroke]=\"disabled ? '#9A9FBF' : multiple ? '#D4A007' : '#0000FF'\"\n      [icon]=\"'close'\"\n      [width]=\"15\"\n      [height]=\"15\"\n      (click)=\"onCancelClicked.emit()\"\n    >\n    </verben-svg>\n  </div>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"] }]
+            args: [{ selector: 'verben-file-render', template: "<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n  <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n  <div class=\"flex gap-2 items-center\">\n    <span (click)=\"openFile()\" class=\"cursor-pointer\">\n      <verben-svg\n        [icon]=\"'download-icon'\"\n        [width]=\"15\"\n        [height]=\"15\"\n      ></verben-svg>\n    </span>\n    <verben-svg\n      *ngIf=\"showCancel\"\n      [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)'\"\n      [icon]=\"'close'\"\n      [width]=\"15\"\n      [height]=\"15\"\n      (click)=\"onCancelClicked.emit()\"\n    >\n    </verben-svg>\n  </div>\n</div>\n", styles: [".file-container{border:1px solid #ccc6fbb2;border-radius:5px}\n"] }]
         }], ctorParameters: () => [{ type: i1.EnvironmentService }], propDecorators: { fileUrl: [{
                 type: Input
             }], multiple: [{
@@ -48,19 +48,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 class FileRenderModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileRenderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FileRenderModule, declarations: [FileRenderComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FileRenderModule, declarations: [FileRenderComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             SvgModule,
             VerbenaButtonModule], exports: [FileRenderComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileRenderModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             SvgModule,
             VerbenaButtonModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileRenderModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileRenderModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FileRenderComponent],

package/fesm2022/verben-workflow-ui-src-lib-components-file-render.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verben-workflow-ui-src-lib-components-file-render.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.component.ts","../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.component.html","../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.module.ts","../../../projects/verben-workflow-ui/src/lib/components/file-render/verben-workflow-ui-src-lib-components-file-render.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { EnvironmentService } from 'verben-workflow-ui/src/lib/services';\n\n@Component({\n selector: 'verben-file-render',\n templateUrl: './file-render.component.html',\n styleUrl: './file-render.component.css',\n})\nexport class FileRenderComponent {\n @Input() fileUrl: string \| null = null;\n @Input() multiple: boolean = false;\n fileName: string \| null = null;\n @Input() disabled: boolean = false;\n @Input() showCancel: boolean = false;\n @Output() onCancelClicked: EventEmitter<Event> = new EventEmitter();\n\n constructor(private envService: EnvironmentService) {}\n\n ngOnInit(): void {\n if (this.fileUrl) {\n this.fileName = this.fileUrl.split('/').pop() \|\| null;\n }\n }\n\n openFile() {\n if (!this.fileUrl) {\n return;\n }\n window.open(\n `${this.envService.environment.FILE_URL}${this.fileUrl}`,\n '_blank',\n );\n }\n}\n","<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n <div class=\"flex gap-2 items-center\">\n <span (click)=\"openFile()\" class=\"cursor-pointer\">\n <verben-svg\n [icon]=\"'download-icon'\"\n [width]=\"15\"\n [height]=\"15\"\n ></verben-svg>\n </span>\n <verben-svg\n ngIf=\"showCancel\"\n [stroke]=\"disabled ? '~~#9A9FBF~~' : multiple ? '~~#D4A007~~' : '~~#0000FF~~'\"\n [icon]=\"'close'\"\n [width]=\"15\"\n [height]=\"15\"\n (click)=\"onCancelClicked.emit()\"\n >\n </verben-svg>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SvgModule, VerbenaButtonModule } from 'verben-ng-ui';\nimport { FileRenderComponent } from './file-render.component';\n\n@NgModule({\n declarations: [FileRenderComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SvgModule,\n VerbenaButtonModule,\n ],\n exports: [FileRenderComponent],\n})\nexport class FileRenderModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;MAQa,mBAAmB,CAAA;AAQV,IAAA,UAAA,CAAA;IAPX,OAAO,GAAkB,IAAI,CAAC;IAC9B,QAAQ,GAAY,KAAK,CAAC;IACnC,QAAQ,GAAkB,IAAI,CAAC;IACtB,QAAQ,GAAY,KAAK,CAAC;IAC1B,UAAU,GAAY,KAAK,CAAC;AAC3B,IAAA,eAAe,GAAwB,IAAI,YAAY,EAAE,CAAC;AAEpE,IAAA,WAAA,CAAoB,UAA8B,EAAA;QAA9B,IAAU,CAAA,UAAA,GAAV,UAAU,CAAoB;KAAI;IAEtD,QAAQ,GAAA;AACN,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,IAAI,CAAC;SACvD;KACF;IAED,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,OAAO;SACR;AACD,QAAA,MAAM,CAAC,IAAI,CACT,GAAG,IAAI,CAAC,UAAU,CAAC,WAAW,CAAC,QAAQ,CAAA,EAAG,IAAI,CAAC,OAAO,EAAE,EACxD,QAAQ,CACT,CAAC;KACH;wGAxBU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,iNCRhC,~~mqBAqBA~~,EAAA,MAAA,EAAA,CAAA,iEAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDba,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,oBAAoB,EAAA,QAAA,EAAA,~~mqBAAA~~,EAAA,MAAA,EAAA,CAAA,iEAAA,CAAA,EAAA,CAAA;uFAKrB,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAEG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,UAAU,EAAA,CAAA;sBAAlB,KAAK;gBACI,eAAe,EAAA,CAAA;sBAAxB,MAAM;;;MEII,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAhB,gBAAgB,EAAA,YAAA,EAAA,CAVZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,SAAS;AACT,YAAA,mBAAmB,aAEX,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YARzB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,SAAS;YACT,mBAAmB,CAAA,EAAA,CAAA,CAAA;;4FAIV,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAX5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,SAAS;wBACT,mBAAmB;AACpB,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACjBD;;AAEG;;;;"}
1	+ {"version":3,"file":"verben-workflow-ui-src-lib-components-file-render.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.component.ts","../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.component.html","../../../projects/verben-workflow-ui/src/lib/components/file-render/file-render.module.ts","../../../projects/verben-workflow-ui/src/lib/components/file-render/verben-workflow-ui-src-lib-components-file-render.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { EnvironmentService } from 'verben-workflow-ui/src/lib/services';\n\n@Component({\n selector: 'verben-file-render',\n templateUrl: './file-render.component.html',\n styleUrl: './file-render.component.css',\n})\nexport class FileRenderComponent {\n @Input() fileUrl: string \| null = null;\n @Input() multiple: boolean = false;\n fileName: string \| null = null;\n @Input() disabled: boolean = false;\n @Input() showCancel: boolean = false;\n @Output() onCancelClicked: EventEmitter<Event> = new EventEmitter();\n\n constructor(private envService: EnvironmentService) {}\n\n ngOnInit(): void {\n if (this.fileUrl) {\n this.fileName = this.fileUrl.split('/').pop() \|\| null;\n }\n }\n\n openFile() {\n if (!this.fileUrl) {\n return;\n }\n window.open(\n `${this.envService.environment.FILE_URL}${this.fileUrl}`,\n '_blank',\n );\n }\n}\n","<div class=\"file-container p-2 flex items-center justify-between gap-3\">\n <div class=\"text-sm overflow-x-auto font-semibold\">{{ fileName }}</div>\n <div class=\"flex gap-2 items-center\">\n <span (click)=\"openFile()\" class=\"cursor-pointer\">\n <verben-svg\n [icon]=\"'download-icon'\"\n [width]=\"15\"\n [height]=\"15\"\n ></verben-svg>\n </span>\n <verben-svg\n ngIf=\"showCancel\"\n [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)'\"\n [icon]=\"'close'\"\n [width]=\"15\"\n [height]=\"15\"\n (click)=\"onCancelClicked.emit()\"\n >\n </verben-svg>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SvgModule, VerbenaButtonModule } from 'verben-ng-ui';\nimport { FileRenderComponent } from './file-render.component';\n\n@NgModule({\n declarations: [FileRenderComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n SvgModule,\n VerbenaButtonModule,\n ],\n exports: [FileRenderComponent],\n})\nexport class FileRenderModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/verben-workflow-ui-src-lib-components-file-upload.mjs CHANGED Viewed

@@ -73,12 +73,12 @@ class FileUploadComponent {
     trackByFile(index, file) {
         return file.name; // or file.id if available
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: FileUploadComponent, selector: "file-upload", inputs: { multiple: "multiple", label: "label", accept: "accept", selectedFiles: "selectedFiles", disabled: "disabled" }, outputs: { selectedFilesChange: "selectedFilesChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"file-upload-container\"\n  (dragover)=\"onDragOver($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <label>{{ label }}</label>\n\n  <!-- Selected files -->\n  <div\n    class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n  >\n    <ng-container\n      *ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n    >\n      <verben-file-render\n        [fileUrl]=\"file.name\"\n        [multiple]=\"multiple\"\n        [disabled]=\"disabled\"\n        [showCancel]=\"true\"\n        (onCancelClicked)=\"removeFile(i)\"\n      ></verben-file-render>\n    </ng-container>\n    <!-- <span \n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n      *ngFor=\"let file of selectedFiles; let i = index\">\n      {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n      <verben-svg \n        [stroke]=\"disabled ? '#9A9FBF' : (multiple ? '#D4A007' : '#0000FF')\" \n        [icon]=\"'close'\" \n        [width]=\"10\" \n        [height]=\"10\" \n        (click)=\"!disabled && removeFile(i)\">\n      </verben-svg>\n    </span> -->\n\n    <!-- Add File Button (only if multiple or empty for single) -->\n    <button\n      *ngIf=\"multiple || selectedFiles.length === 0\"\n      [disabled]=\"disabled\"\n      (click)=\"!disabled && fileInput.click()\"\n      [class.opacity-50]=\"disabled\"\n      [class.cursor-not-allowed]=\"disabled\"\n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n    >\n      <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n      {{ multiple ? \"Add File\" : \"Browse File\" }}\n    </button>\n  </div>\n\n  <!-- Hidden input -->\n  <input\n    #fileInput\n    type=\"file\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n    hidden\n  />\n\n  <!-- Drop Area -->\n  <div\n    class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n    (click)=\"!disabled && fileInput.click()\"\n  >\n    <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n    <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n  </div>\n</div>\n", styles: [""], 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: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i3.FileRenderComponent, selector: "verben-file-render", inputs: ["fileUrl", "multiple", "disabled", "showCancel"], outputs: ["onCancelClicked"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadComponent, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FileUploadComponent, selector: "file-upload", inputs: { multiple: "multiple", label: "label", accept: "accept", selectedFiles: "selectedFiles", disabled: "disabled" }, outputs: { selectedFilesChange: "selectedFilesChange" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "<div\n  class=\"file-upload-container\"\n  (dragover)=\"onDragOver($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <label>{{ label }}</label>\n\n  <!-- Selected files -->\n  <div\n    class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n  >\n    <ng-container\n      *ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n    >\n      <verben-file-render\n        [fileUrl]=\"file.name\"\n        [multiple]=\"multiple\"\n        [disabled]=\"disabled\"\n        [showCancel]=\"true\"\n        (onCancelClicked)=\"removeFile(i)\"\n      ></verben-file-render>\n    </ng-container>\n    <!-- <span \n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n      *ngFor=\"let file of selectedFiles; let i = index\">\n      {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n      <verben-svg \n        [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : (multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)')\" \n        [icon]=\"'close'\" \n        [width]=\"10\" \n        [height]=\"10\" \n        (click)=\"!disabled && removeFile(i)\">\n      </verben-svg>\n    </span> -->\n\n    <!-- Add File Button (only if multiple or empty for single) -->\n    <button\n      *ngIf=\"multiple || selectedFiles.length === 0\"\n      [disabled]=\"disabled\"\n      (click)=\"!disabled && fileInput.click()\"\n      [class.opacity-50]=\"disabled\"\n      [class.cursor-not-allowed]=\"disabled\"\n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n    >\n      <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n      {{ multiple ? \"Add File\" : \"Browse File\" }}\n    </button>\n  </div>\n\n  <!-- Hidden input -->\n  <input\n    #fileInput\n    type=\"file\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n    hidden\n  />\n\n  <!-- Drop Area -->\n  <div\n    class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n    (click)=\"!disabled && fileInput.click()\"\n  >\n    <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n    <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n  </div>\n</div>\n", styles: [""], 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: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }, { kind: "component", type: i3.FileRenderComponent, selector: "verben-file-render", inputs: ["fileUrl", "multiple", "disabled", "showCancel"], outputs: ["onCancelClicked"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'file-upload', template: "<div\n  class=\"file-upload-container\"\n  (dragover)=\"onDragOver($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <label>{{ label }}</label>\n\n  <!-- Selected files -->\n  <div\n    class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n  >\n    <ng-container\n      *ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n    >\n      <verben-file-render\n        [fileUrl]=\"file.name\"\n        [multiple]=\"multiple\"\n        [disabled]=\"disabled\"\n        [showCancel]=\"true\"\n        (onCancelClicked)=\"removeFile(i)\"\n      ></verben-file-render>\n    </ng-container>\n    <!-- <span \n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n      *ngFor=\"let file of selectedFiles; let i = index\">\n      {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n      <verben-svg \n        [stroke]=\"disabled ? '#9A9FBF' : (multiple ? '#D4A007' : '#0000FF')\" \n        [icon]=\"'close'\" \n        [width]=\"10\" \n        [height]=\"10\" \n        (click)=\"!disabled && removeFile(i)\">\n      </verben-svg>\n    </span> -->\n\n    <!-- Add File Button (only if multiple or empty for single) -->\n    <button\n      *ngIf=\"multiple || selectedFiles.length === 0\"\n      [disabled]=\"disabled\"\n      (click)=\"!disabled && fileInput.click()\"\n      [class.opacity-50]=\"disabled\"\n      [class.cursor-not-allowed]=\"disabled\"\n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n    >\n      <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n      {{ multiple ? \"Add File\" : \"Browse File\" }}\n    </button>\n  </div>\n\n  <!-- Hidden input -->\n  <input\n    #fileInput\n    type=\"file\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n    hidden\n  />\n\n  <!-- Drop Area -->\n  <div\n    class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n    (click)=\"!disabled && fileInput.click()\"\n  >\n    <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n    <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n  </div>\n</div>\n" }]
+            args: [{ selector: 'file-upload', template: "<div\n  class=\"file-upload-container\"\n  (dragover)=\"onDragOver($event)\"\n  (drop)=\"onDrop($event)\"\n>\n  <label>{{ label }}</label>\n\n  <!-- Selected files -->\n  <div\n    class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n  >\n    <ng-container\n      *ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n    >\n      <verben-file-render\n        [fileUrl]=\"file.name\"\n        [multiple]=\"multiple\"\n        [disabled]=\"disabled\"\n        [showCancel]=\"true\"\n        (onCancelClicked)=\"removeFile(i)\"\n      ></verben-file-render>\n    </ng-container>\n    <!-- <span \n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n      *ngFor=\"let file of selectedFiles; let i = index\">\n      {{ file.name | slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n      <verben-svg \n        [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : (multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)')\" \n        [icon]=\"'close'\" \n        [width]=\"10\" \n        [height]=\"10\" \n        (click)=\"!disabled && removeFile(i)\">\n      </verben-svg>\n    </span> -->\n\n    <!-- Add File Button (only if multiple or empty for single) -->\n    <button\n      *ngIf=\"multiple || selectedFiles.length === 0\"\n      [disabled]=\"disabled\"\n      (click)=\"!disabled && fileInput.click()\"\n      [class.opacity-50]=\"disabled\"\n      [class.cursor-not-allowed]=\"disabled\"\n      class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n    >\n      <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n      {{ multiple ? \"Add File\" : \"Browse File\" }}\n    </button>\n  </div>\n\n  <!-- Hidden input -->\n  <input\n    #fileInput\n    type=\"file\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n    hidden\n  />\n\n  <!-- Drop Area -->\n  <div\n    class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n    (click)=\"!disabled && fileInput.click()\"\n  >\n    <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n    <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [{ type: i0.NgZone }], propDecorators: { multiple: [{
                 type: Input
             }], label: [{
@@ -97,8 +97,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 class FileUploadModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: FileUploadModule, declarations: [FileUploadComponent], imports: [CommonModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: FileUploadModule, declarations: [FileUploadComponent], imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             DataTableModule,
@@ -112,7 +112,7 @@ class FileUploadModule {
             SortTableModule,
             DataExportModule,
             VerbenaInputModule], exports: [FileUploadComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             DataTableModule,
@@ -127,7 +127,7 @@ class FileUploadModule {
             DataExportModule,
             VerbenaInputModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: FileUploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [FileUploadComponent],

package/fesm2022/verben-workflow-ui-src-lib-components-file-upload.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verben-workflow-ui-src-lib-components-file-upload.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.component.ts","../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.component.html","../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.module.ts","../../../projects/verben-workflow-ui/src/lib/components/file-upload/verben-workflow-ui-src-lib-components-file-upload.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n NgZone,\n} from '@angular/core';\n\n@Component({\n selector: 'file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.css'],\n})\nexport class FileUploadComponent {\n @Input() multiple = false;\n @Input() label = '';\n @Input() accept = '';\n @Input() selectedFiles: File[] = [];\n @Input() disabled = false;\n @Output() selectedFilesChange = new EventEmitter<File[]>();\n @ViewChild('fileInput') fileInput!: ElementRef<HTMLInputElement>;\n\n readonly MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB\n\n constructor(private zone: NgZone) {}\n\n onFileSelected(event: any): void {\n if (this.disabled) return;\n const files = Array.from(event.target.files) as File[];\n this.processFiles(files);\n }\n\n onDrop(event: DragEvent): void {\n if (this.disabled) return;\n event.preventDefault();\n if (event.dataTransfer?.files) {\n const files = Array.from(event.dataTransfer.files);\n this.processFiles(files);\n }\n }\n\n onDragOver(event: DragEvent): void {\n if (this.disabled) return;\n event.preventDefault();\n }\n\n processFiles(files: File[]): void {\n for (const file of files) {\n if (file.size > this.MAX_FILE_SIZE) {\n alert(\n `The file \"${file.name}\" is too large. Maximum size allowed is 5MB.`,\n );\n return;\n }\n }\n\n if (this.multiple) {\n this.selectedFiles = [...this.selectedFiles, ...files];\n } else {\n this.selectedFiles = [files[0]];\n }\n\n // ✅ ensure Angular detects the update\n this.zone.run(() => {\n this.selectedFilesChange.emit(this.selectedFiles);\n });\n }\n\n removeFile(index: number): void {\n if (this.disabled) return;\n this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n\n this.zone.run(() => {\n this.selectedFilesChange.emit(this.selectedFiles);\n });\n\n if (this.fileInput) {\n this.fileInput.nativeElement.value = '';\n }\n }\n\n trackByFile(index: number, file: File) {\n return file.name; // or file.id if available\n }\n}\n","<div\n class=\"file-upload-container\"\n (dragover)=\"onDragOver($event)\"\n (drop)=\"onDrop($event)\"\n>\n <label>{{ label }}</label>\n\n <!-- Selected files -->\n <div\n class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n >\n <ng-container\n ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n >\n <verben-file-render\n [fileUrl]=\"file.name\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [showCancel]=\"true\"\n (onCancelClicked)=\"removeFile(i)\"\n ></verben-file-render>\n </ng-container>\n <!-- <span \n class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n ngFor=\"let file of selectedFiles; let i = index\">\n {{ file.name \| slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n <verben-svg \n [stroke]=\"disabled ? '#9A9FBF' : (multiple ? '#D4A007' : '#0000FF')\" \n [icon]=\"'close'\" \n [width]=\"10\" \n [height]=\"10\" \n (click)=\"!disabled && removeFile(i)\">\n </verben-svg>\n </span> -->\n\n <!-- Add File Button (only if multiple or empty for single) -->\n <button\n ngIf=\"multiple \|\| selectedFiles.length === 0\"\n [disabled]=\"disabled\"\n (click)=\"!disabled && fileInput.click()\"\n [class.opacity-50]=\"disabled\"\n [class.cursor-not-allowed]=\"disabled\"\n class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n >\n <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n {{ multiple ? \"Add File\" : \"Browse File\" }}\n </button>\n </div>\n\n <!-- Hidden input -->\n <input\n #fileInput\n type=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n (change)=\"onFileSelected($event)\"\n hidden\n />\n\n <!-- Drop Area -->\n <div\n class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n (click)=\"!disabled && fileInput.click()\"\n >\n <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport {\n CardDataViewModule,\n DataExportModule,\n DataTableModule,\n DataViewModule,\n DropDownModule,\n SortTableModule,\n SvgModule,\n TableFilterModule,\n VerbenaButtonModule,\n VerbenaInputModule,\n} from 'verben-ng-ui';\nimport { FileUploadComponent } from './file-upload.component';\nimport { FileRenderModule } from 'verben-workflow-ui/src/lib/components/file-render';\n\n@NgModule({\n declarations: [FileUploadComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n DataTableModule,\n SvgModule,\n FileRenderModule,\n DataViewModule,\n VerbenaButtonModule,\n CardDataViewModule,\n DropDownModule,\n TableFilterModule,\n SortTableModule,\n DataExportModule,\n VerbenaInputModule,\n ],\n exports: [FileUploadComponent],\n})\nexport class FileUploadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAea,mBAAmB,CAAA;AAWV,IAAA,IAAA,CAAA;IAVX,QAAQ,GAAG,KAAK,CAAC;IACjB,KAAK,GAAG,EAAE,CAAC;IACX,MAAM,GAAG,EAAE,CAAC;IACZ,aAAa,GAAW,EAAE,CAAC;IAC3B,QAAQ,GAAG,KAAK,CAAC;AAChB,IAAA,mBAAmB,GAAG,IAAI,YAAY,EAAU,CAAC;AACnC,IAAA,SAAS,CAAgC;IAExD,aAAa,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,IAAA,WAAA,CAAoB,IAAY,EAAA;QAAZ,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAQ;KAAI;AAEpC,IAAA,cAAc,CAAC,KAAU,EAAA;QACvB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;AAC1B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAW,CAAC;AACvD,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAC1B;AAED,IAAA,MAAM,CAAC,KAAgB,EAAA;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,QAAA,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE;AAC7B,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACnD,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAC1B;KACF;AAED,IAAA,UAAU,CAAC,KAAgB,EAAA;QACzB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;AAED,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,gBAAA,KAAK,CACH,CAAa,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA,4CAAA,CAA8C,CACrE,CAAC;gBACF,OAAO;aACR;SACF;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,KAAK,CAAC,CAAC;SACxD;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SACjC;;AAGD,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;YACjB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACpD,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;AAEtE,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;YACjB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACpD,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;SACzC;KACF;IAED,WAAW,CAAC,KAAa,EAAE,IAAU,EAAA;AACnC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;wGAtEU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,8UCfhC,ixEAqEA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDtDa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,ixEAAA,EAAA,CAAA;2EAKd,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,mBAAmB,EAAA,CAAA;sBAA5B,MAAM;gBACiB,SAAS,EAAA,CAAA;sBAAhC,SAAS;uBAAC,WAAW,CAAA;;;MEiBX,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAhB,gBAAgB,EAAA,YAAA,EAAA,CAnBZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,gBAAgB;YAChB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,gBAAgB;AAChB,YAAA,kBAAkB,aAEV,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAjBzB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,gBAAgB;YAChB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,gBAAgB;YAChB,kBAAkB,CAAA,EAAA,CAAA,CAAA;;4FAIT,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBApB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,eAAe;wBACf,SAAS;wBACT,gBAAgB;wBAChB,cAAc;wBACd,mBAAmB;wBACnB,kBAAkB;wBAClB,cAAc;wBACd,iBAAiB;wBACjB,eAAe;wBACf,gBAAgB;wBAChB,kBAAkB;AACnB,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACtCD;;AAEG;;;;"}
1	+ {"version":3,"file":"verben-workflow-ui-src-lib-components-file-upload.mjs","sources":["../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.component.ts","../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.component.html","../../../projects/verben-workflow-ui/src/lib/components/file-upload/file-upload.module.ts","../../../projects/verben-workflow-ui/src/lib/components/file-upload/verben-workflow-ui-src-lib-components-file-upload.ts"],"sourcesContent":["import {\n Component,\n ElementRef,\n EventEmitter,\n Input,\n Output,\n ViewChild,\n NgZone,\n} from '@angular/core';\n\n@Component({\n selector: 'file-upload',\n templateUrl: './file-upload.component.html',\n styleUrls: ['./file-upload.component.css'],\n})\nexport class FileUploadComponent {\n @Input() multiple = false;\n @Input() label = '';\n @Input() accept = '';\n @Input() selectedFiles: File[] = [];\n @Input() disabled = false;\n @Output() selectedFilesChange = new EventEmitter<File[]>();\n @ViewChild('fileInput') fileInput!: ElementRef<HTMLInputElement>;\n\n readonly MAX_FILE_SIZE = 5 * 1024 * 1024; // 5MB\n\n constructor(private zone: NgZone) {}\n\n onFileSelected(event: any): void {\n if (this.disabled) return;\n const files = Array.from(event.target.files) as File[];\n this.processFiles(files);\n }\n\n onDrop(event: DragEvent): void {\n if (this.disabled) return;\n event.preventDefault();\n if (event.dataTransfer?.files) {\n const files = Array.from(event.dataTransfer.files);\n this.processFiles(files);\n }\n }\n\n onDragOver(event: DragEvent): void {\n if (this.disabled) return;\n event.preventDefault();\n }\n\n processFiles(files: File[]): void {\n for (const file of files) {\n if (file.size > this.MAX_FILE_SIZE) {\n alert(\n `The file \"${file.name}\" is too large. Maximum size allowed is 5MB.`,\n );\n return;\n }\n }\n\n if (this.multiple) {\n this.selectedFiles = [...this.selectedFiles, ...files];\n } else {\n this.selectedFiles = [files[0]];\n }\n\n // ✅ ensure Angular detects the update\n this.zone.run(() => {\n this.selectedFilesChange.emit(this.selectedFiles);\n });\n }\n\n removeFile(index: number): void {\n if (this.disabled) return;\n this.selectedFiles = this.selectedFiles.filter((_, i) => i !== index);\n\n this.zone.run(() => {\n this.selectedFilesChange.emit(this.selectedFiles);\n });\n\n if (this.fileInput) {\n this.fileInput.nativeElement.value = '';\n }\n }\n\n trackByFile(index: number, file: File) {\n return file.name; // or file.id if available\n }\n}\n","<div\n class=\"file-upload-container\"\n (dragover)=\"onDragOver($event)\"\n (drop)=\"onDrop($event)\"\n>\n <label>{{ label }}</label>\n\n <!-- Selected files -->\n <div\n class=\"py-6 px-3 border rounded-lg flex gap-2 flex-wrap border-[#9A9FBF66] mt-2 mb-3\"\n >\n <ng-container\n ngFor=\"let file of selectedFiles; let i = index; trackBy: trackByFile\"\n >\n <verben-file-render\n [fileUrl]=\"file.name\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n [showCancel]=\"true\"\n (onCancelClicked)=\"removeFile(i)\"\n ></verben-file-render>\n </ng-container>\n <!-- <span \n class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg w-fit\" \n ngFor=\"let file of selectedFiles; let i = index\">\n {{ file.name \| slice:0:10 }}{{ file.name.length > 10 ? '...' : '' }}\n <verben-svg \n [stroke]=\"disabled ? 'var(--vbn-color-text-muted)' : (multiple ? 'var(--vbn-color-primary)' : 'var(--vbn-color-border-focus)')\" \n [icon]=\"'close'\" \n [width]=\"10\" \n [height]=\"10\" \n (click)=\"!disabled && removeFile(i)\">\n </verben-svg>\n </span> -->\n\n <!-- Add File Button (only if multiple or empty for single) -->\n <button\n ngIf=\"multiple \|\| selectedFiles.length === 0\"\n [disabled]=\"disabled\"\n (click)=\"!disabled && fileInput.click()\"\n [class.opacity-50]=\"disabled\"\n [class.cursor-not-allowed]=\"disabled\"\n class=\"flex items-center gap-1 bg-[#1A237E33] px-1 py-1 rounded-lg\"\n >\n <verben-svg [icon]=\"'plus'\" [width]=\"12\" [height]=\"12\"></verben-svg>\n {{ multiple ? \"Add File\" : \"Browse File\" }}\n </button>\n </div>\n\n <!-- Hidden input -->\n <input\n #fileInput\n type=\"file\"\n [accept]=\"accept\"\n [multiple]=\"multiple\"\n [disabled]=\"disabled\"\n (change)=\"onFileSelected($event)\"\n hidden\n />\n\n <!-- Drop Area -->\n <div\n class=\"drop-area border border-dashed w-full flex flex-col justify-center items-center border-[#9A9FBF66] p-4 rounded-lg bg-[#9a9fbf27] min-h-[200px]\"\n (click)=\"!disabled && fileInput.click()\"\n >\n <verben-svg [icon]=\"'upload-icon'\" [width]=\"90\" [height]=\"90\"></verben-svg>\n <p class=\"text-[#000000B2]\">Drag and drop files here</p>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport {\n CardDataViewModule,\n DataExportModule,\n DataTableModule,\n DataViewModule,\n DropDownModule,\n SortTableModule,\n SvgModule,\n TableFilterModule,\n VerbenaButtonModule,\n VerbenaInputModule,\n} from 'verben-ng-ui';\nimport { FileUploadComponent } from './file-upload.component';\nimport { FileRenderModule } from 'verben-workflow-ui/src/lib/components/file-render';\n\n@NgModule({\n declarations: [FileUploadComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n DataTableModule,\n SvgModule,\n FileRenderModule,\n DataViewModule,\n VerbenaButtonModule,\n CardDataViewModule,\n DropDownModule,\n TableFilterModule,\n SortTableModule,\n DataExportModule,\n VerbenaInputModule,\n ],\n exports: [FileUploadComponent],\n})\nexport class FileUploadModule {}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAea,mBAAmB,CAAA;AAWV,IAAA,IAAA,CAAA;IAVX,QAAQ,GAAG,KAAK,CAAC;IACjB,KAAK,GAAG,EAAE,CAAC;IACX,MAAM,GAAG,EAAE,CAAC;IACZ,aAAa,GAAW,EAAE,CAAC;IAC3B,QAAQ,GAAG,KAAK,CAAC;AAChB,IAAA,mBAAmB,GAAG,IAAI,YAAY,EAAU,CAAC;AACnC,IAAA,SAAS,CAAgC;IAExD,aAAa,GAAG,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,IAAA,WAAA,CAAoB,IAAY,EAAA;QAAZ,IAAI,CAAA,IAAA,GAAJ,IAAI,CAAQ;KAAI;AAEpC,IAAA,cAAc,CAAC,KAAU,EAAA;QACvB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;AAC1B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAW,CAAC;AACvD,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;KAC1B;AAED,IAAA,MAAM,CAAC,KAAgB,EAAA;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;AACvB,QAAA,IAAI,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE;AAC7B,YAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AACnD,YAAA,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;SAC1B;KACF;AAED,IAAA,UAAU,CAAC,KAAgB,EAAA;QACzB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;AAED,IAAA,YAAY,CAAC,KAAa,EAAA;AACxB,QAAA,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACxB,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,aAAa,EAAE;AAClC,gBAAA,KAAK,CACH,CAAa,UAAA,EAAA,IAAI,CAAC,IAAI,CAAA,4CAAA,CAA8C,CACrE,CAAC;gBACF,OAAO;aACR;SACF;AAED,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,KAAK,CAAC,CAAC;SACxD;aAAM;YACL,IAAI,CAAC,aAAa,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SACjC;;AAGD,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;YACjB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACpD,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC;AAEtE,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAK;YACjB,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AACpD,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,KAAK,GAAG,EAAE,CAAC;SACzC;KACF;IAED,WAAW,CAAC,KAAa,EAAE,IAAU,EAAA;AACnC,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;wGAtEU,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,MAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,8UCfhC,40EAqEA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,QAAA,EAAA,MAAA,EAAA,MAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDtDa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,SAAS;+BACE,aAAa,EAAA,QAAA,EAAA,40EAAA,EAAA,CAAA;2EAKd,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,aAAa,EAAA,CAAA;sBAArB,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACI,mBAAmB,EAAA,CAAA;sBAA5B,MAAM;gBACiB,SAAS,EAAA,CAAA;sBAAhC,SAAS;uBAAC,WAAW,CAAA;;;MEiBX,gBAAgB,CAAA;wGAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;yGAAhB,gBAAgB,EAAA,YAAA,EAAA,CAnBZ,mBAAmB,CAAA,EAAA,OAAA,EAAA,CAEhC,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,gBAAgB;YAChB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,gBAAgB;AAChB,YAAA,kBAAkB,aAEV,mBAAmB,CAAA,EAAA,CAAA,CAAA;AAElB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YAjBzB,YAAY;YACZ,WAAW;YACX,mBAAmB;YACnB,eAAe;YACf,SAAS;YACT,gBAAgB;YAChB,cAAc;YACd,mBAAmB;YACnB,kBAAkB;YAClB,cAAc;YACd,iBAAiB;YACjB,eAAe;YACf,gBAAgB;YAChB,kBAAkB,CAAA,EAAA,CAAA,CAAA;;4FAIT,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBApB5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,mBAAmB,CAAC;AACnC,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,eAAe;wBACf,SAAS;wBACT,gBAAgB;wBAChB,cAAc;wBACd,mBAAmB;wBACnB,kBAAkB;wBAClB,cAAc;wBACd,iBAAiB;wBACjB,eAAe;wBACf,gBAAgB;wBAChB,kBAAkB;AACnB,qBAAA;oBACD,OAAO,EAAE,CAAC,mBAAmB,CAAC;AAC/B,iBAAA,CAAA;;;ACtCD;;AAEG;;;;"}