@ni/nimble-angular 20.2.20 → 20.2.21

package/fesm2015/ni-nimble-angular.mjs

@@ -665,10 +665,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Base class for directives providing link attributes.
  */
 class NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get href() {
         return this.elementRef.nativeElement.href;
     }
@@ -711,6 +707,10 @@ class NimbleAnchorBaseDirective {
     set type(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'type', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleAnchorBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorBaseDirective, inputs: { href: "href", hreflang: "hreflang", ping: "ping", referrerpolicy: "referrerpolicy", rel: "rel", target: "target", type: "type" }, ngImport: i0 });
@@ -736,9 +736,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor.
  */
 class NimbleAnchorDirective extends NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        super(renderer, elementRef);
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -757,6 +754,9 @@ class NimbleAnchorDirective extends NimbleAnchorBaseDirective {
     set contentEditable(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'contentEditable', value);
     }
+    constructor(renderer, elementRef) {
+        super(renderer, elementRef);
+    }
 }
 NimbleAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorDirective, selector: "nimble-anchor", inputs: { appearance: "appearance", underlineHidden: ["underline-hidden", "underlineHidden"], contentEditable: ["contenteditable", "contentEditable"] }, usesInheritance: true, ngImport: i0 });
@@ -868,9 +868,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor button.
  */
 class NimbleAnchorButtonDirective extends NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        super(renderer, elementRef);
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -895,6 +892,9 @@ class NimbleAnchorButtonDirective extends NimbleAnchorBaseDirective {
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        super(renderer, elementRef);
+    }
 }
 NimbleAnchorButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorButtonDirective, selector: "nimble-anchor-button", inputs: { appearance: "appearance", appearanceVariant: ["appearance-variant", "appearanceVariant"], contentHidden: ["content-hidden", "contentHidden"], disabled: "disabled" }, usesInheritance: true, ngImport: i0 });
@@ -976,15 +976,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor menu item.
  */
 class NimbleAnchorMenuItemDirective extends NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        super(renderer, elementRef);
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        super(renderer, elementRef);
+    }
 }
 NimbleAnchorMenuItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorMenuItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorMenuItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorMenuItemDirective, selector: "nimble-anchor-menu-item", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0 });
@@ -1058,15 +1058,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor tab.
  */
 class NimbleAnchorTabDirective extends NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        super(renderer, elementRef);
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        super(renderer, elementRef);
+    }
 }
 NimbleAnchorTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorTabDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorTabDirective, selector: "nimble-anchor-tab", inputs: { disabled: "disabled" }, usesInheritance: true, ngImport: i0 });
@@ -1097,10 +1097,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor tabs element.
  */
 class NimbleAnchorTabsDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get activeid() {
         var _a;
         return (_a = this.elementRef.nativeElement.activeid) !== null && _a !== void 0 ? _a : '';
@@ -1111,6 +1107,10 @@ class NimbleAnchorTabsDirective {
     get activetab() {
         return this.elementRef.nativeElement.activetab;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleAnchorTabsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorTabsDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorTabsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorTabsDirective, selector: "nimble-anchor-tabs", inputs: { activeid: "activeid" }, ngImport: i0 });
@@ -1184,9 +1184,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the anchor tree item.
  */
 class NimbleAnchorTreeItemDirective extends NimbleAnchorBaseDirective {
-    constructor(renderer, elementRef) {
-        super(renderer, elementRef);
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -1199,6 +1196,9 @@ class NimbleAnchorTreeItemDirective extends NimbleAnchorBaseDirective {
     set selected(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'selected', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        super(renderer, elementRef);
+    }
 }
 NimbleAnchorTreeItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleAnchorTreeItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleAnchorTreeItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleAnchorTreeItemDirective, selector: "nimble-anchor-tree-item", inputs: { disabled: "disabled", selected: "selected" }, usesInheritance: true, ngImport: i0 });
@@ -1231,11 +1231,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the banner.
  */
 class NimbleBannerDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.openChange = new EventEmitter();
-    }
     get open() {
         return this.elementRef.nativeElement.open;
     }
