@hermes-ui/angular 0.1.5 → 0.1.7

package/fesm2022/hermes-ui-angular-forms-file-input.mjs

@@ -220,78 +220,78 @@ class HermesFileList {
         return a.accept === b.accept && a.minFileSize === b.minFileSize && a.maxFileSize === b.maxFileSize;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesFileList, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesFileList, isStandalone: false, selector: "hermes-file-list", host: { properties: { "attr.role": "\"list\"", "class.hermes-file-list": "true" } }, queries: [{ propertyName: "fileMessagesTemplate", first: true, predicate: HermesFileMessagesTemplate, descendants: true }], ngImport: i0, template: `
-    @for (file of files; track file) {
-      @if (createFileMessagesTemplateContext(file); as fileMessagesTemplateContext) {
-        <div
-          role="listitem"
-          class="hermes-file-list-item"
-          [ngClass]="{
-            'hermes-error': !fileMessagesTemplateContext.success,
-            'hermes-success': fileMessagesTemplateContext.success,
-          }"
-        >
-          <div class="hermes-file-label-and-status-icon">
-            <span class="label hermes-file-label">
-              {{ file.name }}
-              <button
-                class="btn btn-sm btn-link-neutral btn-icon hermes-file-clear-button"
-                [attr.aria-label]="getClearFileLabel(file.name)"
-                (click)="clearFile(file)"
-              >
-                <hermes-icon shape="times"></hermes-icon>
-              </button>
-            </span>
-          </div>
-          @if (fileMessagesTemplate) {
-            <ng-container
-              [ngTemplateOutlet]="fileMessagesTemplate.templateRef"
-              [ngTemplateOutletContext]="fileMessagesTemplateContext"
-              [ngTemplateOutletInjector]="injectorCache.get(file)"
-            ></ng-container>
-          }
-        </div>
-      }
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesFileList, isStandalone: false, selector: "hermes-file-list", host: { properties: { "attr.role": "\"list\"", "class.hermes-file-list": "true" } }, queries: [{ propertyName: "fileMessagesTemplate", first: true, predicate: HermesFileMessagesTemplate, descendants: true }], ngImport: i0, template: `
+    @for (file of files; track file) {
+      @if (createFileMessagesTemplateContext(file); as fileMessagesTemplateContext) {
+        <div
+          role="listitem"
+          class="hermes-file-list-item"
+          [ngClass]="{
+            'hermes-error': !fileMessagesTemplateContext.success,
+            'hermes-success': fileMessagesTemplateContext.success,
+          }"
+        >
+          <div class="hermes-file-label-and-status-icon">
+            <span class="label hermes-file-label">
+              {{ file.name }}
+              <button
+                class="btn btn-sm btn-link-neutral btn-icon hermes-file-clear-button"
+                [attr.aria-label]="getClearFileLabel(file.name)"
+                (click)="clearFile(file)"
+              >
+                <hermes-icon shape="times"></hermes-icon>
+              </button>
+            </span>
+          </div>
+          @if (fileMessagesTemplate) {
+            <ng-container
+              [ngTemplateOutlet]="fileMessagesTemplate.templateRef"
+              [ngTemplateOutletContext]="fileMessagesTemplateContext"
+              [ngTemplateOutletInjector]="injectorCache.get(file)"
+            ></ng-container>
+          }
+        </div>
+      }
+    }
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesFileList, decorators: [{
             type: Component,
             args: [{
                     selector: 'hermes-file-list',
-                    template: `
-    @for (file of files; track file) {
-      @if (createFileMessagesTemplateContext(file); as fileMessagesTemplateContext) {
-        <div
-          role="listitem"
-          class="hermes-file-list-item"
-          [ngClass]="{
-            'hermes-error': !fileMessagesTemplateContext.success,
-            'hermes-success': fileMessagesTemplateContext.success,
-          }"
-        >
-          <div class="hermes-file-label-and-status-icon">
-            <span class="label hermes-file-label">
-              {{ file.name }}
-              <button
-                class="btn btn-sm btn-link-neutral btn-icon hermes-file-clear-button"
-                [attr.aria-label]="getClearFileLabel(file.name)"
-                (click)="clearFile(file)"
-              >
-                <hermes-icon shape="times"></hermes-icon>
-              </button>
-            </span>
-          </div>
-          @if (fileMessagesTemplate) {
-            <ng-container
-              [ngTemplateOutlet]="fileMessagesTemplate.templateRef"
-              [ngTemplateOutletContext]="fileMessagesTemplateContext"
-              [ngTemplateOutletInjector]="injectorCache.get(file)"
-            ></ng-container>
-          }
-        </div>
-      }
-    }
+                    template: `
+    @for (file of files; track file) {
+      @if (createFileMessagesTemplateContext(file); as fileMessagesTemplateContext) {
+        <div
+          role="listitem"
+          class="hermes-file-list-item"
+          [ngClass]="{
+            'hermes-error': !fileMessagesTemplateContext.success,
+            'hermes-success': fileMessagesTemplateContext.success,
+          }"
+        >
+          <div class="hermes-file-label-and-status-icon">
+            <span class="label hermes-file-label">
+              {{ file.name }}
+              <button
+                class="btn btn-sm btn-link-neutral btn-icon hermes-file-clear-button"
+                [attr.aria-label]="getClearFileLabel(file.name)"
+                (click)="clearFile(file)"
+              >
+                <hermes-icon shape="times"></hermes-icon>
+              </button>
+            </span>
+          </div>
+          @if (fileMessagesTemplate) {
+            <ng-container
+              [ngTemplateOutlet]="fileMessagesTemplate.templateRef"
+              [ngTemplateOutletContext]="fileMessagesTemplateContext"
+              [ngTemplateOutletInjector]="injectorCache.get(file)"
+            ></ng-container>
+          }
+        </div>
+      }
+    }
   `,
                     host: {
                         '[attr.role]': '"list"',
@@ -365,136 +365,136 @@ class HermesFileInputContainer extends HermesAbstractContainer {
         selectFiles(this.fileInput.elementRef.nativeElement, mergedFiles);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesFileInputContainer, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesFileInputContainer, isStandalone: false, selector: "hermes-file-input-container", inputs: { customButtonLabel: ["hermesButtonLabel", "customButtonLabel"] }, host: { properties: { "class.hermes-form-control": "true", "class.hermes-form-control-disabled": "disabled", "class.hermes-row": "addGrid()" } }, providers: [NgControlService, ControlIdService, ControlClassService], queries: [{ propertyName: "fileInput", first: true, predicate: i0.forwardRef(() => HermesFileInput), descendants: true }, { propertyName: "fileList", first: true, predicate: i0.forwardRef(() => HermesFileList), descendants: true }, { propertyName: "fileSuccessComponent", first: true, predicate: HermesFileSuccess, descendants: true }, { propertyName: "fileErrorComponent", first: true, predicate: HermesFileError, descendants: true }], viewQueries: [{ propertyName: "browseButtonElementRef", first: true, predicate: ["browseButton"], descendants: true }, { propertyName: "fileListFileInputElementRef", first: true, predicate: ["fileListFileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
-    <ng-content select="label"></ng-content>
-    @if (!label && addGrid()) {
-      <label></label>
-    }
-    <div class="hermes-control-container" [ngClass]="controlClass()">
-      <div class="hermes-file-input-wrapper">
-        <ng-content select="[hermesFileInput]"></ng-content>
-
-        <!-- file input to handle adding new files to selection when file list is present (prevent replacing selected files on the main file input) -->
-        @if (fileList) {
-          <input
-            #fileListFileInput
-            type="file"
-            class="hermes-file-input"
-            tabindex="-1"
-            aria-hidden="true"
-            [accept]="accept"
-            [multiple]="multiple"
-            [disabled]="disabled"
-            (change)="addFilesToSelection(fileListFileInput.files)"
-          />
-        }
-
-        <button
-          #browseButton
-          type="button"
-          class="btn btn-sm hermes-file-input-browse-button"
-          [attr.aria-describedby]="browseButtonDescribedBy"
-          [disabled]="disabled"
-          (click)="browse()"
-        >
-          <hermes-icon shape="folder-open"></hermes-icon>
-          <span class="hermes-file-input-browse-button-text">{{ browseButtonText }}</span>
-        </button>
-        @if (!fileList && fileInput?.selection?.fileCount) {
-          <button
-            type="button"
-            class="btn btn-sm hermes-file-input-clear-button"
-            [attr.aria-label]="fileInput?.selection?.clearFilesButtonLabel"
-            (click)="clearSelectedFiles()"
-          >
-            <hermes-icon shape="times" status="neutral"></hermes-icon>
-          </button>
-        }
-      </div>
-      @if (showHelper) {
-        <ng-content select="hermes-control-helper"></ng-content>
-      }
-      @if (showInvalid) {
-        <ng-content select="hermes-control-error"></ng-content>
-      }
-      @if (showValid) {
-        <ng-content select="hermes-control-success"></ng-content>
-      }
-
-      <!-- If this is present, this file input becomes an "advanced" file input. -->
-      <ng-container>
-        <div class="hermes-file-list-break"></div>
-        <ng-content select="hermes-file-list"></ng-content>
-      </ng-container>
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesFileInputContainer, isStandalone: false, selector: "hermes-file-input-container", inputs: { customButtonLabel: ["hermesButtonLabel", "customButtonLabel"] }, host: { properties: { "class.hermes-form-control": "true", "class.hermes-form-control-disabled": "disabled", "class.hermes-row": "addGrid()" } }, providers: [NgControlService, ControlIdService, ControlClassService], queries: [{ propertyName: "fileInput", first: true, predicate: i0.forwardRef(() => HermesFileInput), descendants: true }, { propertyName: "fileList", first: true, predicate: i0.forwardRef(() => HermesFileList), descendants: true }, { propertyName: "fileSuccessComponent", first: true, predicate: HermesFileSuccess, descendants: true }, { propertyName: "fileErrorComponent", first: true, predicate: HermesFileError, descendants: true }], viewQueries: [{ propertyName: "browseButtonElementRef", first: true, predicate: ["browseButton"], descendants: true }, { propertyName: "fileListFileInputElementRef", first: true, predicate: ["fileListFileInput"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-file-input-wrapper">
+        <ng-content select="[hermesFileInput]"></ng-content>
+
+        <!-- file input to handle adding new files to selection when file list is present (prevent replacing selected files on the main file input) -->
+        @if (fileList) {
+          <input
+            #fileListFileInput
+            type="file"
+            class="hermes-file-input"
+            tabindex="-1"
+            aria-hidden="true"
+            [accept]="accept"
+            [multiple]="multiple"
+            [disabled]="disabled"
+            (change)="addFilesToSelection(fileListFileInput.files)"
+          />
+        }
+
+        <button
+          #browseButton
+          type="button"
+          class="btn btn-sm hermes-file-input-browse-button"
+          [attr.aria-describedby]="browseButtonDescribedBy"
+          [disabled]="disabled"
+          (click)="browse()"
+        >
+          <hermes-icon shape="folder-open"></hermes-icon>
+          <span class="hermes-file-input-browse-button-text">{{ browseButtonText }}</span>
+        </button>
+        @if (!fileList && fileInput?.selection?.fileCount) {
+          <button
+            type="button"
+            class="btn btn-sm hermes-file-input-clear-button"
+            [attr.aria-label]="fileInput?.selection?.clearFilesButtonLabel"
+            (click)="clearSelectedFiles()"
+          >
+            <hermes-icon shape="times" status="neutral"></hermes-icon>
+          </button>
+        }
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+
+      <!-- If this is present, this file input becomes an "advanced" file input. -->
+      <ng-container>
+        <div class="hermes-file-list-break"></div>
+        <ng-content select="hermes-file-list"></ng-content>
+      </ng-container>
+    </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i1.HermesIcon, selector: "hermes-icon, hermes-icon", inputs: ["shape", "size", "direction", "flip", "solid", "status", "inverse", "badge"] }, { kind: "directive", type: i3.HermesControlLabel, selector: "label", inputs: ["id", "for"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesFileInputContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'hermes-file-input-container',
-                    template: `
-    <ng-content select="label"></ng-content>
-    @if (!label && addGrid()) {
-      <label></label>
-    }
-    <div class="hermes-control-container" [ngClass]="controlClass()">
-      <div class="hermes-file-input-wrapper">
-        <ng-content select="[hermesFileInput]"></ng-content>
-
-        <!-- file input to handle adding new files to selection when file list is present (prevent replacing selected files on the main file input) -->
-        @if (fileList) {
-          <input
-            #fileListFileInput
-            type="file"
-            class="hermes-file-input"
-            tabindex="-1"
-            aria-hidden="true"
-            [accept]="accept"
-            [multiple]="multiple"
-            [disabled]="disabled"
-            (change)="addFilesToSelection(fileListFileInput.files)"
-          />
-        }
-
-        <button
-          #browseButton
-          type="button"
-          class="btn btn-sm hermes-file-input-browse-button"
-          [attr.aria-describedby]="browseButtonDescribedBy"
-          [disabled]="disabled"
-          (click)="browse()"
-        >
-          <hermes-icon shape="folder-open"></hermes-icon>
-          <span class="hermes-file-input-browse-button-text">{{ browseButtonText }}</span>
-        </button>
-        @if (!fileList && fileInput?.selection?.fileCount) {
-          <button
-            type="button"
-            class="btn btn-sm hermes-file-input-clear-button"
-            [attr.aria-label]="fileInput?.selection?.clearFilesButtonLabel"
-            (click)="clearSelectedFiles()"
-          >
-            <hermes-icon shape="times" status="neutral"></hermes-icon>
-          </button>
-        }
-      </div>
-      @if (showHelper) {
-        <ng-content select="hermes-control-helper"></ng-content>
-      }
-      @if (showInvalid) {
-        <ng-content select="hermes-control-error"></ng-content>
-      }
-      @if (showValid) {
-        <ng-content select="hermes-control-success"></ng-content>
-      }
-
-      <!-- If this is present, this file input becomes an "advanced" file input. -->
-      <ng-container>
-        <div class="hermes-file-list-break"></div>
-        <ng-content select="hermes-file-list"></ng-content>
-      </ng-container>
-    </div>
+                    template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()">
+      <div class="hermes-file-input-wrapper">
+        <ng-content select="[hermesFileInput]"></ng-content>
+
+        <!-- file input to handle adding new files to selection when file list is present (prevent replacing selected files on the main file input) -->
+        @if (fileList) {
+          <input
+            #fileListFileInput
+            type="file"
+            class="hermes-file-input"
+            tabindex="-1"
+            aria-hidden="true"
+            [accept]="accept"
+            [multiple]="multiple"
+            [disabled]="disabled"
+            (change)="addFilesToSelection(fileListFileInput.files)"
+          />
+        }
+
+        <button
+          #browseButton
+          type="button"
+          class="btn btn-sm hermes-file-input-browse-button"
+          [attr.aria-describedby]="browseButtonDescribedBy"
+          [disabled]="disabled"
+          (click)="browse()"
+        >
+          <hermes-icon shape="folder-open"></hermes-icon>
+          <span class="hermes-file-input-browse-button-text">{{ browseButtonText }}</span>
+        </button>
+        @if (!fileList && fileInput?.selection?.fileCount) {
+          <button
+            type="button"
+            class="btn btn-sm hermes-file-input-clear-button"
+            [attr.aria-label]="fileInput?.selection?.clearFilesButtonLabel"
+            (click)="clearSelectedFiles()"
+          >
+            <hermes-icon shape="times" status="neutral"></hermes-icon>
+          </button>
+        }
+      </div>
+      @if (showHelper) {
+        <ng-content select="hermes-control-helper"></ng-content>
+      }
+      @if (showInvalid) {
+        <ng-content select="hermes-control-error"></ng-content>
+      }
+      @if (showValid) {
+        <ng-content select="hermes-control-success"></ng-content>
+      }
+
+      <!-- If this is present, this file input becomes an "advanced" file input. -->
+      <ng-container>
+        <div class="hermes-file-list-break"></div>
+        <ng-content select="hermes-file-list"></ng-content>
+      </ng-container>
+    </div>
   `,
                     host: {
                         '[class.hermes-form-control]': 'true',