iss-ctrl 0.0.2 → 0.0.4

package/fesm2022/iss-ctrl-file-picker.wrapper-D_4dLsqz.mjs

@@ -0,0 +1,245 @@
+import * as i0 from '@angular/core';
+import { input, output, computed, CUSTOM_ELEMENTS_SCHEMA, Component, inject, signal, effect } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { MatLabel } from '@angular/material/form-field';
+import { catchError, EMPTY } from 'rxjs';
+import { W as WrapperBase, F as FileHandlerService, V as VIEW_PROVIDER, e as FilePickerControl, c as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { MatProgressBar } from '@angular/material/progress-bar';
+import { MatTooltip } from '@angular/material/tooltip';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+
+class AttachmentViewer extends ViewerBase {
+    uploading = input(false, ...(ngDevMode ? [{ debugName: "uploading" }] : []));
+    uploadingError = input("", ...(ngDevMode ? [{ debugName: "uploadingError" }] : []));
+    deleteOut = output();
+    attachments = computed(() => {
+        return this.field().ctrlJsonValue().map((attachment) => {
+            return {
+                name: attachment.name,
+                size: attachment.size,
+                type: attachment.type,
+                errorMsg: attachment.errorMsg,
+                file: attachment.file
+            };
+        });
+    }, ...(ngDevMode ? [{ debugName: "attachments" }] : []));
+    onDownload($event) {
+        const fileUrl = this.#createObjectUrl($event.detail.value);
+        const anchorElement = this.#createAnchorElement(fileUrl, $event.detail.value.name);
+        this.#useAnchorElementThenDispose(anchorElement, fileUrl);
+    }
+    onDelete(index) {
+        const fileHtmlElement = document.getElementById("file");
+        if (fileHtmlElement) {
+            fileHtmlElement.value = "";
+        }
+        const updatedFiles = this.field().ctrlJsonValue().filter((_, i) => i !== index);
+        this.field().ctrlJsonValue = computed(() => updatedFiles, ...(ngDevMode ? [{ debugName: "ctrlJsonValue" }] : []));
+        this.deleteOut.emit(this.field().ctrlJsonValue());
+    }
+    #createObjectUrl(file) {
+        const blob = new Blob([file], { type: "application/octet-stream" });
+        return window.URL.createObjectURL(blob);
+    }
+    #createAnchorElement(fileUrl, fileName) {
+        const a = document.createElement("a");
+        a.setAttribute("style", "display: none");
+        a.href = fileUrl;
+        a.download = fileName;
+        return a;
+    }
+    #useAnchorElementThenDispose(a, fileUrl) {
+        a.click();
+        window.URL.revokeObjectURL(fileUrl);
+        a.remove();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AttachmentViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AttachmentViewer, isStandalone: true, selector: "iss-vwr-attachment", inputs: { uploading: { classPropertyName: "uploading", publicName: "uploading", isSignal: true, isRequired: false, transformFunction: null }, uploadingError: { classPropertyName: "uploadingError", publicName: "uploadingError", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleteOut: "deleteOut" }, usesInheritance: true, ngImport: i0, template: `
+    @if (attachments()?.length) {
+      <section class="files-list">
+        @for (file of attachments(); track $index) {
+          <div class="file-item-container">
+            @if (file) {
+              <ds-attachments
+                [matTooltip]="file.name"
+                [file]="file.file ?? file"
+                [showDownload]="field().config.showDownloadButton"
+                [attr.readonly]="!field().config.showDeleteButton"
+                (downloadEvent)="onDownload($event)"
+                (deleteEvent)="onDelete($index)"
+              >
+              </ds-attachments>
+              @if (uploading()) {
+                <mat-progress-bar mode="indeterminate" />
+              }
+            }
+          </div>
+        }
+      </section>
+    }
+  `, isInline: true, styles: [".insideTableStyle{width:272px}.files-list{--file-item-width: 270px;display:grid;grid-template-columns:repeat(auto-fill,var(--file-item-width));grid-gap:.5rem}@media(max-width:768px){.files-list{grid-template-columns:repeat(auto-fill,minmax(var(--file-item-width),1fr))}}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--purple);--mat-progress-bar-track-color: rgba(var(--rgb-purple), .25)}.file-item-container .file-item{--file-bg: var(--off-white);--file-radius: var(--box-radius);--icon-color: var(--purple);--icon-size: 2rem;--file-border: transparent;display:flex;align-items:center;background-color:var(--file-bg);border:1px solid var(--file-border);border-radius:var(--file-radius);padding:0 1rem;height:70px;gap:.75rem}.file-item-container .file-item.error{--file-bg: rgba(var(--rgb-red), 10%);--file-border: var(--red);--icon-color: var(--red)}.file-item-container .file-item .icon{color:var(--icon-color);font-size:var(--icon-size)}.file-item-container .file-item .file-action{display:flex;align-items:center;gap:.5rem}ds-attachments::part(base){--file-width: 250px}\n"], dependencies: [{ kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AttachmentViewer, decorators: [{
+            type: Component,
+            args: [{ selector: "iss-vwr-attachment", imports: [
+                        MatTooltip,
+                        MatProgressBar,
+                    ], template: `
+    @if (attachments()?.length) {
+      <section class="files-list">
+        @for (file of attachments(); track $index) {
+          <div class="file-item-container">
+            @if (file) {
+              <ds-attachments
+                [matTooltip]="file.name"
+                [file]="file.file ?? file"
+                [showDownload]="field().config.showDownloadButton"
+                [attr.readonly]="!field().config.showDeleteButton"
+                (downloadEvent)="onDownload($event)"
+                (deleteEvent)="onDelete($index)"
+              >
+              </ds-attachments>
+              @if (uploading()) {
+                <mat-progress-bar mode="indeterminate" />
+              }
+            }
+          </div>
+        }
+      </section>
+    }
+  `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [".insideTableStyle{width:272px}.files-list{--file-item-width: 270px;display:grid;grid-template-columns:repeat(auto-fill,var(--file-item-width));grid-gap:.5rem}@media(max-width:768px){.files-list{grid-template-columns:repeat(auto-fill,minmax(var(--file-item-width),1fr))}}.mat-mdc-progress-bar{--mat-progress-bar-active-indicator-color: var(--purple);--mat-progress-bar-track-color: rgba(var(--rgb-purple), .25)}.file-item-container .file-item{--file-bg: var(--off-white);--file-radius: var(--box-radius);--icon-color: var(--purple);--icon-size: 2rem;--file-border: transparent;display:flex;align-items:center;background-color:var(--file-bg);border:1px solid var(--file-border);border-radius:var(--file-radius);padding:0 1rem;height:70px;gap:.75rem}.file-item-container .file-item.error{--file-bg: rgba(var(--rgb-red), 10%);--file-border: var(--red);--icon-color: var(--red)}.file-item-container .file-item .icon{color:var(--icon-color);font-size:var(--icon-size)}.file-item-container .file-item .file-action{display:flex;align-items:center;gap:.5rem}ds-attachments::part(base){--file-width: 250px}\n"] }]
+        }], propDecorators: { uploading: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploading", required: false }] }], uploadingError: [{ type: i0.Input, args: [{ isSignal: true, alias: "uploadingError", required: false }] }], deleteOut: [{ type: i0.Output, args: ["deleteOut"] }] } });
+
+class FilePickerWrapper extends WrapperBase {
+    picker = new FormControl();
+    fileHandlerService = inject(FileHandlerService);
+    uploading = signal(false, ...(ngDevMode ? [{ debugName: "uploading" }] : []));
+    viewField = computed(() => this.#generateViewField(this.field.ctrlJsonValue()), ...(ngDevMode ? [{ debugName: "viewField" }] : []));
+    attachments = signal([], ...(ngDevMode ? [{ debugName: "attachments" }] : []));
+    uploadingError = signal(undefined, ...(ngDevMode ? [{ debugName: "uploadingError" }] : []));
+    #valueEffect = effect(() => {
+        if (this.ctrlValueChange() && this.field.value) {
+            this.fileHandlerService.fetchFiles(this.ctrlValueChange()).subscribe((res) => {
+                const filesOnly = res.map((attachment) => attachment.file);
+                const formDataValue = this.fileHandlerService.formDataFactory(filesOnly, !!this.field.config.multiple);
+                this.picker.setValue(formDataValue);
+                this.field.ctrlJsonValue.set(res);
+            });
+        }
+    }, ...(ngDevMode ? [{ debugName: "#valueEffect" }] : []));
+    captureFile(formData) {
+        this.uploading.set(true);
+        const notUploadedFiles = this.#getNotUploadedFiles(formData);
+        if (this.fileHandlerService.formDataHasValue(notUploadedFiles)) {
+            this.fileHandlerService.upload(notUploadedFiles).pipe(catchError((err) => {
+                this.uploading.set(false);
+                this.uploadingError.set(err?.message ?? "Uploading Failed!");
+                console.error(err);
+                return EMPTY;
+            })).subscribe((res) => {
+                this.attachments.set(res);
+                const stringifiedValue = this.stringifyIssAttachment(this.attachments());
+                this.ctrl.setValue(stringifiedValue);
+                this.uploading.set(false);
+            });
+        }
+        else {
+            this.uploading.set(false);
+        }
+    }
+    stringifyIssAttachment(attachments) {
+        return attachments.map((attachment) => attachment.id).join(",");
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.#valueEffect.destroy();
+    }
+    #generateViewField(value) {
+        return {
+            config: {
+                showDownloadButton: true,
+                showDeleteButton: false
+            },
+            ctrlJsonValue: signal(value ?? [])
+        };
+    }
+    #getNotUploadedFiles(formData) {
+        const fd = new FormData();
+        if (formData) {
+            for (const pair of formData.entries()) {
+                const file = pair[1];
+                if (!file.id) {
+                    fd.append(pair[0], pair[1]);
+                }
+            }
+        }
+        return fd;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilePickerWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FilePickerWrapper, isStandalone: true, selector: "iss-wrp-file-picker", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <input type="hidden" [formControlName]="field.name">
+        <iss-ctrl-file-picker
+          [formControl]="picker"
+          [accept]="field.validation.fileType"
+          [showDeleteButton]="field.config.showDeleteButton"
+          [showDownloadButton]="field.config.showDownloadButton"
+          (onChange)="captureFile($event)"
+          [multiple]="field.config.multiple"
+          [uploading]="uploading()"
+          [uploadedFiles]="attachments()"
+          [uploadingError]="uploadingError()"
+        />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="ctrl.touched" />
+      } @else {
+        <iss-vwr-attachment [uploading]="uploading()" [field]="viewField()" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: FilePickerControl, selector: "iss-ctrl-file-picker", inputs: ["accept", "showDownloadButton", "showDeleteButton", "uploading", "uploadedFiles", "uploadingError"] }, { kind: "component", type: ValidationMessageComponent, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: AttachmentViewer, selector: "iss-vwr-attachment", inputs: ["uploading", "uploadingError"], outputs: ["deleteOut"] }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FilePickerWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-wrp-file-picker",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        MatLabel,
+                        FilePickerControl,
+                        ValidationMessageComponent,
+                        AttachmentViewer
+                    ],
+                    template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <input type="hidden" [formControlName]="field.name">
+        <iss-ctrl-file-picker
+          [formControl]="picker"
+          [accept]="field.validation.fileType"
+          [showDeleteButton]="field.config.showDeleteButton"
+          [showDownloadButton]="field.config.showDownloadButton"
+          (onChange)="captureFile($event)"
+          [multiple]="field.config.multiple"
+          [uploading]="uploading()"
+          [uploadedFiles]="attachments()"
+          [uploadingError]="uploadingError()"
+        />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="ctrl.touched" />
+      } @else {
+        <iss-vwr-attachment [uploading]="uploading()" [field]="viewField()" />
+      }
+    }
+  `
+                }]
+        }] });
+
+export { FilePickerWrapper };
+//# sourceMappingURL=iss-ctrl-file-picker.wrapper-D_4dLsqz.mjs.map

package/fesm2022/iss-ctrl-file-picker.wrapper-D_4dLsqz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-file-picker.wrapper-D_4dLsqz.mjs","sources":["../../../projects/iss/src/components/controls/file-picker/attachment.viewer.ts","../../../projects/iss/src/components/controls/file-picker/file-picker.wrapper.ts"],"sourcesContent":["import {Component, computed, CUSTOM_ELEMENTS_SCHEMA, input, InputSignal, output, OutputEmitterRef} from \"@angular/core\";\r\nimport {MatProgressBar} from \"@angular/material/progress-bar\";\r\nimport {MatTooltip} from \"@angular/material/tooltip\";\r\nimport {IssFile} from \"../../../shared/interfaces/file.interface\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-attachment\",\r\n  imports: [\r\n    MatTooltip,\r\n    MatProgressBar,\r\n  ],\r\n  template: `\r\n    @if (attachments()?.length) {\r\n      <section class=\"files-list\">\r\n        @for (file of attachments(); track $index) {\r\n          <div class=\"file-item-container\">\r\n            @if (file) {\r\n              <ds-attachments\r\n                [matTooltip]=\"file.name\"\r\n                [file]=\"file.file ?? file\"\r\n                [showDownload]=\"field().config.showDownloadButton\"\r\n                [attr.readonly]=\"!field().config.showDeleteButton\"\r\n                (downloadEvent)=\"onDownload($event)\"\r\n                (deleteEvent)=\"onDelete($index)\"\r\n              >\r\n              </ds-attachments>\r\n              @if (uploading()) {\r\n                <mat-progress-bar mode=\"indeterminate\" />\r\n              }\r\n            }\r\n          </div>\r\n        }\r\n      </section>\r\n    }\r\n  `,\r\n  styles: `\r\n    .insideTableStyle {\r\n      width: 272px;\r\n    }\r\n\r\n    .files-list {\r\n      --file-item-width: 270px;\r\n      display: grid;\r\n      grid-template-columns: repeat(auto-fill, var(--file-item-width));\r\n      grid-gap: 0.5rem;\r\n      @media (max-width: 768px) {\r\n        grid-template-columns: repeat(auto-fill, minmax(var(--file-item-width), 1fr));\r\n      }\r\n\r\n\r\n    }\r\n\r\n    .mat-mdc-progress-bar {\r\n      --mat-progress-bar-active-indicator-color: var(--purple);\r\n      --mat-progress-bar-track-color: rgba(var(--rgb-purple), .25);\r\n    }\r\n\r\n\r\n    .file-item-container {\r\n      .file-item {\r\n        --file-bg: var(--off-white);\r\n        --file-radius: var(--box-radius);\r\n        --icon-color: var(--purple);\r\n        --icon-size: 2rem;\r\n        --file-border: transparent;\r\n\r\n        display: flex;\r\n        align-items: center;\r\n        background-color: var(--file-bg);\r\n        border: 1px solid var(--file-border);\r\n        border-radius: var(--file-radius);\r\n        padding: 0 1rem;\r\n        height: 70px;\r\n        gap: 0.75rem;\r\n\r\n        &.error {\r\n          --file-bg: rgba(var(--rgb-red), 10%);\r\n          --file-border: var(--red);\r\n          --icon-color: var(--red);\r\n        }\r\n\r\n        .icon {\r\n          color: var(--icon-color);\r\n          font-size: var(--icon-size);\r\n        }\r\n\r\n        .file-action {\r\n          display: flex;\r\n          align-items: center;\r\n          gap: 0.5rem;\r\n        }\r\n      }\r\n    }\r\n\r\n    ds-attachments::part(base) {\r\n      --file-width: 250px;\r\n    }\r\n\r\n    ::ng-deep {\r\n      .file-item .name-size {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        flex-grow: 1;\r\n        overflow: hidden;\r\n        text-overflow: ellipsis;\r\n        white-space: nowrap;\r\n        min-width: 120px;\r\n      }\r\n    }\r\n  `,\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA]\r\n})\r\nexport class AttachmentViewer extends ViewerBase {\r\n  uploading: InputSignal<boolean> = input(false);\r\n  uploadingError: InputSignal<string> = input(\"\");\r\n  deleteOut: OutputEmitterRef<File[]> = output();\r\n  attachments = computed(() => {\r\n    return this.field().ctrlJsonValue().map((attachment: IssFile): IssFile => {\r\n      return {\r\n        name: attachment.name,\r\n        size: attachment.size,\r\n        type: attachment.type,\r\n        errorMsg: attachment.errorMsg,\r\n        file: attachment.file\r\n      };\r\n    });\r\n  });\r\n\r\n  protected onDownload($event: any) {\r\n    const fileUrl: string = this.#createObjectUrl($event.detail.value);\r\n    const anchorElement: HTMLAnchorElement = this.#createAnchorElement(fileUrl, $event.detail.value.name);\r\n    this.#useAnchorElementThenDispose(anchorElement, fileUrl);\r\n  }\r\n\r\n  protected onDelete(index: number) {\r\n    const fileHtmlElement: HTMLInputElement | null = document.getElementById(\"file\") as HTMLInputElement;\r\n    if (fileHtmlElement) {\r\n      fileHtmlElement.value = \"\";\r\n    }\r\n    const updatedFiles = this.field().ctrlJsonValue().filter((_: any, i: number): boolean => i !== index);\r\n    this.field().ctrlJsonValue = computed(() => updatedFiles);\r\n    this.deleteOut.emit(this.field().ctrlJsonValue());\r\n  }\r\n\r\n  #createObjectUrl(file: File): string {\r\n    const blob: Blob = new Blob([file], {type: \"application/octet-stream\"});\r\n    return window.URL.createObjectURL(blob);\r\n  }\r\n\r\n  #createAnchorElement(fileUrl: string, fileName: string): HTMLAnchorElement {\r\n    const a: HTMLAnchorElement = document.createElement(\"a\");\r\n    a.setAttribute(\"style\", \"display: none\");\r\n    a.href = fileUrl;\r\n    a.download = fileName;\r\n    return a;\r\n  }\r\n\r\n  #useAnchorElementThenDispose(a: HTMLAnchorElement, fileUrl: string) {\r\n    a.click();\r\n    window.URL.revokeObjectURL(fileUrl);\r\n    a.remove();\r\n  }\r\n}\r\n","import {Component, computed, effect, inject, OnDestroy, Signal, signal, WritableSignal,} from \"@angular/core\";\r\nimport {FormControl, ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {catchError, EMPTY} from \"rxjs\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {IssAttachment} from \"../../../shared/interfaces/attachment.interface\";\r\nimport {IssFile} from \"../../../shared/interfaces/file.interface\";\r\nimport {ValidationMessageComponent} from \"../../shared/validation-message.component\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {AttachmentViewer} from \"./attachment.viewer\";\r\nimport {FileHandlerService} from \"./file-handler.service\";\r\nimport {FilePickerControl} from \"./file-picker.control\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-file-picker\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    FilePickerControl,\r\n    ValidationMessageComponent,\r\n    AttachmentViewer\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\r\n      @if (field.mode() === \"edit\") {\r\n        <input type=\"hidden\" [formControlName]=\"field.name\">\r\n        <iss-ctrl-file-picker\r\n          [formControl]=\"picker\"\r\n          [accept]=\"field.validation.fileType\"\r\n          [showDeleteButton]=\"field.config.showDeleteButton\"\r\n          [showDownloadButton]=\"field.config.showDownloadButton\"\r\n          (onChange)=\"captureFile($event)\"\r\n          [multiple]=\"field.config.multiple\"\r\n          [uploading]=\"uploading()\"\r\n          [uploadedFiles]=\"attachments()\"\r\n          [uploadingError]=\"uploadingError()\"\r\n        />\r\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"ctrl.touched\" />\r\n      } @else {\r\n        <iss-vwr-attachment [uploading]=\"uploading()\" [field]=\"viewField()\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class FilePickerWrapper extends WrapperBase implements OnDestroy {\r\n  picker = new FormControl();\r\n  fileHandlerService = inject(FileHandlerService);\r\n  uploading: WritableSignal<boolean> = signal(false);\r\n  viewField: Signal<any> = computed(() => this.#generateViewField(this.field.ctrlJsonValue()));\r\n  attachments: WritableSignal<IssAttachment[]> = signal([]);\r\n  uploadingError = signal<string | undefined>(undefined);\r\n  #valueEffect = effect(() => {\r\n    if (this.ctrlValueChange() && this.field.value) {\r\n      this.fileHandlerService.fetchFiles(this.ctrlValueChange()).subscribe((res: any) => {\r\n        const filesOnly = res.map((attachment: any) => attachment.file);\r\n        const formDataValue: FormData | null = this.fileHandlerService.formDataFactory(filesOnly, !!this.field.config.multiple);\r\n        this.picker.setValue(formDataValue);\r\n        this.field.ctrlJsonValue.set(res);\r\n      });\r\n    }\r\n  });\r\n\r\n  captureFile(formData: FormData) {\r\n    this.uploading.set(true);\r\n    const notUploadedFiles: FormData = this.#getNotUploadedFiles(formData);\r\n    if (this.fileHandlerService.formDataHasValue(notUploadedFiles)) {\r\n      this.fileHandlerService.upload(notUploadedFiles).pipe(\r\n        catchError((err) => {\r\n          this.uploading.set(false);\r\n          this.uploadingError.set(err?.message ?? \"Uploading Failed!\");\r\n          console.error(err);\r\n          return EMPTY;\r\n        }),\r\n      ).subscribe((res: any) => {\r\n        this.attachments.set(res);\r\n        const stringifiedValue = this.stringifyIssAttachment(this.attachments());\r\n        this.ctrl.setValue(stringifiedValue);\r\n        this.uploading.set(false);\r\n      });\r\n    } else {\r\n      this.uploading.set(false);\r\n    }\r\n  }\r\n\r\n  stringifyIssAttachment(attachments: IssAttachment[]): string {\r\n    return attachments.map((attachment: IssAttachment) => attachment.id).join(\",\");\r\n  }\r\n\r\n  override ngOnDestroy() {\r\n    super.ngOnDestroy();\r\n    this.#valueEffect.destroy();\r\n  }\r\n\r\n  #generateViewField(value: IssFile[]) {\r\n    return {\r\n      config: {\r\n        showDownloadButton: true,\r\n        showDeleteButton: false\r\n      },\r\n      ctrlJsonValue: signal(value ?? [])\r\n    };\r\n  }\r\n\r\n  #getNotUploadedFiles(formData: FormData): FormData {\r\n    const fd: FormData = new FormData();\r\n    if (formData) {\r\n      for (const pair of formData.entries()) {\r\n        const file: IssFile = pair[1] as unknown as IssFile;\r\n        if (!file.id) {\r\n          fd.append(pair[0], pair[1]);\r\n        }\r\n      }\r\n    }\r\n    return fd;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl-input.wrapper-dK79kSim.mjs

@@ -0,0 +1,83 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatLabel } from '@angular/material/form-field';
+import { W as WrapperBase, V as VIEW_PROVIDER, I as InputControl, c as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+
+class InputViewer extends ViewerBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: InputViewer, isStandalone: true, selector: "iss-vwr-input", usesInheritance: true, ngImport: i0, template: `
+    {{ field().ctrlValue() }}
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-vwr-input",
+                    standalone: true,
+                    template: `
+    {{ field().ctrlValue() }}
+  `,
+                }]
+        }] });
+
+class InputWrapper extends WrapperBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: InputWrapper, isStandalone: true, selector: "iss-wrp-input", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-input
+          [formControlName]="field.name"
+          [type]="field.config.type ?? ''"
+          [placeholder]="field.config.placeholder ?? ''"
+          [min]="field.config.min ?? null"
+          [max]="field.config.max ?? null"
+        />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+      } @else {
+        <iss-vwr-input [field]="field" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: InputControl, selector: "iss-ctrl-input", inputs: ["type", "prefixIcon", "prefixText", "suffixIcon", "suffixText"], outputs: ["onPrefixClick", "onSuffixClick"] }, { kind: "component", type: InputViewer, selector: "iss-vwr-input" }, { kind: "component", type: ValidationMessageComponent, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-wrp-input",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        MatLabel,
+                        InputControl,
+                        InputViewer,
+                        ValidationMessageComponent
+                    ],
+                    template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-input
+          [formControlName]="field.name"
+          [type]="field.config.type ?? ''"
+          [placeholder]="field.config.placeholder ?? ''"
+          [min]="field.config.min ?? null"
+          [max]="field.config.max ?? null"
+        />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+      } @else {
+        <iss-vwr-input [field]="field" />
+      }
+    }
+  `
+                }]
+        }] });
+
+export { InputWrapper };
+//# sourceMappingURL=iss-ctrl-input.wrapper-dK79kSim.mjs.map