@@ -1260,6 +1255,11 @@ class NimbleBannerDirective {
     set preventDismiss(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'preventDismiss', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.openChange = new EventEmitter();
+    }
     onToggle($event) {
         if ($event.target === this.elementRef.nativeElement) {
             this.openChange.emit(this.open);
@@ -1308,16 +1308,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the breadcrumb.
  */
 class NimbleBreadcrumbDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
     set appearance(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleBreadcrumbDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleBreadcrumbDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleBreadcrumbDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleBreadcrumbDirective, selector: "nimble-breadcrumb", inputs: { appearance: "appearance" }, ngImport: i0 });
@@ -1357,13 +1357,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * won't also be an active RouterLink directive incorrectly handling navigation.
  */
 class NimbleBreadcrumbItemRouterLinkWithHrefDirective extends RouterLink {
+    set nimbleRouterLink(commands) {
+        this.routerLink = commands;
+    }
     constructor(router, route, renderer, elementRef, locationStrategy) {
         super(router, route, undefined, renderer, elementRef, locationStrategy);
         this.elementRef = elementRef;
     }
-    set nimbleRouterLink(commands) {
-        this.routerLink = commands;
-    }
     onClick(_button, _ctrlKey, _shiftKey, _altKey, _metaKey) {
         // onClick is the 'click' @HostListener handler in RouterLinkWithHref. Override it to do nothing so that this directive
         // can be in control of when the click handler is called. This allows RouterLinkWithHref's onClick to only be called
@@ -1454,10 +1454,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the button.
  */
 class NimbleButtonDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -1488,6 +1484,10 @@ class NimbleButtonDirective {
     set contentHidden(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'contentHidden', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleButtonDirective, selector: "nimble-button", inputs: { appearance: "appearance", appearanceVariant: ["appearance-variant", "appearanceVariant"], disabled: "disabled", type: "type", contentHidden: ["content-hidden", "contentHidden"] }, ngImport: i0 });
@@ -1528,10 +1528,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the card button.
  */
 class NimbleCardButtonDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -1544,6 +1540,10 @@ class NimbleCardButtonDirective {
     set selected(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'selected', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleCardButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleCardButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleCardButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleCardButtonDirective, selector: "nimble-card-button", inputs: { disabled: "disabled", selected: "selected" }, ngImport: i0 });
@@ -1885,10 +1885,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the checkbox.
  */
 class NimbleCheckboxDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -1907,6 +1903,10 @@ class NimbleCheckboxDirective {
     set indeterminate(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'indeterminate', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleCheckboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleCheckboxDirective, selector: "nimble-checkbox", inputs: { disabled: "disabled", checked: "checked", indeterminate: "indeterminate" }, ngImport: i0 });
@@ -1951,14 +1951,6 @@ const OPTION_NOT_FOUND = Symbol('not found');
  * that when using 'ngModel' that each list-option bind a value via 'ngValue', and not 'value'.
  */
 class NimbleComboboxControlValueAccessorDirective {
-    constructor(_renderer, _elementRef) {
-        this._renderer = _renderer;
-        this._elementRef = _elementRef;
-        this._displayTextToOptionsMap = new Map();
-        this._optionToModelValueMap = new Map();
-        this._optionUpdateQueue = [];
-        this._compareWith = Object.is;
-    }
     /**
      * @description
      * Tracks the option comparison algorithm for tracking identities when
@@ -1970,6 +1962,14 @@ class NimbleComboboxControlValueAccessorDirective {
         }
         this._compareWith = fn;
     }
+    constructor(_renderer, _elementRef) {
+        this._renderer = _renderer;
+        this._elementRef = _elementRef;
+        this._displayTextToOptionsMap = new Map();
+        this._optionToModelValueMap = new Map();
+        this._optionUpdateQueue = [];
+        this._compareWith = Object.is;
+    }
     ngAfterViewChecked() {
         for (const updateValue of this._optionUpdateQueue) {
             this.addOption(updateValue.modelValue, updateValue.listOption);
@@ -2114,10 +2114,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive for Nimble combobox control Angular integration
  */
 class NimbleComboboxDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -2163,6 +2159,10 @@ class NimbleComboboxDirective {
     set open(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'open', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleComboboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleComboboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleComboboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], open: "open" }, ngImport: i0 });
@@ -2214,10 +2214,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
 class NimbleDialogDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get preventDismiss() {
         return this.elementRef.nativeElement.preventDismiss;
     }
@@ -2239,6 +2235,10 @@ class NimbleDialogDirective {
     get open() {
         return this.elementRef.nativeElement.open;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
     show() {
         return __awaiter(this, void 0, void 0, function* () {
             return this.elementRef.nativeElement.show();
@@ -2293,10 +2293,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  */
 // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
 class NimbleDrawerDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get location() {
         return this.elementRef.nativeElement.location;
     }
@@ -2318,6 +2314,10 @@ class NimbleDrawerDirective {
     get open() {
         return this.elementRef.nativeElement.open;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
     show() {
         return __awaiter(this, void 0, void 0, function* () {
             return this.elementRef.nativeElement.show();
@@ -2362,16 +2362,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Base class for the nimble icon directives
  */
 class NimbleIconBaseDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get severity() {
         return this.elementRef.nativeElement.severity;
     }
     set severity(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'severity', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleIconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleIconBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleIconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleIconBaseDirective, inputs: { severity: "severity" }, ngImport: i0 });
@@ -8308,11 +8308,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the list option when used with a combobox.
  */
 class NimbleComboboxListOptionDirective {
-    constructor(elementRef, combobox) {
-        this.elementRef = elementRef;
-        this.combobox = combobox;
-        this._modelValue = undefined;
-    }
     /**
      * @description
      * Tracks the value bound to the option element.
@@ -8323,6 +8318,11 @@ class NimbleComboboxListOptionDirective {
             this.updateComboboxValue(value);
         }
     }
+    constructor(elementRef, combobox) {
+        this.elementRef = elementRef;
+        this.combobox = combobox;
+        this._modelValue = undefined;
+    }
     ngAfterViewInit() {
         if (this.combobox) {
             this.combobox.addOption(this._modelValue, this.elementRef.nativeElement);
@@ -8366,16 +8366,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * (e.g. `nimble-combobox-list-option.directive.ts` and `nimble-select-list-option.directive.ts`).
  */
 class NimbleListOptionDirective {
-    constructor(elementRef, renderer) {
-        this.elementRef = elementRef;
-        this.renderer = renderer;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(elementRef, renderer) {
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+    }
 }
 NimbleListOptionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleListOptionDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleListOptionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleListOptionDirective, selector: "nimble-list-option", inputs: { disabled: "disabled" }, ngImport: i0 });
@@ -8743,10 +8743,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the menu button.
  */
 class NimbleMenuButtonDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -8771,6 +8767,10 @@ class NimbleMenuButtonDirective {
     set open(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'open', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleMenuButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleMenuButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleMenuButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleMenuButtonDirective, selector: "nimble-menu-button", inputs: { appearance: "appearance", disabled: "disabled", contentHidden: ["content-hidden", "contentHidden"], open: "open" }, ngImport: i0 });
@@ -8808,16 +8808,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the menu.
  */
 class NimbleMenuItemDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleMenuItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleMenuItemDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleMenuItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleMenuItemDirective, selector: "nimble-menu-item", inputs: { disabled: "disabled" }, ngImport: i0 });
@@ -8955,10 +8955,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the number field.
  */
 class NimbleNumberFieldDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -9015,6 +9011,10 @@ class NimbleNumberFieldDirective {
     set errorVisible(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleNumberFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleNumberFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleNumberFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleNumberFieldDirective, selector: "nimble-number-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], min: "min", max: "max", step: "step", hideStep: ["hide-step", "hideStep"], placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"] }, ngImport: i0 });
@@ -9374,16 +9374,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the radio button.
  */
 class NimbleRadioDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleRadioDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleRadioDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleRadioDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleRadioDirective, selector: "nimble-radio", inputs: { disabled: "disabled" }, ngImport: i0 });
@@ -9414,10 +9414,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the radio group.
  */
 class NimbleRadioGroupDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -9436,6 +9432,10 @@ class NimbleRadioGroupDirective {
     set orientation(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'orientation', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleRadioGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleRadioGroupDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleRadioGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleRadioGroupDirective, selector: "nimble-radio-group", inputs: { disabled: "disabled", name: "name", orientation: "orientation" }, ngImport: i0 });
@@ -9470,10 +9470,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive for Nimble select control Angular integration
  */
 class NimbleSelectDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -9504,6 +9500,10 @@ class NimbleSelectDirective {
     set errorVisible(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleSelectDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleSelectDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleSelectDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleSelectDirective, selector: "nimble-select", inputs: { appearance: "appearance", filterMode: ["filter-mode", "filterMode"], disabled: "disabled", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"] }, ngImport: i0 });
@@ -9545,16 +9545,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the spinner.
  */
 class NimbleSpinnerDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
     set appearance(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleSpinnerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleSpinnerDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleSpinnerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleSpinnerDirective, selector: "nimble-spinner", inputs: { appearance: "appearance" }, ngImport: i0 });
@@ -9613,10 +9613,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the switch.
  */
 class NimbleSwitchDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -9629,6 +9625,10 @@ class NimbleSwitchDirective {
     set checked(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'checked', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleSwitchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleSwitchDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleSwitchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleSwitchDirective, selector: "nimble-switch", inputs: { disabled: "disabled", checked: "checked" }, ngImport: i0 });
@@ -9661,16 +9661,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the tab element.
  */
 class NimbleTabDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
     set disabled(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'disabled', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleTabDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleTabDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleTabDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleTabDirective, selector: "nimble-tab", inputs: { disabled: "disabled" }, ngImport: i0 });
@@ -9729,17 +9729,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the tabs element.
  */
 class NimbleTabsDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.activeidChange = new EventEmitter();
-    }
     get activeid() {
         return this.elementRef.nativeElement.activeid;
     }
     set activeid(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'activeid', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.activeidChange = new EventEmitter();
+    }
     onChange($event) {
         if ($event.target === this.elementRef.nativeElement) {
             this.activeidChange.emit(this.activeid);
@@ -9982,10 +9982,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the text area
  */
 class NimbleTextAreaDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -10080,6 +10076,10 @@ class NimbleTextAreaDirective {
     set spellcheck(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'spellcheck', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleTextAreaDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleTextAreaDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleTextAreaDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleTextAreaDirective, selector: "nimble-text-area", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], resize: "resize", autofocus: "autofocus", disabled: "disabled", errorVisible: ["error-visible", "errorVisible"], errorText: ["error-text", "errorText"], required: "required", formId: ["form", "formId"], maxlength: "maxlength", minlength: "minlength", placeholder: "placeholder", cols: "cols", rows: "rows", spellcheck: "spellcheck" }, ngImport: i0 });
@@ -10177,10 +10177,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the text field
  */
 class NimbleTextFieldDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -10273,6 +10269,10 @@ class NimbleTextFieldDirective {
     set fullBleed(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleTextFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleTextFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleTextFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleTextFieldDirective, selector: "nimble-text-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], type: "type", autofocus: "autofocus", disabled: "disabled", required: "required", placeholder: "placeholder", maxlength: "maxlength", minlength: "minlength", pattern: "pattern", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"], size: "size", spellcheck: "spellcheck", fullBleed: ["full-bleed", "fullBleed"] }, ngImport: i0 });
@@ -10335,10 +10335,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive for Angular integration for the theme provider
  */
 class NimbleThemeProviderDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get theme() {
         return this.elementRef.nativeElement.theme;
     }
@@ -10354,6 +10350,10 @@ class NimbleThemeProviderDirective {
     get validity() {
         return this.elementRef.nativeElement.validity;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
     checkValidity() {
         return this.elementRef.nativeElement.checkValidity();
     }
@@ -10417,10 +10417,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the toggle button.
  */
 class NimbleToggleButtonDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get appearance() {
         return this.elementRef.nativeElement.appearance;
     }
@@ -10445,6 +10441,10 @@ class NimbleToggleButtonDirective {
     set checked(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'checked', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleToggleButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleToggleButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleToggleButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleToggleButtonDirective, selector: "nimble-toggle-button", inputs: { appearance: "appearance", disabled: "disabled", contentHidden: ["content-hidden", "contentHidden"], checked: "checked" }, ngImport: i0 });
@@ -10510,11 +10510,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the tree item.
  */
 class NimbleTreeItemDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.expandedChange = new EventEmitter();
-    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -10535,6 +10530,11 @@ class NimbleTreeItemDirective {
         // Needed because fast-foundation TreeView sets initial selection with an aria-selected query
         this.renderer.setAttribute(this.elementRef.nativeElement, 'selected', toBooleanAriaAttribute(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+        this.expandedChange = new EventEmitter();
+    }
     onExpandedChange($event) {
         if ($event.target === this.elementRef.nativeElement) {
             this.expandedChange.emit(this.expanded);
@@ -10579,16 +10579,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the tree view.
  */
 class NimbleTreeViewDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get selectionMode() {
         return this.elementRef.nativeElement.selectionMode;
     }
     set selectionMode(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'selectionMode', value);
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleTreeViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleTreeViewDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleTreeViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleTreeViewDirective, selector: "nimble-tree-view", inputs: { selectionMode: ["selection-mode", "selectionMode"] }, ngImport: i0 });
@@ -10620,10 +10620,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Directive to provide Angular integration for the tooltip.
  */
 class NimbleTooltipDirective {
-    constructor(renderer, elementRef) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-    }
     get anchor() {
         return this.elementRef.nativeElement.anchor;
     }
@@ -10648,6 +10644,10 @@ class NimbleTooltipDirective {
     set iconVisible(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'iconVisible', toBooleanProperty(value));
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
 }
 NimbleTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NimbleTooltipDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
 NimbleTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: NimbleTooltipDirective, selector: "nimble-tooltip", inputs: { anchor: "anchor", delay: "delay", severity: "severity", iconVisible: ["icon-visible", "iconVisible"] }, ngImport: i0 });