@huntsman-cancer-institute/input 15.7.1 → 15.7.2

package/fesm2020/huntsman-cancer-institute-input.mjs

@@ -2107,6 +2107,7 @@ class NativeSelectComponent {
         this.sortKey = null;
         this.sortNumeric = false;
         this.filterKey = null;
+        this.id = "";
         this._filter = null;
     }
     ngOnInit() {
@@ -2198,20 +2199,21 @@ class NativeSelectComponent {
     registerOnTouched(fn) { }
 }
 NativeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NativeSelectComponent, deps: [{ token: i1$1.DictionaryService }, { token: i2$1.HttpClient }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NativeSelectComponent, selector: "hci-native-select", inputs: { classList: ["class", "classList"], name: "name", label: "label", url: "url", entries: "entries", required: "required", idKey: "idKey", displayKey: "displayKey", disabled: "disabled", sortKey: "sortKey", sortNumeric: "sortNumeric", filterKey: "filterKey", filter: "filter" }, host: { properties: { "class": "this.classList" } }, providers: [
+NativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: NativeSelectComponent, selector: "hci-native-select", inputs: { classList: ["class", "classList"], name: "name", label: "label", url: "url", entries: "entries", required: "required", idKey: "idKey", displayKey: "displayKey", disabled: "disabled", sortKey: "sortKey", sortNumeric: "sortNumeric", filterKey: "filterKey", id: "id", filter: "filter" }, host: { properties: { "class": "this.classList" } }, providers: [
         {
             provide: NG_VALUE_ACCESSOR,
             useExisting: forwardRef(() => NativeSelectComponent),
             multi: true
         }
     ], ngImport: i0, template: `
-    <div *ngIf="label" class="label">
+    <label [for]="id" *ngIf="label" class="label">
       {{label}}{{(required) ? " *" : ""}}
-    </div>
+    </label>
     <select [(ngModel)]="value"
             [style.height.px]="height"
             (change)="onChange()"
             [disabled]="disabled"
+            [id]="id"
             class="form-control flex-grow-1"
             style="min-width: 4rem;">
       <ng-container *ngIf="!required">
@@ -2229,13 +2231,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
             args: [{
                     selector: "hci-native-select",
                     template: `
-    <div *ngIf="label" class="label">
+    <label [for]="id" *ngIf="label" class="label">
       {{label}}{{(required) ? " *" : ""}}
-    </div>
+    </label>
     <select [(ngModel)]="value"
             [style.height.px]="height"
             (change)="onChange()"
             [disabled]="disabled"
+            [id]="id"
             class="form-control flex-grow-1"
             style="min-width: 4rem;">
       <ng-container *ngIf="!required">
@@ -2284,6 +2287,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }], filterKey: [{
                 type: Input
+            }], id: [{
+                type: Input
             }], filter: [{
                 type: Input
             }] } });