package/fesm2022/iss-ctrl-input.wrapper-dK79kSim.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-input.wrapper-dK79kSim.mjs","sources":["../../../projects/iss/src/components/controls/input/input.viewer.ts","../../../projects/iss/src/components/controls/input/input.wrapper.ts"],"sourcesContent":["import {Component} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-input\",\r\n  standalone: true,\r\n  template: `\r\n    {{ field().ctrlValue() }}\r\n  `,\r\n})\r\nexport class InputViewer extends ViewerBase {}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {ValidationMessageComponent} from \"../../shared/validation-message.component\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {InputControl} from \"./input.control\";\r\nimport {InputViewer} from \"./input.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-input\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    InputControl,\r\n    InputViewer,\r\n    ValidationMessageComponent\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-input\r\n          [formControlName]=\"field.name\"\r\n          [type]=\"field.config.type ?? ''\"\r\n          [placeholder]=\"field.config.placeholder ?? ''\"\r\n          [min]=\"field.config.min ?? null\"\r\n          [max]=\"field.config.max ?? null\"\r\n        />\r\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\" />\r\n      } @else {\r\n        <iss-vwr-input [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class InputWrapper extends WrapperBase {}\r\n"],"names":[],"mappings":";;;;;;;;AAUM,MAAO,WAAY,SAAQ,UAAU,CAAA;uGAA9B,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJZ,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACF,iBAAA;;;AC8BK,MAAO,YAAa,SAAQ,WAAW,CAAA;uGAAhC,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApBb,CAAA;;;;;;;;;;;;;;;;;;AAkBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAxBC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,WAAW,EAAA,QAAA,EAAA,eAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACX,0BAA0B,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EANb,CAAC,aAAa,CAAC,EAAA,CAAA;;2FA4BnB,YAAY,EAAA,UAAA,EAAA,CAAA;kBA9BxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;oBACzB,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,QAAQ;wBACR,YAAY;wBACZ,WAAW;wBACX;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;;;AAkBT,EAAA;AACF,iBAAA;;;;;"}