@i-cell/ids-angular 0.2.19 → 0.2.21

package/fesm2022/i-cell-ids-angular-forms.mjs

@@ -178,7 +178,7 @@ class IdsOptionComponent extends ComponentBase {
         this._multiSelect = Boolean(this._parent?.multiSelect());
         // eslint-disable-next-line @angular-eslint/no-output-on-prefix
         this.onSelectionChange = output();
-        this.viewValue = computed(() => this._textElement().nativeElement.textContent || this.explicitViewValue() || '', ...(ngDevMode ? [{ debugName: "viewValue" }] : []));
+        this.viewValue = computed(() => this.explicitViewValue() || this._textElement().nativeElement.textContent || '', ...(ngDevMode ? [{ debugName: "viewValue" }] : []));
         this._hostClasses = computed(() => this._getHostClasses([
             this.selected() ? 'selected' : null,
             this._active() ? 'active' : null,
@@ -1038,9 +1038,10 @@ class IdsAutocompleteComponent extends IdsFormFieldControl {
         effect(() => {
             const searchText = this._searchText();
             untracked(() => {
-                const control = this.ngControl();
-                if (control?.value && searchText !== control?.value) {
-                    control?.reset();
+                const control = this.ngControl()?.control;
+                const controlValue = control?.value;
+                if (controlValue && searchText !== controlValue) {
+                    control.setValue(null);
                     this._clearSelection();
                 }
             });
@@ -1255,9 +1256,7 @@ class IdsAutocompleteComponent extends IdsFormFieldControl {
         }
     }
     clear() {
-        this.ngControl()?.control?.reset();
         this._searchText.set('');
-        this._clearSelection();
     }
     // #region ControlValueAccessor implementation
     writeValue(value) {
@@ -1407,7 +1406,7 @@ class IdsAutocompleteComponent extends IdsFormFieldControl {
                 useExisting: forwardRef(() => IdsAutocompleteComponent),
                 multi: true,
             },
-        ], viewQueries: [{ propertyName: "options", predicate: IdsOptionComponent, descendants: true, isSignal: true }, { propertyName: "overlayPanel", first: true, predicate: IdsOverlayPanelComponent, descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["overlay"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_inputElemment", first: true, predicate: ["fallbackOverlayOrigin"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let isLoading = _resource.isLoading();\n@let optionsLength = _resource.value().length;\n@let maxOptionsLength = maxLength();\n\n<input\n  #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  idsInput\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"false\"\n  [(ngModel)]=\"_searchText\"\n  (click)=\"_onInputClick()\"\n/>\n@if (_searchText().length > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelClearButton()\"\n      [idsTooltip]=\"ariaLabelClearButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelClearButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" fontIcon=\"close\" />\n    </button>\n  </div>\n}\n@if (!isLoading && optionsLength > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelToggleButton()\"\n      [idsTooltip]=\"ariaLabelToggleButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelToggleButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" [fontIcon]=\"overlay.open() ? 'chevron-up' : 'chevron-down'\" />\n    </button>\n  </div>\n}\n@if (isLoading) {\n  <div idsFormFieldAction>\n    <ids-spinner sizeCollection=\"small\" size=\"compact\" variant=\"surface\" [isTrack]=\"true\" [aria-label]=\"hintLoading()\" />\n  </div>\n}\n<ids-overlay-panel\n  #overlay\n  variant=\"light\"\n  [id]=\"id() + '-panel'\"\n  [origin]=\"_preferredOverlayOrigin || fallbackOverlayOrigin\"\n  [size]=\"parentSize()\"\n  [width]=\"_overlayWidth\"\n  [panelClasses]=\"_panelClasses()\"\n>\n  @let showHintLoading = isLoading;\n  @let showHintMinChars = _searchText().length < minChars();\n  @let showHintMaxLength = maxOptionsLength && optionsLength > maxOptionsLength;\n  @let showHintNoResults = optionsLength === 0;\n\n  @if (showHintLoading || showHintMinChars || showHintMaxLength || showHintNoResults) {\n    <div class=\"ids-overlay-panel__autocomplete-message\">\n      <ids-option disabled>\n        @if (showHintLoading && !showHintMinChars) {\n          {{ hintLoading() }}\n        } @else if (showHintMinChars) {\n          {{ hintMinChars() }}\n        } @else if (showHintMaxLength) {\n          {{ hintMaxLength() }}\n        } @else if (showHintNoResults) {\n          {{ hintNoResults() }}\n        }\n      </ids-option>\n    </div>\n  } @else {\n    @for (option of _resource.value(); track $index) {\n      <ids-option [value]=\"option\">{{ option }}</ids-option>\n    }\n  }\n</ids-overlay-panel>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IdsFormFieldActionDirective, selector: "[idsFormFieldAction]" }, { kind: "directive", type: IdsInputDirective, selector: "input[idsInput][ngModel]:not([formControl]):not([formControlName]),\n             input[idsInput][formControl]:not([ngModel]):not([formControlName]),\n             input[idsInput][formControlName]:not([ngModel]):not([formControl]),\n             textarea[idsInput][ngModel]:not([formControl]):not([formControlName]),\n             textarea[idsInput][formControl]:not([ngModel]):not([formControlName]),\n             textarea[idsInput][formControlName]:not([ngModel]):not([formControl])", inputs: ["name", "type", "errorStateMatcher", "successStateMatcher"], exportAs: ["idsInput"] }, { kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }, { kind: "component", type: IdsIconButtonComponent, selector: "button[idsIconButton], a[idsIconButton]", inputs: ["appearance", "size", "variant", "disabled"] }, { kind: "component", type: IdsOverlayPanelComponent, selector: "ids-overlay-panel", inputs: ["open", "origin", "positions", "appearance", "size", "variant", "panelClasses", "width"], outputs: ["openChange"] }, { kind: "component", type: IdsOptionComponent, selector: "ids-option", inputs: ["value", "viewValue", "disabled"], outputs: ["onSelectionChange"] }, { kind: "component", type: IdsSpinnerComponent, selector: "ids-spinner", inputs: ["size", "sizeCollection", "variant", "isTrack", "aria-label"] }, { kind: "directive", type: IdsTooltipDirective, selector: "[idsTooltip]", inputs: ["idsTooltip", "idsTooltipPosition", "idsTooltipSize", "idsTooltipVariant", "idsTooltipShowDelay", "idsTooltipHideDelay", "idsTooltipDisabled", "idsTooltipTouchGestures", "idsTooltipTextAlign", "idsTooltipClass", "idsTooltipShowPointer", "idsTooltipIgnoreClipped"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+        ], viewQueries: [{ propertyName: "options", predicate: IdsOptionComponent, descendants: true, isSignal: true }, { propertyName: "overlayPanel", first: true, predicate: IdsOverlayPanelComponent, descendants: true, isSignal: true }, { propertyName: "_panel", first: true, predicate: ["overlay"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_inputElemment", first: true, predicate: ["fallbackOverlayOrigin"], descendants: true, read: ElementRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@let isLoading = _resource.isLoading();\n@let optionsLength = _resource.value().length;\n@let maxOptionsLength = maxLength();\n\n<input\n  #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  idsInput\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"false\"\n  [(ngModel)]=\"_searchText\"\n  (click)=\"_onInputClick()\"\n  (blur)=\"_onBlur()\"\n/>\n@if (_searchText().length > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelClearButton()\"\n      [idsTooltip]=\"ariaLabelClearButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelClearButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" fontIcon=\"close\" />\n    </button>\n  </div>\n}\n@if (!isLoading && optionsLength > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelToggleButton()\"\n      [idsTooltip]=\"ariaLabelToggleButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelToggleButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" [fontIcon]=\"overlay.open() ? 'chevron-up' : 'chevron-down'\" />\n    </button>\n  </div>\n}\n@if (isLoading) {\n  <div idsFormFieldAction>\n    <ids-spinner sizeCollection=\"small\" size=\"compact\" variant=\"surface\" [isTrack]=\"true\" [aria-label]=\"hintLoading()\" />\n  </div>\n}\n<ids-overlay-panel\n  #overlay\n  variant=\"light\"\n  [id]=\"id() + '-panel'\"\n  [origin]=\"_preferredOverlayOrigin || fallbackOverlayOrigin\"\n  [size]=\"parentSize()\"\n  [width]=\"_overlayWidth\"\n  [panelClasses]=\"_panelClasses()\"\n>\n  @let showHintLoading = isLoading;\n  @let showHintMinChars = _searchText().length < minChars();\n  @let showHintMaxLength = maxOptionsLength && optionsLength > maxOptionsLength;\n  @let showHintNoResults = optionsLength === 0;\n\n  @if (showHintLoading || showHintMinChars || showHintMaxLength || showHintNoResults) {\n    <div class=\"ids-overlay-panel__autocomplete-message\">\n      <ids-option disabled>\n        @if (showHintLoading && !showHintMinChars) {\n          {{ hintLoading() }}\n        } @else if (showHintMinChars) {\n          {{ hintMinChars() }}\n        } @else if (showHintMaxLength) {\n          {{ hintMaxLength() }}\n        } @else if (showHintNoResults) {\n          {{ hintNoResults() }}\n        }\n      </ids-option>\n    </div>\n  } @else {\n    @for (option of _resource.value(); track $index) {\n      <ids-option [value]=\"option\">{{ option }}</ids-option>\n    }\n  }\n</ids-overlay-panel>\n", dependencies: [{ kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: FormsModule }, { 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.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: IdsFormFieldActionDirective, selector: "[idsFormFieldAction]" }, { kind: "directive", type: IdsInputDirective, selector: "input[idsInput][ngModel]:not([formControl]):not([formControlName]),\n             input[idsInput][formControl]:not([ngModel]):not([formControlName]),\n             input[idsInput][formControlName]:not([ngModel]):not([formControl]),\n             textarea[idsInput][ngModel]:not([formControl]):not([formControlName]),\n             textarea[idsInput][formControl]:not([ngModel]):not([formControlName]),\n             textarea[idsInput][formControlName]:not([ngModel]):not([formControl])", inputs: ["name", "type", "errorStateMatcher", "successStateMatcher"], exportAs: ["idsInput"] }, { kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }, { kind: "component", type: IdsIconButtonComponent, selector: "button[idsIconButton], a[idsIconButton]", inputs: ["appearance", "size", "variant", "disabled", "allowCustomContent"] }, { kind: "component", type: IdsOverlayPanelComponent, selector: "ids-overlay-panel", inputs: ["open", "origin", "positions", "appearance", "size", "variant", "panelClasses", "width"], outputs: ["openChange"] }, { kind: "component", type: IdsOptionComponent, selector: "ids-option", inputs: ["value", "viewValue", "disabled"], outputs: ["onSelectionChange"] }, { kind: "component", type: IdsSpinnerComponent, selector: "ids-spinner", inputs: ["size", "sizeCollection", "variant", "isTrack", "aria-label"] }, { kind: "directive", type: IdsTooltipDirective, selector: "[idsTooltip]", inputs: ["idsTooltip", "idsTooltipPosition", "idsTooltipSize", "idsTooltipVariant", "idsTooltipShowDelay", "idsTooltipHideDelay", "idsTooltipDisabled", "idsTooltipTouchGestures", "idsTooltipTextAlign", "idsTooltipClass", "idsTooltipShowPointer", "idsTooltipIgnoreClipped"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsAutocompleteComponent, decorators: [{
             type: Component,
@@ -1449,7 +1448,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         '(keydown)': '_handleKeydown($event)',
                         '(focus)': 'focus()',
                         '(blur)': '_onBlur()',
-                    }, template: "@let isLoading = _resource.isLoading();\n@let optionsLength = _resource.value().length;\n@let maxOptionsLength = maxLength();\n\n<input\n  #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  idsInput\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"false\"\n  [(ngModel)]=\"_searchText\"\n  (click)=\"_onInputClick()\"\n/>\n@if (_searchText().length > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelClearButton()\"\n      [idsTooltip]=\"ariaLabelClearButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelClearButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" fontIcon=\"close\" />\n    </button>\n  </div>\n}\n@if (!isLoading && optionsLength > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelToggleButton()\"\n      [idsTooltip]=\"ariaLabelToggleButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelToggleButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" [fontIcon]=\"overlay.open() ? 'chevron-up' : 'chevron-down'\" />\n    </button>\n  </div>\n}\n@if (isLoading) {\n  <div idsFormFieldAction>\n    <ids-spinner sizeCollection=\"small\" size=\"compact\" variant=\"surface\" [isTrack]=\"true\" [aria-label]=\"hintLoading()\" />\n  </div>\n}\n<ids-overlay-panel\n  #overlay\n  variant=\"light\"\n  [id]=\"id() + '-panel'\"\n  [origin]=\"_preferredOverlayOrigin || fallbackOverlayOrigin\"\n  [size]=\"parentSize()\"\n  [width]=\"_overlayWidth\"\n  [panelClasses]=\"_panelClasses()\"\n>\n  @let showHintLoading = isLoading;\n  @let showHintMinChars = _searchText().length < minChars();\n  @let showHintMaxLength = maxOptionsLength && optionsLength > maxOptionsLength;\n  @let showHintNoResults = optionsLength === 0;\n\n  @if (showHintLoading || showHintMinChars || showHintMaxLength || showHintNoResults) {\n    <div class=\"ids-overlay-panel__autocomplete-message\">\n      <ids-option disabled>\n        @if (showHintLoading && !showHintMinChars) {\n          {{ hintLoading() }}\n        } @else if (showHintMinChars) {\n          {{ hintMinChars() }}\n        } @else if (showHintMaxLength) {\n          {{ hintMaxLength() }}\n        } @else if (showHintNoResults) {\n          {{ hintNoResults() }}\n        }\n      </ids-option>\n    </div>\n  } @else {\n    @for (option of _resource.value(); track $index) {\n      <ids-option [value]=\"option\">{{ option }}</ids-option>\n    }\n  }\n</ids-overlay-panel>\n" }]
+                    }, template: "@let isLoading = _resource.isLoading();\n@let optionsLength = _resource.value().length;\n@let maxOptionsLength = maxLength();\n\n<input\n  #fallbackOverlayOrigin=\"cdkOverlayOrigin\"\n  cdkOverlayOrigin\n  idsInput\n  [placeholder]=\"placeholder()\"\n  [disabled]=\"disabled()\"\n  [readonly]=\"readonly()\"\n  [required]=\"false\"\n  [(ngModel)]=\"_searchText\"\n  (click)=\"_onInputClick()\"\n  (blur)=\"_onBlur()\"\n/>\n@if (_searchText().length > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelClearButton()\"\n      [idsTooltip]=\"ariaLabelClearButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelClearButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"clear()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" fontIcon=\"close\" />\n    </button>\n  </div>\n}\n@if (!isLoading && optionsLength > 0) {\n  <div idsFormFieldAction>\n    <button\n      type=\"button\"\n      idsIconButton\n      appearance=\"standard\"\n      variant=\"surface\"\n      size=\"dense\"\n      [attr.aria-label]=\"ariaLabelToggleButton()\"\n      [idsTooltip]=\"ariaLabelToggleButton()\"\n      [idsTooltipDisabled]=\"!ariaLabelToggleButton() || disabled()\"\n      [idsTooltipIgnoreClipped]=\"true\"\n      [disabled]=\"disabled()\"\n      (click)=\"toggle()\"\n    >\n      <ids-icon alt=\"\" aria-hidden=\"true\" [fontIcon]=\"overlay.open() ? 'chevron-up' : 'chevron-down'\" />\n    </button>\n  </div>\n}\n@if (isLoading) {\n  <div idsFormFieldAction>\n    <ids-spinner sizeCollection=\"small\" size=\"compact\" variant=\"surface\" [isTrack]=\"true\" [aria-label]=\"hintLoading()\" />\n  </div>\n}\n<ids-overlay-panel\n  #overlay\n  variant=\"light\"\n  [id]=\"id() + '-panel'\"\n  [origin]=\"_preferredOverlayOrigin || fallbackOverlayOrigin\"\n  [size]=\"parentSize()\"\n  [width]=\"_overlayWidth\"\n  [panelClasses]=\"_panelClasses()\"\n>\n  @let showHintLoading = isLoading;\n  @let showHintMinChars = _searchText().length < minChars();\n  @let showHintMaxLength = maxOptionsLength && optionsLength > maxOptionsLength;\n  @let showHintNoResults = optionsLength === 0;\n\n  @if (showHintLoading || showHintMinChars || showHintMaxLength || showHintNoResults) {\n    <div class=\"ids-overlay-panel__autocomplete-message\">\n      <ids-option disabled>\n        @if (showHintLoading && !showHintMinChars) {\n          {{ hintLoading() }}\n        } @else if (showHintMinChars) {\n          {{ hintMinChars() }}\n        } @else if (showHintMaxLength) {\n          {{ hintMaxLength() }}\n        } @else if (showHintNoResults) {\n          {{ hintNoResults() }}\n        }\n      </ids-option>\n    </div>\n  } @else {\n    @for (option of _resource.value(); track $index) {\n      <ids-option [value]=\"option\">{{ option }}</ids-option>\n    }\n  }\n</ids-overlay-panel>\n" }]
         }], ctorParameters: () => [] });
 
 class IdsFieldsetRowComponent extends ComponentBase {