@hermes-ui/angular 0.1.6 → 0.1.7

package/fesm2022/hermes-ui-angular-forms-combobox.mjs

@@ -56,46 +56,46 @@ class HermesComboboxContainer extends HermesAbstractContainer {
             this.controlContainer.nativeElement.offsetHeight - this.el.nativeElement.offsetHeight;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesComboboxContainer, deps: [{ token: i1.LayoutService, optional: true }, { token: i1.ControlClassService }, { token: i1.NgControlService }, { token: ComboboxContainerService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesComboboxContainer, isStandalone: false, selector: "hermes-combobox-container", host: { properties: { "class.hermes-form-control": "true", "class.hermes-combobox-form-control": "true", "class.hermes-form-control-disabled": "control?.disabled", "class.hermes-row": "addGrid()" } }, providers: [NgControlService, ControlIdService, ControlClassService, ComboboxContainerService], viewQueries: [{ propertyName: "controlContainer", first: true, predicate: ["controlContainer"], 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()" #controlContainer>
-      <ng-content select="hermes-combobox"></ng-content>
-      @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>
-      }
-    </div>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesComboboxContainer, isStandalone: false, selector: "hermes-combobox-container", host: { properties: { "class.hermes-form-control": "true", "class.hermes-combobox-form-control": "true", "class.hermes-form-control-disabled": "control?.disabled", "class.hermes-row": "addGrid()" } }, providers: [NgControlService, ControlIdService, ControlClassService, ComboboxContainerService], viewQueries: [{ propertyName: "controlContainer", first: true, predicate: ["controlContainer"], 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()" #controlContainer>
+      <ng-content select="hermes-combobox"></ng-content>
+      @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>
+      }
+    </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: i8.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.HermesControlLabel, selector: "label", inputs: ["id", "for"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesComboboxContainer, decorators: [{
             type: Component,
             args: [{
                     selector: 'hermes-combobox-container',
-                    template: `
-    <ng-content select="label"></ng-content>
-    @if (!label && addGrid()) {
-      <label></label>
-    }
-    <div class="hermes-control-container" [ngClass]="controlClass()" #controlContainer>
-      <ng-content select="hermes-combobox"></ng-content>
-      @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>
-      }
-    </div>
+                    template: `
+    <ng-content select="label"></ng-content>
+    @if (!label && addGrid()) {
+      <label></label>
+    }
+    <div class="hermes-control-container" [ngClass]="controlClass()" #controlContainer>
+      <ng-content select="hermes-combobox"></ng-content>
+      @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>
+      }
+    </div>
   `,
                     host: {
                         '[class.hermes-form-control]': 'true',
@@ -747,22 +747,22 @@ class HermesOption {
         this.focusHandler.focusInput();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOption, deps: [{ token: i0.ElementRef }, { token: i3.HermesCommonStringsService }, { token: ComboboxFocusHandler }, { token: OptionSelectionService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesOption, isStandalone: false, selector: "hermes-option", inputs: { optionId: ["id", "optionId"], value: ["hermesValue", "value"] }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.hermes-combobox-option": "true", "attr.role": "\"option\"", "attr.tabindex": "-1", "attr.id": "optionId", "class.active": "this.selected", "class.hermes-focus": "this.focusClass" } }, ngImport: i0, template: `
-    <ng-content></ng-content>
-    @if (selected) {
-      <span class="hermes-sr-only">{{ commonStrings.keys.comboboxSelected }}</span>
-    }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesOption, isStandalone: false, selector: "hermes-option", inputs: { optionId: ["id", "optionId"], value: ["hermesValue", "value"] }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.hermes-combobox-option": "true", "attr.role": "\"option\"", "attr.tabindex": "-1", "attr.id": "optionId", "class.active": "this.selected", "class.hermes-focus": "this.focusClass" } }, ngImport: i0, template: `
+    <ng-content></ng-content>
+    @if (selected) {
+      <span class="hermes-sr-only">{{ commonStrings.keys.comboboxSelected }}</span>
+    }
   `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOption, decorators: [{
             type: Component,
             args: [{
                     selector: 'hermes-option',
-                    template: `
-    <ng-content></ng-content>
-    @if (selected) {
-      <span class="hermes-sr-only">{{ commonStrings.keys.comboboxSelected }}</span>
-    }
+                    template: `
+    <ng-content></ng-content>
+    @if (selected) {
+      <span class="hermes-sr-only">{{ commonStrings.keys.comboboxSelected }}</span>
+    }
   `,
                     host: {
                         '[class.hermes-combobox-option]': 'true',
@@ -909,88 +909,88 @@ class HermesOptions {
         this.focusHandler.addOptionValues(focusList);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOptions, deps: [{ token: OptionSelectionService }, { token: IF_ACTIVE_ID }, { token: i0.ElementRef }, { token: i3.HermesCommonStringsService }, { token: ComboboxFocusHandler }, { token: i4.HermesPopoverService }, { token: POPOVER_HOST_ORIGIN, optional: true }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesOptions, isStandalone: false, selector: "hermes-options", inputs: { optionsId: ["id", "optionsId"] }, host: { properties: { "class.hermes-combobox-options": "true", "class.hermes-combobox-options-multi": "optionSelectionService.multiselectable", "class.hermes-combobox-options-hidden": "emptyOptions && editable", "attr.role": "\"listbox\"", "id": "optionsId" } }, providers: [{ provide: LoadingListener, useExisting: HermesOptions }], queries: [{ propertyName: "items", predicate: HermesOption, descendants: true }], viewQueries: [{ propertyName: "selectAllBtn", first: true, predicate: ["selectAllBtn"], descendants: true }], ngImport: i0, template: `
-    @if (optionSelectionService.loading) {
-      <div class="hermes-combobox-options-loading">
-        <hermes-spinner hermesInline>
-          {{ commonStrings.keys.loading }}
-        </hermes-spinner>
-        <span class="hermes-combobox-options-text">
-          {{ searchText(optionSelectionService.currentInput) }}
-        </span>
-      </div>
-    }
-
-    @if (showSelectAll) {
-      <div class="hermes-combobox-select-all">
-        <button
-          #selectAllBtn
-          type="button"
-          tabindex="-1"
-          class="btn btn-link hermes-combobox-select-all-btn hermes-combobox-option"
-          [class.hermes-focus]="isSelectAllFocused"
-          (click)="toggleSelectAll($event)"
-        >
-          {{ allVisibleSelected ? commonStrings.keys.comboboxUnselectAll : commonStrings.keys.comboboxSelectAll }}
-        </button>
-      </div>
-    }
-
-    <!-- Rendered if data set is empty -->
-    @if (emptyOptions) {
-      <div [id]="noResultsElementId" role="option">
-        <span class="hermes-combobox-options-empty-text">
-          {{ commonStrings.keys.comboboxNoResults }}
-        </span>
-      </div>
-    }
-
-    <!--Option Groups and Options will be projected here-->
-    <ng-content></ng-content>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.22", type: HermesOptions, isStandalone: false, selector: "hermes-options", inputs: { optionsId: ["id", "optionsId"] }, host: { properties: { "class.hermes-combobox-options": "true", "class.hermes-combobox-options-multi": "optionSelectionService.multiselectable", "class.hermes-combobox-options-hidden": "emptyOptions && editable", "attr.role": "\"listbox\"", "id": "optionsId" } }, providers: [{ provide: LoadingListener, useExisting: HermesOptions }], queries: [{ propertyName: "items", predicate: HermesOption, descendants: true }], viewQueries: [{ propertyName: "selectAllBtn", first: true, predicate: ["selectAllBtn"], descendants: true }], ngImport: i0, template: `
+    @if (optionSelectionService.loading) {
+      <div class="hermes-combobox-options-loading">
+        <hermes-spinner hermesInline>
+          {{ commonStrings.keys.loading }}
+        </hermes-spinner>
+        <span class="hermes-combobox-options-text">
+          {{ searchText(optionSelectionService.currentInput) }}
+        </span>
+      </div>
+    }
+
+    @if (showSelectAll) {
+      <div class="hermes-combobox-select-all">
+        <button
+          #selectAllBtn
+          type="button"
+          tabindex="-1"
+          class="btn btn-link hermes-combobox-select-all-btn hermes-combobox-option"
+          [class.hermes-focus]="isSelectAllFocused"
+          (click)="toggleSelectAll($event)"
+        >
+          {{ allVisibleSelected ? commonStrings.keys.comboboxUnselectAll : commonStrings.keys.comboboxSelectAll }}
+        </button>
+      </div>
+    }
+
+    <!-- Rendered if data set is empty -->
+    @if (emptyOptions) {
+      <div [id]="noResultsElementId" role="option">
+        <span class="hermes-combobox-options-empty-text">
+          {{ commonStrings.keys.comboboxNoResults }}
+        </span>
+      </div>
+    }
+
+    <!--Option Groups and Options will be projected here-->
+    <ng-content></ng-content>
   `, isInline: true, dependencies: [{ kind: "component", type: i5.HermesSpinner, selector: "hermes-spinner", inputs: ["hermesInline", "hermesInverse", "hermesSmall", "hermesMedium"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOptions, decorators: [{
             type: Component,
             args: [{
                     selector: 'hermes-options',
-                    template: `
-    @if (optionSelectionService.loading) {
-      <div class="hermes-combobox-options-loading">
-        <hermes-spinner hermesInline>
-          {{ commonStrings.keys.loading }}
-        </hermes-spinner>
-        <span class="hermes-combobox-options-text">
-          {{ searchText(optionSelectionService.currentInput) }}
-        </span>
-      </div>
-    }
-
-    @if (showSelectAll) {
-      <div class="hermes-combobox-select-all">
-        <button
-          #selectAllBtn
-          type="button"
-          tabindex="-1"
-          class="btn btn-link hermes-combobox-select-all-btn hermes-combobox-option"
-          [class.hermes-focus]="isSelectAllFocused"
-          (click)="toggleSelectAll($event)"
-        >
-          {{ allVisibleSelected ? commonStrings.keys.comboboxUnselectAll : commonStrings.keys.comboboxSelectAll }}
-        </button>
-      </div>
-    }
-
-    <!-- Rendered if data set is empty -->
-    @if (emptyOptions) {
-      <div [id]="noResultsElementId" role="option">
-        <span class="hermes-combobox-options-empty-text">
-          {{ commonStrings.keys.comboboxNoResults }}
-        </span>
-      </div>
-    }
-
-    <!--Option Groups and Options will be projected here-->
-    <ng-content></ng-content>
+                    template: `
+    @if (optionSelectionService.loading) {
+      <div class="hermes-combobox-options-loading">
+        <hermes-spinner hermesInline>
+          {{ commonStrings.keys.loading }}
+        </hermes-spinner>
+        <span class="hermes-combobox-options-text">
+          {{ searchText(optionSelectionService.currentInput) }}
+        </span>
+      </div>
+    }
+
+    @if (showSelectAll) {
+      <div class="hermes-combobox-select-all">
+        <button
+          #selectAllBtn
+          type="button"
+          tabindex="-1"
+          class="btn btn-link hermes-combobox-select-all-btn hermes-combobox-option"
+          [class.hermes-focus]="isSelectAllFocused"
+          (click)="toggleSelectAll($event)"
+        >
+          {{ allVisibleSelected ? commonStrings.keys.comboboxUnselectAll : commonStrings.keys.comboboxSelectAll }}
+        </button>
+      </div>
+    }
+
+    <!-- Rendered if data set is empty -->
+    @if (emptyOptions) {
+      <div [id]="noResultsElementId" role="option">
+        <span class="hermes-combobox-options-empty-text">
+          {{ commonStrings.keys.comboboxNoResults }}
+        </span>
+      </div>
+    }
+
+    <!--Option Groups and Options will be projected here-->
+    <ng-content></ng-content>
   `,
                     providers: [{ provide: LoadingListener, useExisting: HermesOptions }],
                     host: {
@@ -1653,9 +1653,9 @@ class HermesOptionGroup {
         this.labelId = uniqueIdFactory();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOptionGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesOptionGroup, isStandalone: false, selector: "hermes-option-group", inputs: { label: ["hermesOptionGroupLabel", "label"] }, host: { properties: { "attr.role": "\"group\"", "attr.aria-labelledby": "labelId", "style.display": "hermesOptionItems.hasResults ? undefined : \"none\"" } }, queries: [{ propertyName: "hermesOptionItems", first: true, predicate: HermesOptionItems, descendants: true }], ngImport: i0, template: `
-    <span [id]="labelId" class="hermes-option-group-label" role="presentation">{{ label }}</span>
-    <ng-content></ng-content>
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.22", type: HermesOptionGroup, isStandalone: false, selector: "hermes-option-group", inputs: { label: ["hermesOptionGroupLabel", "label"] }, host: { properties: { "attr.role": "\"group\"", "attr.aria-labelledby": "labelId", "style.display": "hermesOptionItems.hasResults ? undefined : \"none\"" } }, queries: [{ propertyName: "hermesOptionItems", first: true, predicate: HermesOptionItems, descendants: true }], ngImport: i0, template: `
+    <span [id]="labelId" class="hermes-option-group-label" role="presentation">{{ label }}</span>
+    <ng-content></ng-content>
   `, isInline: true }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImport: i0, type: HermesOptionGroup, decorators: [{
@@ -1667,9 +1667,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.22", ngImpo
                         '[attr.aria-labelledby]': 'labelId',
                         '[style.display]': 'hermesOptionItems.hasResults ? undefined : "none"',
                     },
-                    template: `
-    <span [id]="labelId" class="hermes-option-group-label" role="presentation">{{ label }}</span>
-    <ng-content></ng-content>
+                    template: `
+    <span [id]="labelId" class="hermes-option-group-label" role="presentation">{{ label }}</span>
+    <ng-content></ng-content>
   `,
                     standalone: false,
                 }]