@ni/nimble-angular 20.2.20 → 20.2.21

package/fesm2020/ni-nimble-angular.mjs

@@ -660,10 +660,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;
     }
@@ -706,6 +702,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 });
@@ -731,9 +731,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;
     }
@@ -752,6 +749,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 });
@@ -861,9 +861,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;
     }
@@ -888,6 +885,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 });
@@ -969,15 +969,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 });
@@ -1051,15 +1051,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 });
@@ -1090,10 +1090,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() {
         return this.elementRef.nativeElement.activeid ?? '';
     }
@@ -1103,6 +1099,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 });
@@ -1176,9 +1176,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;
     }
@@ -1191,6 +1188,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 });
@@ -1223,11 +1223,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;
     }
@@ -1252,6 +1247,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);
@@ -1300,16 +1300,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 });
@@ -1349,13 +1349,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
@@ -1444,10 +1444,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;
     }
@@ -1478,6 +1474,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 });
@@ -1518,10 +1518,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;
     }
@@ -1534,6 +1530,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 });
@@ -1875,10 +1875,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;
     }
@@ -1897,6 +1893,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 });
@@ -1941,14 +1941,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
@@ -1960,6 +1952,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);
@@ -2104,10 +2104,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;
     }
@@ -2153,6 +2149,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 });
@@ -2204,10 +2204,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;
     }
@@ -2229,6 +2225,10 @@ class NimbleDialogDirective {
     get open() {
         return this.elementRef.nativeElement.open;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
     async show() {
         return this.elementRef.nativeElement.show();
     }
@@ -2281,10 +2281,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;
     }
@@ -2306,6 +2302,10 @@ class NimbleDrawerDirective {
     get open() {
         return this.elementRef.nativeElement.open;
     }
+    constructor(renderer, elementRef) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
+    }
     async show() {
         return this.elementRef.nativeElement.show();
     }
@@ -2348,16 +2348,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 });
@@ -8294,11 +8294,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.
@@ -8309,6 +8304,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);
@@ -8350,16 +8350,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 });
@@ -8723,10 +8723,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;
     }
@@ -8751,6 +8747,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 });
@@ -8788,16 +8788,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 });
@@ -8935,10 +8935,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;
     }
@@ -8995,6 +8991,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 });
@@ -9354,16 +9354,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 });
@@ -9394,10 +9394,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;
     }
@@ -9416,6 +9412,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 });
@@ -9450,10 +9450,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;
     }
@@ -9484,6 +9480,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 });
@@ -9525,16 +9525,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 });
@@ -9593,10 +9593,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;
     }
@@ -9609,6 +9605,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 });
@@ -9641,16 +9641,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 });
@@ -9709,17 +9709,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);
@@ -9960,10 +9960,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;
     }
@@ -10058,6 +10054,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 });
@@ -10155,10 +10155,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;
     }
@@ -10251,6 +10247,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 });
@@ -10313,10 +10313,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;
     }
@@ -10332,6 +10328,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();
     }
@@ -10395,10 +10395,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;
     }
@@ -10423,6 +10419,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 });
@@ -10488,11 +10488,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;
     }
@@ -10513,6 +10508,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);
@@ -10557,16 +10557,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 });
@@ -10598,10 +10598,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;
     }
@@ -10626,6 +10622,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 });