@ni/nimble-angular 8.5.0 → 9.0.1

package/fesm2015/ni-nimble-angular.js

@@ -1,9 +1,11 @@
 import * as i0 from '@angular/core';
-import { Directive, NgModule, Input, forwardRef, HostListener, EventEmitter, Output, Inject, Optional, Host } from '@angular/core';
+import { Directive, Input, NgModule, forwardRef, HostListener, EventEmitter, Output, Inject, Optional, Host } from '@angular/core';
+export { BreadcrumbAppearance } from '@ni/nimble-components/dist/esm/breadcrumb/types';
 import { CommonModule } from '@angular/common';
 import '@ni/nimble-components/dist/esm/breadcrumb';
 import { RouterLinkWithHref } from '@angular/router';
 import '@ni/nimble-components/dist/esm/breadcrumb-item';
+export { ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/button/types';
 import '@ni/nimble-components/dist/esm/button';
 import '@ni/nimble-components/dist/esm/card-button';
 import * as i1 from '@angular/forms';
@@ -189,27 +191,39 @@ import '@ni/nimble-components/dist/esm/toolbar';
 import '@ni/nimble-components/dist/esm/tree-item';
 export { TreeViewSelectionMode } from '@ni/nimble-components/dist/esm/tree-view/types';
 import '@ni/nimble-components/dist/esm/tree-view';
-export { TooltipStatus } from '@ni/nimble-components/dist/esm/tooltip/types';
+export { TooltipSeverity } from '@ni/nimble-components/dist/esm/tooltip/types';
 import '@ni/nimble-components/dist/esm/tooltip';
 import { waitForUpdatesAsync as waitForUpdatesAsync$1 } from '@ni/nimble-components/dist/esm/testing/async-helpers';
 export { processUpdates } from '@ni/nimble-components/dist/esm/testing/async-helpers';
 export { ButtonAppearance } from '@ni/nimble-components/dist/esm/patterns/button/types';
 export { DropdownAppearance } from '@ni/nimble-components/dist/esm/patterns/dropdown/types';
-export { IconStatus } from '@ni/nimble-components/dist/esm/icon-base/types';
+export { IconSeverity } from '@ni/nimble-components/dist/esm/icon-base/types';
 
 /**
  * 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);
+    }
 }
-NimbleBreadcrumbDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleBreadcrumbDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleBreadcrumbDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleBreadcrumbDirective, selector: "nimble-breadcrumb", ngImport: i0 });
+NimbleBreadcrumbDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleBreadcrumbDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NimbleBreadcrumbDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleBreadcrumbDirective, selector: "nimble-breadcrumb", inputs: { appearance: "appearance" }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleBreadcrumbDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'nimble-breadcrumb'
                 }]
-        }] });
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appearance: [{
+                type: Input
+            }] } });
 
 class NimbleBreadcrumbModule {
 }
@@ -407,6 +421,14 @@ class NimbleButtonDirective {
     set appearance(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'appearance', value);
     }
+    get appearanceVariant() {
+        return this.elementRef.nativeElement.appearanceVariant;
+    }
+    // Renaming because property should have camel casing, but attribute should not
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set appearanceVariant(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'appearanceVariant', value);
+    }
     get disabled() {
         return this.elementRef.nativeElement.disabled;
     }
@@ -422,14 +444,14 @@ class NimbleButtonDirective {
     get contentHidden() {
         return this.elementRef.nativeElement.contentHidden;
     }
-    // contentHidden property intentionally maps to the content-hidden attribute
+    // Renaming because property should have camel casing, but attribute should not
     // eslint-disable-next-line @angular-eslint/no-input-rename
     set contentHidden(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'contentHidden', toBooleanProperty(value));
     }
 }
 NimbleButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleButtonDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NimbleButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleButtonDirective, selector: "nimble-button", inputs: { appearance: "appearance", disabled: "disabled", type: "type", contentHidden: ["content-hidden", "contentHidden"] }, ngImport: i0 });
+NimbleButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleButtonDirective, selector: "nimble-button", inputs: { appearance: "appearance", appearanceVariant: ["appearance-variant", "appearanceVariant"], disabled: "disabled", type: "type", contentHidden: ["content-hidden", "contentHidden"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleButtonDirective, decorators: [{
             type: Directive,
             args: [{
@@ -437,6 +459,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appearance: [{
                 type: Input
+            }], appearanceVariant: [{
+                type: Input,
+                args: ['appearance-variant']
             }], disabled: [{
                 type: Input
             }], type: [{
@@ -763,9 +788,17 @@ class NimbleComboboxDirective {
     set errorText(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorText', value);
     }
+    get errorVisible() {
+        return this.elementRef.nativeElement.errorVisible;
+    }
+    // Renaming because property should have camel casing, but attribute should not
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set errorVisible(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
+    }
 }
 NimbleComboboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleComboboxDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NimbleComboboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"] }, ngImport: i0 });
+NimbleComboboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleComboboxDirective, selector: "nimble-combobox", inputs: { appearance: "appearance", disabled: "disabled", autocomplete: "autocomplete", placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleComboboxDirective, decorators: [{
             type: Directive,
             args: [{
@@ -782,6 +815,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
             }], errorText: [{
                 type: Input,
                 args: ['error-text']
+            }], errorVisible: [{
+                type: Input,
+                args: ['error-visible']
             }] } });
 
 class NimbleComboboxModule {
@@ -958,14 +994,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
                 }]
         }] });
 
+/**
+ * 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);
+    }
+}
+NimbleIconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBaseDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBaseDirective, inputs: { severity: "severity" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBaseDirective, decorators: [{
+            type: Directive
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { severity: [{
+                type: Input
+            }] } });
+
 // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
 /**
  * Directive to provide Angular integration for the add icon element.
  */
-class NimbleIconAddDirective {
+class NimbleIconAddDirective extends NimbleIconBaseDirective {
 }
-NimbleIconAddDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconAddDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconAddDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconAddDirective, selector: "nimble-icon-add", ngImport: i0 });
+NimbleIconAddDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconAddDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconAddDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconAddDirective, selector: "nimble-icon-add", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconAddDirective, decorators: [{
             type: Directive,
             args: [{
@@ -992,10 +1051,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowDownRightAndArrowUpLeft icon element.
  */
-class NimbleIconArrowDownRightAndArrowUpLeftDirective {
+class NimbleIconArrowDownRightAndArrowUpLeftDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowDownRightAndArrowUpLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowDownRightAndArrowUpLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowDownRightAndArrowUpLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowDownRightAndArrowUpLeftDirective, selector: "nimble-icon-arrow-down-right-and-arrow-up-left", ngImport: i0 });
+NimbleIconArrowDownRightAndArrowUpLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowDownRightAndArrowUpLeftDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowDownRightAndArrowUpLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowDownRightAndArrowUpLeftDirective, selector: "nimble-icon-arrow-down-right-and-arrow-up-left", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowDownRightAndArrowUpLeftDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1022,10 +1081,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowExpanderDown icon element.
  */
-class NimbleIconArrowExpanderDownDirective {
+class NimbleIconArrowExpanderDownDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowExpanderDownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderDownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowExpanderDownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderDownDirective, selector: "nimble-icon-arrow-expander-down", ngImport: i0 });
+NimbleIconArrowExpanderDownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderDownDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowExpanderDownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderDownDirective, selector: "nimble-icon-arrow-expander-down", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderDownDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1052,10 +1111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowExpanderLeft icon element.
  */
-class NimbleIconArrowExpanderLeftDirective {
+class NimbleIconArrowExpanderLeftDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowExpanderLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowExpanderLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderLeftDirective, selector: "nimble-icon-arrow-expander-left", ngImport: i0 });
+NimbleIconArrowExpanderLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderLeftDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowExpanderLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderLeftDirective, selector: "nimble-icon-arrow-expander-left", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderLeftDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1082,10 +1141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowExpanderRight icon element.
  */
-class NimbleIconArrowExpanderRightDirective {
+class NimbleIconArrowExpanderRightDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowExpanderRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowExpanderRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderRightDirective, selector: "nimble-icon-arrow-expander-right", ngImport: i0 });
+NimbleIconArrowExpanderRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderRightDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowExpanderRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderRightDirective, selector: "nimble-icon-arrow-expander-right", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderRightDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1112,10 +1171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowExpanderUp icon element.
  */
-class NimbleIconArrowExpanderUpDirective {
+class NimbleIconArrowExpanderUpDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowExpanderUpDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderUpDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowExpanderUpDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderUpDirective, selector: "nimble-icon-arrow-expander-up", ngImport: i0 });
+NimbleIconArrowExpanderUpDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderUpDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowExpanderUpDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowExpanderUpDirective, selector: "nimble-icon-arrow-expander-up", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowExpanderUpDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1142,10 +1201,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowLeftFromLine icon element.
  */
-class NimbleIconArrowLeftFromLineDirective {
+class NimbleIconArrowLeftFromLineDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowLeftFromLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowLeftFromLineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowLeftFromLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowLeftFromLineDirective, selector: "nimble-icon-arrow-left-from-line", ngImport: i0 });
+NimbleIconArrowLeftFromLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowLeftFromLineDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowLeftFromLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowLeftFromLineDirective, selector: "nimble-icon-arrow-left-from-line", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowLeftFromLineDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1172,10 +1231,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowPartialRotateLeft icon element.
  */
-class NimbleIconArrowPartialRotateLeftDirective {
+class NimbleIconArrowPartialRotateLeftDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowPartialRotateLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowPartialRotateLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowPartialRotateLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowPartialRotateLeftDirective, selector: "nimble-icon-arrow-partial-rotate-left", ngImport: i0 });
+NimbleIconArrowPartialRotateLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowPartialRotateLeftDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowPartialRotateLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowPartialRotateLeftDirective, selector: "nimble-icon-arrow-partial-rotate-left", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowPartialRotateLeftDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1202,10 +1261,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowRightToLine icon element.
  */
-class NimbleIconArrowRightToLineDirective {
+class NimbleIconArrowRightToLineDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowRightToLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRightToLineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowRightToLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowRightToLineDirective, selector: "nimble-icon-arrow-right-to-line", ngImport: i0 });
+NimbleIconArrowRightToLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRightToLineDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowRightToLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowRightToLineDirective, selector: "nimble-icon-arrow-right-to-line", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRightToLineDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1232,10 +1291,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowRotateRight icon element.
  */
-class NimbleIconArrowRotateRightDirective {
+class NimbleIconArrowRotateRightDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowRotateRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRotateRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowRotateRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowRotateRightDirective, selector: "nimble-icon-arrow-rotate-right", ngImport: i0 });
+NimbleIconArrowRotateRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRotateRightDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowRotateRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowRotateRightDirective, selector: "nimble-icon-arrow-rotate-right", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowRotateRightDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1262,10 +1321,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowURotateLeft icon element.
  */
-class NimbleIconArrowURotateLeftDirective {
+class NimbleIconArrowURotateLeftDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowURotateLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowURotateLeftDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowURotateLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowURotateLeftDirective, selector: "nimble-icon-arrow-u-rotate-left", ngImport: i0 });
+NimbleIconArrowURotateLeftDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowURotateLeftDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowURotateLeftDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowURotateLeftDirective, selector: "nimble-icon-arrow-u-rotate-left", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowURotateLeftDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1292,10 +1351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowUpLeftAndArrowDownRight icon element.
  */
-class NimbleIconArrowUpLeftAndArrowDownRightDirective {
+class NimbleIconArrowUpLeftAndArrowDownRightDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowUpLeftAndArrowDownRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowUpLeftAndArrowDownRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowUpLeftAndArrowDownRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowUpLeftAndArrowDownRightDirective, selector: "nimble-icon-arrow-up-left-and-arrow-down-right", ngImport: i0 });
+NimbleIconArrowUpLeftAndArrowDownRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowUpLeftAndArrowDownRightDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowUpLeftAndArrowDownRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowUpLeftAndArrowDownRightDirective, selector: "nimble-icon-arrow-up-left-and-arrow-down-right", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowUpLeftAndArrowDownRightDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1322,10 +1381,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowsMaximize icon element.
  */
-class NimbleIconArrowsMaximizeDirective {
+class NimbleIconArrowsMaximizeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowsMaximizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsMaximizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowsMaximizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowsMaximizeDirective, selector: "nimble-icon-arrows-maximize", ngImport: i0 });
+NimbleIconArrowsMaximizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsMaximizeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowsMaximizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowsMaximizeDirective, selector: "nimble-icon-arrows-maximize", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsMaximizeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1352,10 +1411,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the arrowsRepeat icon element.
  */
-class NimbleIconArrowsRepeatDirective {
+class NimbleIconArrowsRepeatDirective extends NimbleIconBaseDirective {
 }
-NimbleIconArrowsRepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsRepeatDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconArrowsRepeatDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowsRepeatDirective, selector: "nimble-icon-arrows-repeat", ngImport: i0 });
+NimbleIconArrowsRepeatDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsRepeatDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconArrowsRepeatDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconArrowsRepeatDirective, selector: "nimble-icon-arrows-repeat", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconArrowsRepeatDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1382,10 +1441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bars icon element.
  */
-class NimbleIconBarsDirective {
+class NimbleIconBarsDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBarsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBarsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBarsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBarsDirective, selector: "nimble-icon-bars", ngImport: i0 });
+NimbleIconBarsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBarsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBarsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBarsDirective, selector: "nimble-icon-bars", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBarsDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1412,10 +1471,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bell icon element.
  */
-class NimbleIconBellDirective {
+class NimbleIconBellDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellDirective, selector: "nimble-icon-bell", ngImport: i0 });
+NimbleIconBellDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBellDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellDirective, selector: "nimble-icon-bell", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1442,10 +1501,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bellAndComment icon element.
  */
-class NimbleIconBellAndCommentDirective {
+class NimbleIconBellAndCommentDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBellAndCommentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellAndCommentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBellAndCommentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellAndCommentDirective, selector: "nimble-icon-bell-and-comment", ngImport: i0 });
+NimbleIconBellAndCommentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellAndCommentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBellAndCommentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellAndCommentDirective, selector: "nimble-icon-bell-and-comment", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellAndCommentDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1472,10 +1531,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bellCircle icon element.
  */
-class NimbleIconBellCircleDirective {
+class NimbleIconBellCircleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBellCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellCircleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBellCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellCircleDirective, selector: "nimble-icon-bell-circle", ngImport: i0 });
+NimbleIconBellCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellCircleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBellCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellCircleDirective, selector: "nimble-icon-bell-circle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellCircleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1502,10 +1561,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bellSolidCircle icon element.
  */
-class NimbleIconBellSolidCircleDirective {
+class NimbleIconBellSolidCircleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBellSolidCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellSolidCircleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBellSolidCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellSolidCircleDirective, selector: "nimble-icon-bell-solid-circle", ngImport: i0 });
+NimbleIconBellSolidCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellSolidCircleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBellSolidCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBellSolidCircleDirective, selector: "nimble-icon-bell-solid-circle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBellSolidCircleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1532,10 +1591,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the blockWithRibbon icon element.
  */
-class NimbleIconBlockWithRibbonDirective {
+class NimbleIconBlockWithRibbonDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBlockWithRibbonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBlockWithRibbonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBlockWithRibbonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBlockWithRibbonDirective, selector: "nimble-icon-block-with-ribbon", ngImport: i0 });
+NimbleIconBlockWithRibbonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBlockWithRibbonDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBlockWithRibbonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBlockWithRibbonDirective, selector: "nimble-icon-block-with-ribbon", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBlockWithRibbonDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1562,10 +1621,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the bookMagnifyingGlass icon element.
  */
-class NimbleIconBookMagnifyingGlassDirective {
+class NimbleIconBookMagnifyingGlassDirective extends NimbleIconBaseDirective {
 }
-NimbleIconBookMagnifyingGlassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBookMagnifyingGlassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconBookMagnifyingGlassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBookMagnifyingGlassDirective, selector: "nimble-icon-book-magnifying-glass", ngImport: i0 });
+NimbleIconBookMagnifyingGlassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBookMagnifyingGlassDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconBookMagnifyingGlassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconBookMagnifyingGlassDirective, selector: "nimble-icon-book-magnifying-glass", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconBookMagnifyingGlassDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1592,10 +1651,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the calendar icon element.
  */
-class NimbleIconCalendarDirective {
+class NimbleIconCalendarDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCalendarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCalendarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCalendarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCalendarDirective, selector: "nimble-icon-calendar", ngImport: i0 });
+NimbleIconCalendarDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCalendarDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCalendarDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCalendarDirective, selector: "nimble-icon-calendar", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCalendarDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1622,10 +1681,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the chartDiagram icon element.
  */
-class NimbleIconChartDiagramDirective {
+class NimbleIconChartDiagramDirective extends NimbleIconBaseDirective {
 }
-NimbleIconChartDiagramDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconChartDiagramDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramDirective, selector: "nimble-icon-chart-diagram", ngImport: i0 });
+NimbleIconChartDiagramDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconChartDiagramDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramDirective, selector: "nimble-icon-chart-diagram", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1652,10 +1711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the chartDiagramChildFocus icon element.
  */
-class NimbleIconChartDiagramChildFocusDirective {
+class NimbleIconChartDiagramChildFocusDirective extends NimbleIconBaseDirective {
 }
-NimbleIconChartDiagramChildFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramChildFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconChartDiagramChildFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramChildFocusDirective, selector: "nimble-icon-chart-diagram-child-focus", ngImport: i0 });
+NimbleIconChartDiagramChildFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramChildFocusDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconChartDiagramChildFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramChildFocusDirective, selector: "nimble-icon-chart-diagram-child-focus", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramChildFocusDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1682,10 +1741,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the chartDiagramParentFocus icon element.
  */
-class NimbleIconChartDiagramParentFocusDirective {
+class NimbleIconChartDiagramParentFocusDirective extends NimbleIconBaseDirective {
 }
-NimbleIconChartDiagramParentFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconChartDiagramParentFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramParentFocusDirective, selector: "nimble-icon-chart-diagram-parent-focus", ngImport: i0 });
+NimbleIconChartDiagramParentFocusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconChartDiagramParentFocusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramParentFocusDirective, selector: "nimble-icon-chart-diagram-parent-focus", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1712,10 +1771,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the chartDiagramParentFocusTwoChild icon element.
  */
-class NimbleIconChartDiagramParentFocusTwoChildDirective {
+class NimbleIconChartDiagramParentFocusTwoChildDirective extends NimbleIconBaseDirective {
 }
-NimbleIconChartDiagramParentFocusTwoChildDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusTwoChildDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconChartDiagramParentFocusTwoChildDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramParentFocusTwoChildDirective, selector: "nimble-icon-chart-diagram-parent-focus-two-child", ngImport: i0 });
+NimbleIconChartDiagramParentFocusTwoChildDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusTwoChildDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconChartDiagramParentFocusTwoChildDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconChartDiagramParentFocusTwoChildDirective, selector: "nimble-icon-chart-diagram-parent-focus-two-child", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconChartDiagramParentFocusTwoChildDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1742,10 +1801,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the check icon element.
  */
-class NimbleIconCheckDirective {
+class NimbleIconCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCheckDirective, selector: "nimble-icon-check", ngImport: i0 });
+NimbleIconCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCheckDirective, selector: "nimble-icon-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1772,10 +1831,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the checkDot icon element.
  */
-class NimbleIconCheckDotDirective {
+class NimbleIconCheckDotDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCheckDotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDotDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCheckDotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCheckDotDirective, selector: "nimble-icon-check-dot", ngImport: i0 });
+NimbleIconCheckDotDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDotDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCheckDotDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCheckDotDirective, selector: "nimble-icon-check-dot", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCheckDotDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1802,10 +1861,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circle icon element.
  */
-class NimbleIconCircleDirective {
+class NimbleIconCircleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleDirective, selector: "nimble-icon-circle", ngImport: i0 });
+NimbleIconCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleDirective, selector: "nimble-icon-circle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1832,10 +1891,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circleFilled icon element.
  */
-class NimbleIconCircleFilledDirective {
+class NimbleIconCircleFilledDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleFilledDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleFilledDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleFilledDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleFilledDirective, selector: "nimble-icon-circle-filled", ngImport: i0 });
+NimbleIconCircleFilledDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleFilledDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleFilledDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleFilledDirective, selector: "nimble-icon-circle-filled", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleFilledDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1862,10 +1921,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circleBroken icon element.
  */
-class NimbleIconCircleBrokenDirective {
+class NimbleIconCircleBrokenDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleBrokenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleBrokenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleBrokenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleBrokenDirective, selector: "nimble-icon-circle-broken", ngImport: i0 });
+NimbleIconCircleBrokenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleBrokenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleBrokenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleBrokenDirective, selector: "nimble-icon-circle-broken", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleBrokenDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1892,10 +1951,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circleCheck icon element.
  */
-class NimbleIconCircleCheckDirective {
+class NimbleIconCircleCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleCheckDirective, selector: "nimble-icon-circle-check", ngImport: i0 });
+NimbleIconCircleCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleCheckDirective, selector: "nimble-icon-circle-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1922,10 +1981,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circlePartialBroken icon element.
  */
-class NimbleIconCirclePartialBrokenDirective {
+class NimbleIconCirclePartialBrokenDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCirclePartialBrokenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCirclePartialBrokenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCirclePartialBrokenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCirclePartialBrokenDirective, selector: "nimble-icon-circle-partial-broken", ngImport: i0 });
+NimbleIconCirclePartialBrokenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCirclePartialBrokenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCirclePartialBrokenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCirclePartialBrokenDirective, selector: "nimble-icon-circle-partial-broken", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCirclePartialBrokenDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1952,10 +2011,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circleSlash icon element.
  */
-class NimbleIconCircleSlashDirective {
+class NimbleIconCircleSlashDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleSlashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleSlashDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleSlashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleSlashDirective, selector: "nimble-icon-circle-slash", ngImport: i0 });
+NimbleIconCircleSlashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleSlashDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleSlashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleSlashDirective, selector: "nimble-icon-circle-slash", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleSlashDirective, decorators: [{
             type: Directive,
             args: [{
@@ -1982,10 +2041,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the circleX icon element.
  */
-class NimbleIconCircleXDirective {
+class NimbleIconCircleXDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCircleXDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleXDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCircleXDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleXDirective, selector: "nimble-icon-circle-x", ngImport: i0 });
+NimbleIconCircleXDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleXDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCircleXDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCircleXDirective, selector: "nimble-icon-circle-x", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCircleXDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2012,10 +2071,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the clipboard icon element.
  */
-class NimbleIconClipboardDirective {
+class NimbleIconClipboardDirective extends NimbleIconBaseDirective {
 }
-NimbleIconClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClipboardDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClipboardDirective, selector: "nimble-icon-clipboard", ngImport: i0 });
+NimbleIconClipboardDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClipboardDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconClipboardDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClipboardDirective, selector: "nimble-icon-clipboard", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClipboardDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2042,10 +2101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the clock icon element.
  */
-class NimbleIconClockDirective {
+class NimbleIconClockDirective extends NimbleIconBaseDirective {
 }
-NimbleIconClockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconClockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockDirective, selector: "nimble-icon-clock", ngImport: i0 });
+NimbleIconClockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconClockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockDirective, selector: "nimble-icon-clock", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2072,10 +2131,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the clockCog icon element.
  */
-class NimbleIconClockCogDirective {
+class NimbleIconClockCogDirective extends NimbleIconBaseDirective {
 }
-NimbleIconClockCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockCogDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconClockCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockCogDirective, selector: "nimble-icon-clock-cog", ngImport: i0 });
+NimbleIconClockCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockCogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconClockCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockCogDirective, selector: "nimble-icon-clock-cog", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockCogDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2102,10 +2161,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the clockTriangle icon element.
  */
-class NimbleIconClockTriangleDirective {
+class NimbleIconClockTriangleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconClockTriangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockTriangleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconClockTriangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockTriangleDirective, selector: "nimble-icon-clock-triangle", ngImport: i0 });
+NimbleIconClockTriangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockTriangleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconClockTriangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconClockTriangleDirective, selector: "nimble-icon-clock-triangle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconClockTriangleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2132,10 +2191,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the clone icon element.
  */
-class NimbleIconCloneDirective {
+class NimbleIconCloneDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCloneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloneDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCloneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloneDirective, selector: "nimble-icon-clone", ngImport: i0 });
+NimbleIconCloneDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloneDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCloneDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloneDirective, selector: "nimble-icon-clone", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloneDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2162,10 +2221,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cloud icon element.
  */
-class NimbleIconCloudDirective {
+class NimbleIconCloudDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCloudDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCloudDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudDirective, selector: "nimble-icon-cloud", ngImport: i0 });
+NimbleIconCloudDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCloudDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudDirective, selector: "nimble-icon-cloud", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2192,10 +2251,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cloudUpload icon element.
  */
-class NimbleIconCloudUploadDirective {
+class NimbleIconCloudUploadDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCloudUploadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudUploadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCloudUploadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudUploadDirective, selector: "nimble-icon-cloud-upload", ngImport: i0 });
+NimbleIconCloudUploadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCloudUploadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudUploadDirective, selector: "nimble-icon-cloud-upload", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudUploadDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2222,10 +2281,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cloudWithArrow icon element.
  */
-class NimbleIconCloudWithArrowDirective {
+class NimbleIconCloudWithArrowDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCloudWithArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudWithArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCloudWithArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudWithArrowDirective, selector: "nimble-icon-cloud-with-arrow", ngImport: i0 });
+NimbleIconCloudWithArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudWithArrowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCloudWithArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCloudWithArrowDirective, selector: "nimble-icon-cloud-with-arrow", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCloudWithArrowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2252,10 +2311,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cog icon element.
  */
-class NimbleIconCogDirective {
+class NimbleIconCogDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDirective, selector: "nimble-icon-cog", ngImport: i0 });
+NimbleIconCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDirective, selector: "nimble-icon-cog", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2282,10 +2341,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cogDatabase icon element.
  */
-class NimbleIconCogDatabaseDirective {
+class NimbleIconCogDatabaseDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCogDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCogDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDatabaseDirective, selector: "nimble-icon-cog-database", ngImport: i0 });
+NimbleIconCogDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCogDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDatabaseDirective, selector: "nimble-icon-cog-database", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2312,10 +2371,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cogDatabaseInset icon element.
  */
-class NimbleIconCogDatabaseInsetDirective {
+class NimbleIconCogDatabaseInsetDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCogDatabaseInsetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseInsetDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCogDatabaseInsetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDatabaseInsetDirective, selector: "nimble-icon-cog-database-inset", ngImport: i0 });
+NimbleIconCogDatabaseInsetDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseInsetDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCogDatabaseInsetDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogDatabaseInsetDirective, selector: "nimble-icon-cog-database-inset", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogDatabaseInsetDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2342,10 +2401,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cogSmallCog icon element.
  */
-class NimbleIconCogSmallCogDirective {
+class NimbleIconCogSmallCogDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCogSmallCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogSmallCogDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCogSmallCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogSmallCogDirective, selector: "nimble-icon-cog-small-cog", ngImport: i0 });
+NimbleIconCogSmallCogDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogSmallCogDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCogSmallCogDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogSmallCogDirective, selector: "nimble-icon-cog-small-cog", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogSmallCogDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2372,10 +2431,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the cogZoomed icon element.
  */
-class NimbleIconCogZoomedDirective {
+class NimbleIconCogZoomedDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCogZoomedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogZoomedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCogZoomedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogZoomedDirective, selector: "nimble-icon-cog-zoomed", ngImport: i0 });
+NimbleIconCogZoomedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogZoomedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCogZoomedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCogZoomedDirective, selector: "nimble-icon-cog-zoomed", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCogZoomedDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2402,10 +2461,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the comment icon element.
  */
-class NimbleIconCommentDirective {
+class NimbleIconCommentDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCommentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCommentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCommentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCommentDirective, selector: "nimble-icon-comment", ngImport: i0 });
+NimbleIconCommentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCommentDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCommentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCommentDirective, selector: "nimble-icon-comment", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCommentDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2432,10 +2491,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the computerAndMonitor icon element.
  */
-class NimbleIconComputerAndMonitorDirective {
+class NimbleIconComputerAndMonitorDirective extends NimbleIconBaseDirective {
 }
-NimbleIconComputerAndMonitorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconComputerAndMonitorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconComputerAndMonitorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconComputerAndMonitorDirective, selector: "nimble-icon-computer-and-monitor", ngImport: i0 });
+NimbleIconComputerAndMonitorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconComputerAndMonitorDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconComputerAndMonitorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconComputerAndMonitorDirective, selector: "nimble-icon-computer-and-monitor", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconComputerAndMonitorDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2462,10 +2521,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the copy icon element.
  */
-class NimbleIconCopyDirective {
+class NimbleIconCopyDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCopyDirective, selector: "nimble-icon-copy", ngImport: i0 });
+NimbleIconCopyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCopyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCopyDirective, selector: "nimble-icon-copy", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2492,10 +2551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the copyText icon element.
  */
-class NimbleIconCopyTextDirective {
+class NimbleIconCopyTextDirective extends NimbleIconBaseDirective {
 }
-NimbleIconCopyTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconCopyTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCopyTextDirective, selector: "nimble-icon-copy-text", ngImport: i0 });
+NimbleIconCopyTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconCopyTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconCopyTextDirective, selector: "nimble-icon-copy-text", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconCopyTextDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2522,10 +2581,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the dashboardBuilder icon element.
  */
-class NimbleIconDashboardBuilderDirective {
+class NimbleIconDashboardBuilderDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDashboardBuilderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDashboardBuilderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderDirective, selector: "nimble-icon-dashboard-builder", ngImport: i0 });
+NimbleIconDashboardBuilderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDashboardBuilderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderDirective, selector: "nimble-icon-dashboard-builder", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2552,10 +2611,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the dashboardBuilderLegend icon element.
  */
-class NimbleIconDashboardBuilderLegendDirective {
+class NimbleIconDashboardBuilderLegendDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDashboardBuilderLegendDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderLegendDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDashboardBuilderLegendDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderLegendDirective, selector: "nimble-icon-dashboard-builder-legend", ngImport: i0 });
+NimbleIconDashboardBuilderLegendDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderLegendDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDashboardBuilderLegendDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderLegendDirective, selector: "nimble-icon-dashboard-builder-legend", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderLegendDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2582,10 +2641,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the dashboardBuilderTemplates icon element.
  */
-class NimbleIconDashboardBuilderTemplatesDirective {
+class NimbleIconDashboardBuilderTemplatesDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDashboardBuilderTemplatesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTemplatesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDashboardBuilderTemplatesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderTemplatesDirective, selector: "nimble-icon-dashboard-builder-templates", ngImport: i0 });
+NimbleIconDashboardBuilderTemplatesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTemplatesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDashboardBuilderTemplatesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderTemplatesDirective, selector: "nimble-icon-dashboard-builder-templates", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTemplatesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2612,10 +2671,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the dashboardBuilderTile icon element.
  */
-class NimbleIconDashboardBuilderTileDirective {
+class NimbleIconDashboardBuilderTileDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDashboardBuilderTileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDashboardBuilderTileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderTileDirective, selector: "nimble-icon-dashboard-builder-tile", ngImport: i0 });
+NimbleIconDashboardBuilderTileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTileDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDashboardBuilderTileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDashboardBuilderTileDirective, selector: "nimble-icon-dashboard-builder-tile", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDashboardBuilderTileDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2642,10 +2701,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the database icon element.
  */
-class NimbleIconDatabaseDirective {
+class NimbleIconDatabaseDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDatabaseDirective, selector: "nimble-icon-database", ngImport: i0 });
+NimbleIconDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDatabaseDirective, selector: "nimble-icon-database", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2672,10 +2731,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the databaseCheck icon element.
  */
-class NimbleIconDatabaseCheckDirective {
+class NimbleIconDatabaseCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDatabaseCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDatabaseCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDatabaseCheckDirective, selector: "nimble-icon-database-check", ngImport: i0 });
+NimbleIconDatabaseCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDatabaseCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDatabaseCheckDirective, selector: "nimble-icon-database-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDatabaseCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2702,10 +2761,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the desktop icon element.
  */
-class NimbleIconDesktopDirective {
+class NimbleIconDesktopDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDesktopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDesktopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDesktopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDesktopDirective, selector: "nimble-icon-desktop", ngImport: i0 });
+NimbleIconDesktopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDesktopDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDesktopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDesktopDirective, selector: "nimble-icon-desktop", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDesktopDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2732,10 +2791,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the donutChart icon element.
  */
-class NimbleIconDonutChartDirective {
+class NimbleIconDonutChartDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDonutChartDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDonutChartDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDonutChartDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDonutChartDirective, selector: "nimble-icon-donut-chart", ngImport: i0 });
+NimbleIconDonutChartDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDonutChartDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDonutChartDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDonutChartDirective, selector: "nimble-icon-donut-chart", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDonutChartDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2762,10 +2821,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the dotSolidDotStroke icon element.
  */
-class NimbleIconDotSolidDotStrokeDirective {
+class NimbleIconDotSolidDotStrokeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDotSolidDotStrokeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDotSolidDotStrokeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDotSolidDotStrokeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDotSolidDotStrokeDirective, selector: "nimble-icon-dot-solid-dot-stroke", ngImport: i0 });
+NimbleIconDotSolidDotStrokeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDotSolidDotStrokeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDotSolidDotStrokeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDotSolidDotStrokeDirective, selector: "nimble-icon-dot-solid-dot-stroke", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDotSolidDotStrokeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2792,10 +2851,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the download icon element.
  */
-class NimbleIconDownloadDirective {
+class NimbleIconDownloadDirective extends NimbleIconBaseDirective {
 }
-NimbleIconDownloadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDownloadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconDownloadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDownloadDirective, selector: "nimble-icon-download", ngImport: i0 });
+NimbleIconDownloadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDownloadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconDownloadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconDownloadDirective, selector: "nimble-icon-download", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconDownloadDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2822,10 +2881,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the electronicChipZoomed icon element.
  */
-class NimbleIconElectronicChipZoomedDirective {
+class NimbleIconElectronicChipZoomedDirective extends NimbleIconBaseDirective {
 }
-NimbleIconElectronicChipZoomedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconElectronicChipZoomedDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconElectronicChipZoomedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconElectronicChipZoomedDirective, selector: "nimble-icon-electronic-chip-zoomed", ngImport: i0 });
+NimbleIconElectronicChipZoomedDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconElectronicChipZoomedDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconElectronicChipZoomedDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconElectronicChipZoomedDirective, selector: "nimble-icon-electronic-chip-zoomed", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconElectronicChipZoomedDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2852,10 +2911,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the exclamationMark icon element.
  */
-class NimbleIconExclamationMarkDirective {
+class NimbleIconExclamationMarkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconExclamationMarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconExclamationMarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconExclamationMarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconExclamationMarkDirective, selector: "nimble-icon-exclamation-mark", ngImport: i0 });
+NimbleIconExclamationMarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconExclamationMarkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconExclamationMarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconExclamationMarkDirective, selector: "nimble-icon-exclamation-mark", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconExclamationMarkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2882,10 +2941,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the eye icon element.
  */
-class NimbleIconEyeDirective {
+class NimbleIconEyeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconEyeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconEyeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconEyeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconEyeDirective, selector: "nimble-icon-eye", ngImport: i0 });
+NimbleIconEyeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconEyeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconEyeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconEyeDirective, selector: "nimble-icon-eye", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconEyeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2912,10 +2971,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the fancyA icon element.
  */
-class NimbleIconFancyADirective {
+class NimbleIconFancyADirective extends NimbleIconBaseDirective {
 }
-NimbleIconFancyADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFancyADirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFancyADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFancyADirective, selector: "nimble-icon-fancy-a", ngImport: i0 });
+NimbleIconFancyADirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFancyADirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFancyADirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFancyADirective, selector: "nimble-icon-fancy-a", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFancyADirective, decorators: [{
             type: Directive,
             args: [{
@@ -2942,10 +3001,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the file icon element.
  */
-class NimbleIconFileDirective {
+class NimbleIconFileDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileDirective, selector: "nimble-icon-file", ngImport: i0 });
+NimbleIconFileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileDirective, selector: "nimble-icon-file", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDirective, decorators: [{
             type: Directive,
             args: [{
@@ -2972,10 +3031,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the fileDrawer icon element.
  */
-class NimbleIconFileDrawerDirective {
+class NimbleIconFileDrawerDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFileDrawerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDrawerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFileDrawerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileDrawerDirective, selector: "nimble-icon-file-drawer", ngImport: i0 });
+NimbleIconFileDrawerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDrawerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFileDrawerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileDrawerDirective, selector: "nimble-icon-file-drawer", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileDrawerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3002,10 +3061,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the fileSearch icon element.
  */
-class NimbleIconFileSearchDirective {
+class NimbleIconFileSearchDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFileSearchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileSearchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFileSearchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileSearchDirective, selector: "nimble-icon-file-search", ngImport: i0 });
+NimbleIconFileSearchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileSearchDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFileSearchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFileSearchDirective, selector: "nimble-icon-file-search", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFileSearchDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3032,10 +3091,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the filter icon element.
  */
-class NimbleIconFilterDirective {
+class NimbleIconFilterDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFilterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFilterDirective, selector: "nimble-icon-filter", ngImport: i0 });
+NimbleIconFilterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFilterDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFilterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFilterDirective, selector: "nimble-icon-filter", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFilterDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3062,10 +3121,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the floppyDiskCheckmark icon element.
  */
-class NimbleIconFloppyDiskCheckmarkDirective {
+class NimbleIconFloppyDiskCheckmarkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFloppyDiskCheckmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskCheckmarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFloppyDiskCheckmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskCheckmarkDirective, selector: "nimble-icon-floppy-disk-checkmark", ngImport: i0 });
+NimbleIconFloppyDiskCheckmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskCheckmarkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFloppyDiskCheckmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskCheckmarkDirective, selector: "nimble-icon-floppy-disk-checkmark", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskCheckmarkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3092,10 +3151,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the floppyDiskStarArrowRight icon element.
  */
-class NimbleIconFloppyDiskStarArrowRightDirective {
+class NimbleIconFloppyDiskStarArrowRightDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFloppyDiskStarArrowRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskStarArrowRightDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFloppyDiskStarArrowRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskStarArrowRightDirective, selector: "nimble-icon-floppy-disk-star-arrow-right", ngImport: i0 });
+NimbleIconFloppyDiskStarArrowRightDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskStarArrowRightDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFloppyDiskStarArrowRightDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskStarArrowRightDirective, selector: "nimble-icon-floppy-disk-star-arrow-right", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskStarArrowRightDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3122,10 +3181,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the floppyDiskThreeDots icon element.
  */
-class NimbleIconFloppyDiskThreeDotsDirective {
+class NimbleIconFloppyDiskThreeDotsDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFloppyDiskThreeDotsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskThreeDotsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFloppyDiskThreeDotsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskThreeDotsDirective, selector: "nimble-icon-floppy-disk-three-dots", ngImport: i0 });
+NimbleIconFloppyDiskThreeDotsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskThreeDotsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFloppyDiskThreeDotsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFloppyDiskThreeDotsDirective, selector: "nimble-icon-floppy-disk-three-dots", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFloppyDiskThreeDotsDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3152,10 +3211,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the folder icon element.
  */
-class NimbleIconFolderDirective {
+class NimbleIconFolderDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFolderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFolderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFolderDirective, selector: "nimble-icon-folder", ngImport: i0 });
+NimbleIconFolderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFolderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFolderDirective, selector: "nimble-icon-folder", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3182,10 +3241,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the folderOpen icon element.
  */
-class NimbleIconFolderOpenDirective {
+class NimbleIconFolderOpenDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFolderOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderOpenDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFolderOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFolderOpenDirective, selector: "nimble-icon-folder-open", ngImport: i0 });
+NimbleIconFolderOpenDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderOpenDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFolderOpenDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFolderOpenDirective, selector: "nimble-icon-folder-open", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFolderOpenDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3212,10 +3271,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the forwardSlash icon element.
  */
-class NimbleIconForwardSlashDirective {
+class NimbleIconForwardSlashDirective extends NimbleIconBaseDirective {
 }
-NimbleIconForwardSlashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconForwardSlashDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconForwardSlashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconForwardSlashDirective, selector: "nimble-icon-forward-slash", ngImport: i0 });
+NimbleIconForwardSlashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconForwardSlashDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconForwardSlashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconForwardSlashDirective, selector: "nimble-icon-forward-slash", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconForwardSlashDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3242,10 +3301,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the fourDotsSquare icon element.
  */
-class NimbleIconFourDotsSquareDirective {
+class NimbleIconFourDotsSquareDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFourDotsSquareDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFourDotsSquareDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFourDotsSquareDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFourDotsSquareDirective, selector: "nimble-icon-four-dots-square", ngImport: i0 });
+NimbleIconFourDotsSquareDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFourDotsSquareDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFourDotsSquareDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFourDotsSquareDirective, selector: "nimble-icon-four-dots-square", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFourDotsSquareDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3272,10 +3331,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the function icon element.
  */
-class NimbleIconFunctionDirective {
+class NimbleIconFunctionDirective extends NimbleIconBaseDirective {
 }
-NimbleIconFunctionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFunctionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconFunctionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFunctionDirective, selector: "nimble-icon-function", ngImport: i0 });
+NimbleIconFunctionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFunctionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconFunctionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconFunctionDirective, selector: "nimble-icon-function", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconFunctionDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3302,10 +3361,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the gaugeSimple icon element.
  */
-class NimbleIconGaugeSimpleDirective {
+class NimbleIconGaugeSimpleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconGaugeSimpleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGaugeSimpleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconGaugeSimpleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGaugeSimpleDirective, selector: "nimble-icon-gauge-simple", ngImport: i0 });
+NimbleIconGaugeSimpleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGaugeSimpleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconGaugeSimpleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGaugeSimpleDirective, selector: "nimble-icon-gauge-simple", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGaugeSimpleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3332,10 +3391,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the gridThreeByThree icon element.
  */
-class NimbleIconGridThreeByThreeDirective {
+class NimbleIconGridThreeByThreeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconGridThreeByThreeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridThreeByThreeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconGridThreeByThreeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGridThreeByThreeDirective, selector: "nimble-icon-grid-three-by-three", ngImport: i0 });
+NimbleIconGridThreeByThreeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridThreeByThreeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconGridThreeByThreeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGridThreeByThreeDirective, selector: "nimble-icon-grid-three-by-three", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridThreeByThreeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3362,10 +3421,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the gridTwoByTwo icon element.
  */
-class NimbleIconGridTwoByTwoDirective {
+class NimbleIconGridTwoByTwoDirective extends NimbleIconBaseDirective {
 }
-NimbleIconGridTwoByTwoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridTwoByTwoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconGridTwoByTwoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGridTwoByTwoDirective, selector: "nimble-icon-grid-two-by-two", ngImport: i0 });
+NimbleIconGridTwoByTwoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridTwoByTwoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconGridTwoByTwoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconGridTwoByTwoDirective, selector: "nimble-icon-grid-two-by-two", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconGridTwoByTwoDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3392,10 +3451,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the hammer icon element.
  */
-class NimbleIconHammerDirective {
+class NimbleIconHammerDirective extends NimbleIconBaseDirective {
 }
-NimbleIconHammerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHammerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconHammerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHammerDirective, selector: "nimble-icon-hammer", ngImport: i0 });
+NimbleIconHammerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHammerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconHammerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHammerDirective, selector: "nimble-icon-hammer", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHammerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3422,10 +3481,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the hashtag icon element.
  */
-class NimbleIconHashtagDirective {
+class NimbleIconHashtagDirective extends NimbleIconBaseDirective {
 }
-NimbleIconHashtagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHashtagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconHashtagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHashtagDirective, selector: "nimble-icon-hashtag", ngImport: i0 });
+NimbleIconHashtagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHashtagDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconHashtagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHashtagDirective, selector: "nimble-icon-hashtag", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHashtagDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3452,10 +3511,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the home icon element.
  */
-class NimbleIconHomeDirective {
+class NimbleIconHomeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconHomeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHomeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconHomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHomeDirective, selector: "nimble-icon-home", ngImport: i0 });
+NimbleIconHomeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHomeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconHomeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHomeDirective, selector: "nimble-icon-home", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHomeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3482,10 +3541,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the hourglass icon element.
  */
-class NimbleIconHourglassDirective {
+class NimbleIconHourglassDirective extends NimbleIconBaseDirective {
 }
-NimbleIconHourglassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHourglassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconHourglassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHourglassDirective, selector: "nimble-icon-hourglass", ngImport: i0 });
+NimbleIconHourglassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHourglassDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconHourglassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconHourglassDirective, selector: "nimble-icon-hourglass", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconHourglassDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3512,10 +3571,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the indeterminantCheckbox icon element.
  */
-class NimbleIconIndeterminantCheckboxDirective {
+class NimbleIconIndeterminantCheckboxDirective extends NimbleIconBaseDirective {
 }
-NimbleIconIndeterminantCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconIndeterminantCheckboxDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconIndeterminantCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconIndeterminantCheckboxDirective, selector: "nimble-icon-indeterminant-checkbox", ngImport: i0 });
+NimbleIconIndeterminantCheckboxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconIndeterminantCheckboxDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconIndeterminantCheckboxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconIndeterminantCheckboxDirective, selector: "nimble-icon-indeterminant-checkbox", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconIndeterminantCheckboxDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3542,10 +3601,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the info icon element.
  */
-class NimbleIconInfoDirective {
+class NimbleIconInfoDirective extends NimbleIconBaseDirective {
 }
-NimbleIconInfoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconInfoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconInfoDirective, selector: "nimble-icon-info", ngImport: i0 });
+NimbleIconInfoDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconInfoDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconInfoDirective, selector: "nimble-icon-info", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3572,10 +3631,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the infoCircle icon element.
  */
-class NimbleIconInfoCircleDirective {
+class NimbleIconInfoCircleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconInfoCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoCircleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconInfoCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconInfoCircleDirective, selector: "nimble-icon-info-circle", ngImport: i0 });
+NimbleIconInfoCircleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoCircleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconInfoCircleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconInfoCircleDirective, selector: "nimble-icon-info-circle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconInfoCircleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3602,10 +3661,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the key icon element.
  */
-class NimbleIconKeyDirective {
+class NimbleIconKeyDirective extends NimbleIconBaseDirective {
 }
-NimbleIconKeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconKeyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconKeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconKeyDirective, selector: "nimble-icon-key", ngImport: i0 });
+NimbleIconKeyDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconKeyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconKeyDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconKeyDirective, selector: "nimble-icon-key", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconKeyDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3632,10 +3691,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the laptop icon element.
  */
-class NimbleIconLaptopDirective {
+class NimbleIconLaptopDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLaptopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLaptopDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLaptopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLaptopDirective, selector: "nimble-icon-laptop", ngImport: i0 });
+NimbleIconLaptopDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLaptopDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLaptopDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLaptopDirective, selector: "nimble-icon-laptop", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLaptopDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3662,10 +3721,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the layerGroup icon element.
  */
-class NimbleIconLayerGroupDirective {
+class NimbleIconLayerGroupDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLayerGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLayerGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLayerGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLayerGroupDirective, selector: "nimble-icon-layer-group", ngImport: i0 });
+NimbleIconLayerGroupDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLayerGroupDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLayerGroupDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLayerGroupDirective, selector: "nimble-icon-layer-group", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLayerGroupDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3692,10 +3751,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the lightningBolt icon element.
  */
-class NimbleIconLightningBoltDirective {
+class NimbleIconLightningBoltDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLightningBoltDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLightningBoltDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLightningBoltDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLightningBoltDirective, selector: "nimble-icon-lightning-bolt", ngImport: i0 });
+NimbleIconLightningBoltDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLightningBoltDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLightningBoltDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLightningBoltDirective, selector: "nimble-icon-lightning-bolt", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLightningBoltDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3722,10 +3781,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the link icon element.
  */
-class NimbleIconLinkDirective {
+class NimbleIconLinkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLinkDirective, selector: "nimble-icon-link", ngImport: i0 });
+NimbleIconLinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLinkDirective, selector: "nimble-icon-link", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3752,10 +3811,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the linkCancel icon element.
  */
-class NimbleIconLinkCancelDirective {
+class NimbleIconLinkCancelDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLinkCancelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkCancelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLinkCancelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLinkCancelDirective, selector: "nimble-icon-link-cancel", ngImport: i0 });
+NimbleIconLinkCancelDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkCancelDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLinkCancelDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLinkCancelDirective, selector: "nimble-icon-link-cancel", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLinkCancelDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3782,10 +3841,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the list icon element.
  */
-class NimbleIconListDirective {
+class NimbleIconListDirective extends NimbleIconBaseDirective {
 }
-NimbleIconListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListDirective, selector: "nimble-icon-list", ngImport: i0 });
+NimbleIconListDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconListDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListDirective, selector: "nimble-icon-list", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3812,10 +3871,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the listTree icon element.
  */
-class NimbleIconListTreeDirective {
+class NimbleIconListTreeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconListTreeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconListTreeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListTreeDirective, selector: "nimble-icon-list-tree", ngImport: i0 });
+NimbleIconListTreeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconListTreeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListTreeDirective, selector: "nimble-icon-list-tree", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3842,10 +3901,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the listTreeDatabase icon element.
  */
-class NimbleIconListTreeDatabaseDirective {
+class NimbleIconListTreeDatabaseDirective extends NimbleIconBaseDirective {
 }
-NimbleIconListTreeDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDatabaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconListTreeDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListTreeDatabaseDirective, selector: "nimble-icon-list-tree-database", ngImport: i0 });
+NimbleIconListTreeDatabaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDatabaseDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconListTreeDatabaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconListTreeDatabaseDirective, selector: "nimble-icon-list-tree-database", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconListTreeDatabaseDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3872,10 +3931,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the lock icon element.
  */
-class NimbleIconLockDirective {
+class NimbleIconLockDirective extends NimbleIconBaseDirective {
 }
-NimbleIconLockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconLockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLockDirective, selector: "nimble-icon-lock", ngImport: i0 });
+NimbleIconLockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLockDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconLockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconLockDirective, selector: "nimble-icon-lock", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconLockDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3902,10 +3961,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the magnifyingGlass icon element.
  */
-class NimbleIconMagnifyingGlassDirective {
+class NimbleIconMagnifyingGlassDirective extends NimbleIconBaseDirective {
 }
-NimbleIconMagnifyingGlassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMagnifyingGlassDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconMagnifyingGlassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMagnifyingGlassDirective, selector: "nimble-icon-magnifying-glass", ngImport: i0 });
+NimbleIconMagnifyingGlassDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMagnifyingGlassDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconMagnifyingGlassDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMagnifyingGlassDirective, selector: "nimble-icon-magnifying-glass", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMagnifyingGlassDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3932,10 +3991,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the markdown icon element.
  */
-class NimbleIconMarkdownDirective {
+class NimbleIconMarkdownDirective extends NimbleIconBaseDirective {
 }
-NimbleIconMarkdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMarkdownDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconMarkdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMarkdownDirective, selector: "nimble-icon-markdown", ngImport: i0 });
+NimbleIconMarkdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMarkdownDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconMarkdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMarkdownDirective, selector: "nimble-icon-markdown", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMarkdownDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3962,10 +4021,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the minus icon element.
  */
-class NimbleIconMinusDirective {
+class NimbleIconMinusDirective extends NimbleIconBaseDirective {
 }
-NimbleIconMinusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconMinusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMinusDirective, selector: "nimble-icon-minus", ngImport: i0 });
+NimbleIconMinusDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconMinusDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMinusDirective, selector: "nimble-icon-minus", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusDirective, decorators: [{
             type: Directive,
             args: [{
@@ -3992,10 +4051,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the minusWide icon element.
  */
-class NimbleIconMinusWideDirective {
+class NimbleIconMinusWideDirective extends NimbleIconBaseDirective {
 }
-NimbleIconMinusWideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusWideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconMinusWideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMinusWideDirective, selector: "nimble-icon-minus-wide", ngImport: i0 });
+NimbleIconMinusWideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusWideDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconMinusWideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMinusWideDirective, selector: "nimble-icon-minus-wide", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMinusWideDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4022,10 +4081,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the mobile icon element.
  */
-class NimbleIconMobileDirective {
+class NimbleIconMobileDirective extends NimbleIconBaseDirective {
 }
-NimbleIconMobileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMobileDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconMobileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMobileDirective, selector: "nimble-icon-mobile", ngImport: i0 });
+NimbleIconMobileDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMobileDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconMobileDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconMobileDirective, selector: "nimble-icon-mobile", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconMobileDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4052,10 +4111,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the notebook icon element.
  */
-class NimbleIconNotebookDirective {
+class NimbleIconNotebookDirective extends NimbleIconBaseDirective {
 }
-NimbleIconNotebookDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconNotebookDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconNotebookDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconNotebookDirective, selector: "nimble-icon-notebook", ngImport: i0 });
+NimbleIconNotebookDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconNotebookDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconNotebookDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconNotebookDirective, selector: "nimble-icon-notebook", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconNotebookDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4082,10 +4141,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the paste icon element.
  */
-class NimbleIconPasteDirective {
+class NimbleIconPasteDirective extends NimbleIconBaseDirective {
 }
-NimbleIconPasteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPasteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconPasteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPasteDirective, selector: "nimble-icon-paste", ngImport: i0 });
+NimbleIconPasteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPasteDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconPasteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPasteDirective, selector: "nimble-icon-paste", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPasteDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4112,10 +4171,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the pencil icon element.
  */
-class NimbleIconPencilDirective {
+class NimbleIconPencilDirective extends NimbleIconBaseDirective {
 }
-NimbleIconPencilDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPencilDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconPencilDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPencilDirective, selector: "nimble-icon-pencil", ngImport: i0 });
+NimbleIconPencilDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPencilDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconPencilDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPencilDirective, selector: "nimble-icon-pencil", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPencilDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4142,10 +4201,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the potWithLid icon element.
  */
-class NimbleIconPotWithLidDirective {
+class NimbleIconPotWithLidDirective extends NimbleIconBaseDirective {
 }
-NimbleIconPotWithLidDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPotWithLidDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconPotWithLidDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPotWithLidDirective, selector: "nimble-icon-pot-with-lid", ngImport: i0 });
+NimbleIconPotWithLidDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPotWithLidDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconPotWithLidDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconPotWithLidDirective, selector: "nimble-icon-pot-with-lid", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconPotWithLidDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4172,10 +4231,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the question icon element.
  */
-class NimbleIconQuestionDirective {
+class NimbleIconQuestionDirective extends NimbleIconBaseDirective {
 }
-NimbleIconQuestionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconQuestionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconQuestionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconQuestionDirective, selector: "nimble-icon-question", ngImport: i0 });
+NimbleIconQuestionDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconQuestionDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconQuestionDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconQuestionDirective, selector: "nimble-icon-question", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconQuestionDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4202,10 +4261,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the runningArrow icon element.
  */
-class NimbleIconRunningArrowDirective {
+class NimbleIconRunningArrowDirective extends NimbleIconBaseDirective {
 }
-NimbleIconRunningArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconRunningArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconRunningArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconRunningArrowDirective, selector: "nimble-icon-running-arrow", ngImport: i0 });
+NimbleIconRunningArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconRunningArrowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconRunningArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconRunningArrowDirective, selector: "nimble-icon-running-arrow", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconRunningArrowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4232,10 +4291,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the server icon element.
  */
-class NimbleIconServerDirective {
+class NimbleIconServerDirective extends NimbleIconBaseDirective {
 }
-NimbleIconServerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconServerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconServerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconServerDirective, selector: "nimble-icon-server", ngImport: i0 });
+NimbleIconServerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconServerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconServerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconServerDirective, selector: "nimble-icon-server", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconServerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4262,10 +4321,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the shareNodes icon element.
  */
-class NimbleIconShareNodesDirective {
+class NimbleIconShareNodesDirective extends NimbleIconBaseDirective {
 }
-NimbleIconShareNodesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareNodesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconShareNodesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShareNodesDirective, selector: "nimble-icon-share-nodes", ngImport: i0 });
+NimbleIconShareNodesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareNodesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconShareNodesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShareNodesDirective, selector: "nimble-icon-share-nodes", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareNodesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4292,10 +4351,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the shareSquare icon element.
  */
-class NimbleIconShareSquareDirective {
+class NimbleIconShareSquareDirective extends NimbleIconBaseDirective {
 }
-NimbleIconShareSquareDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareSquareDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconShareSquareDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShareSquareDirective, selector: "nimble-icon-share-square", ngImport: i0 });
+NimbleIconShareSquareDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareSquareDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconShareSquareDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShareSquareDirective, selector: "nimble-icon-share-square", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShareSquareDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4322,10 +4381,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the shieldCheck icon element.
  */
-class NimbleIconShieldCheckDirective {
+class NimbleIconShieldCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconShieldCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconShieldCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShieldCheckDirective, selector: "nimble-icon-shield-check", ngImport: i0 });
+NimbleIconShieldCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconShieldCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShieldCheckDirective, selector: "nimble-icon-shield-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4352,10 +4411,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the shieldXmark icon element.
  */
-class NimbleIconShieldXmarkDirective {
+class NimbleIconShieldXmarkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconShieldXmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldXmarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconShieldXmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShieldXmarkDirective, selector: "nimble-icon-shield-xmark", ngImport: i0 });
+NimbleIconShieldXmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldXmarkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconShieldXmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconShieldXmarkDirective, selector: "nimble-icon-shield-xmark", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconShieldXmarkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4382,10 +4441,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the signalBars icon element.
  */
-class NimbleIconSignalBarsDirective {
+class NimbleIconSignalBarsDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSignalBarsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSignalBarsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSignalBarsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSignalBarsDirective, selector: "nimble-icon-signal-bars", ngImport: i0 });
+NimbleIconSignalBarsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSignalBarsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSignalBarsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSignalBarsDirective, selector: "nimble-icon-signal-bars", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSignalBarsDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4412,10 +4471,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the sineGraph icon element.
  */
-class NimbleIconSineGraphDirective {
+class NimbleIconSineGraphDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSineGraphDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSineGraphDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSineGraphDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSineGraphDirective, selector: "nimble-icon-sine-graph", ngImport: i0 });
+NimbleIconSineGraphDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSineGraphDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSineGraphDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSineGraphDirective, selector: "nimble-icon-sine-graph", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSineGraphDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4442,10 +4501,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the skipArrow icon element.
  */
-class NimbleIconSkipArrowDirective {
+class NimbleIconSkipArrowDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSkipArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSkipArrowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSkipArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSkipArrowDirective, selector: "nimble-icon-skip-arrow", ngImport: i0 });
+NimbleIconSkipArrowDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSkipArrowDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSkipArrowDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSkipArrowDirective, selector: "nimble-icon-skip-arrow", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSkipArrowDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4472,10 +4531,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the spinner icon element.
  */
-class NimbleIconSpinnerDirective {
+class NimbleIconSpinnerDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSpinnerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSpinnerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSpinnerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSpinnerDirective, selector: "nimble-icon-spinner", ngImport: i0 });
+NimbleIconSpinnerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSpinnerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSpinnerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSpinnerDirective, selector: "nimble-icon-spinner", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSpinnerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4502,10 +4561,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the squareCheck icon element.
  */
-class NimbleIconSquareCheckDirective {
+class NimbleIconSquareCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSquareCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSquareCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSquareCheckDirective, selector: "nimble-icon-square-check", ngImport: i0 });
+NimbleIconSquareCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSquareCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSquareCheckDirective, selector: "nimble-icon-square-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4532,10 +4591,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the squareT icon element.
  */
-class NimbleIconSquareTDirective {
+class NimbleIconSquareTDirective extends NimbleIconBaseDirective {
 }
-NimbleIconSquareTDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareTDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconSquareTDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSquareTDirective, selector: "nimble-icon-square-t", ngImport: i0 });
+NimbleIconSquareTDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareTDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconSquareTDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconSquareTDirective, selector: "nimble-icon-square-t", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconSquareTDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4562,10 +4621,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the t icon element.
  */
-class NimbleIconTDirective {
+class NimbleIconTDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTDirective, selector: "nimble-icon-t", ngImport: i0 });
+NimbleIconTDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTDirective, selector: "nimble-icon-t", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4592,10 +4651,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the tablet icon element.
  */
-class NimbleIconTabletDirective {
+class NimbleIconTabletDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTabletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTabletDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTabletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTabletDirective, selector: "nimble-icon-tablet", ngImport: i0 });
+NimbleIconTabletDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTabletDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTabletDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTabletDirective, selector: "nimble-icon-tablet", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTabletDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4622,10 +4681,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the tag icon element.
  */
-class NimbleIconTagDirective {
+class NimbleIconTagDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTagDirective, selector: "nimble-icon-tag", ngImport: i0 });
+NimbleIconTagDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTagDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTagDirective, selector: "nimble-icon-tag", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4652,10 +4711,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the tags icon element.
  */
-class NimbleIconTagsDirective {
+class NimbleIconTagsDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTagsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTagsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTagsDirective, selector: "nimble-icon-tags", ngImport: i0 });
+NimbleIconTagsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTagsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTagsDirective, selector: "nimble-icon-tags", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTagsDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4682,10 +4741,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the targetCrosshairs icon element.
  */
-class NimbleIconTargetCrosshairsDirective {
+class NimbleIconTargetCrosshairsDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTargetCrosshairsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTargetCrosshairsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTargetCrosshairsDirective, selector: "nimble-icon-target-crosshairs", ngImport: i0 });
+NimbleIconTargetCrosshairsDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTargetCrosshairsDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTargetCrosshairsDirective, selector: "nimble-icon-target-crosshairs", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4712,10 +4771,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the targetCrosshairsProgress icon element.
  */
-class NimbleIconTargetCrosshairsProgressDirective {
+class NimbleIconTargetCrosshairsProgressDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTargetCrosshairsProgressDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsProgressDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTargetCrosshairsProgressDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTargetCrosshairsProgressDirective, selector: "nimble-icon-target-crosshairs-progress", ngImport: i0 });
+NimbleIconTargetCrosshairsProgressDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsProgressDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTargetCrosshairsProgressDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTargetCrosshairsProgressDirective, selector: "nimble-icon-target-crosshairs-progress", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTargetCrosshairsProgressDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4742,10 +4801,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the threeDotsLine icon element.
  */
-class NimbleIconThreeDotsLineDirective {
+class NimbleIconThreeDotsLineDirective extends NimbleIconBaseDirective {
 }
-NimbleIconThreeDotsLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeDotsLineDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconThreeDotsLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThreeDotsLineDirective, selector: "nimble-icon-three-dots-line", ngImport: i0 });
+NimbleIconThreeDotsLineDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeDotsLineDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconThreeDotsLineDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThreeDotsLineDirective, selector: "nimble-icon-three-dots-line", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeDotsLineDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4772,10 +4831,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the threeVerticalLines icon element.
  */
-class NimbleIconThreeVerticalLinesDirective {
+class NimbleIconThreeVerticalLinesDirective extends NimbleIconBaseDirective {
 }
-NimbleIconThreeVerticalLinesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeVerticalLinesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconThreeVerticalLinesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThreeVerticalLinesDirective, selector: "nimble-icon-three-vertical-lines", ngImport: i0 });
+NimbleIconThreeVerticalLinesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeVerticalLinesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconThreeVerticalLinesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThreeVerticalLinesDirective, selector: "nimble-icon-three-vertical-lines", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThreeVerticalLinesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4802,10 +4861,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the thumbtack icon element.
  */
-class NimbleIconThumbtackDirective {
+class NimbleIconThumbtackDirective extends NimbleIconBaseDirective {
 }
-NimbleIconThumbtackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThumbtackDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconThumbtackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThumbtackDirective, selector: "nimble-icon-thumbtack", ngImport: i0 });
+NimbleIconThumbtackDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThumbtackDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconThumbtackDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconThumbtackDirective, selector: "nimble-icon-thumbtack", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconThumbtackDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4832,10 +4891,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the tileSize icon element.
  */
-class NimbleIconTileSizeDirective {
+class NimbleIconTileSizeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTileSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTileSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTileSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTileSizeDirective, selector: "nimble-icon-tile-size", ngImport: i0 });
+NimbleIconTileSizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTileSizeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTileSizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTileSizeDirective, selector: "nimble-icon-tile-size", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTileSizeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4862,10 +4921,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the times icon element.
  */
-class NimbleIconTimesDirective {
+class NimbleIconTimesDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTimesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTimesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTimesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTimesDirective, selector: "nimble-icon-times", ngImport: i0 });
+NimbleIconTimesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTimesDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTimesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTimesDirective, selector: "nimble-icon-times", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTimesDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4892,10 +4951,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the trash icon element.
  */
-class NimbleIconTrashDirective {
+class NimbleIconTrashDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTrashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrashDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTrashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTrashDirective, selector: "nimble-icon-trash", ngImport: i0 });
+NimbleIconTrashDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrashDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTrashDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTrashDirective, selector: "nimble-icon-trash", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrashDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4922,10 +4981,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the triangle icon element.
  */
-class NimbleIconTriangleDirective {
+class NimbleIconTriangleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTriangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTriangleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTriangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTriangleDirective, selector: "nimble-icon-triangle", ngImport: i0 });
+NimbleIconTriangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTriangleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTriangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTriangleDirective, selector: "nimble-icon-triangle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTriangleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4952,10 +5011,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the trueFalseRectangle icon element.
  */
-class NimbleIconTrueFalseRectangleDirective {
+class NimbleIconTrueFalseRectangleDirective extends NimbleIconBaseDirective {
 }
-NimbleIconTrueFalseRectangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrueFalseRectangleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconTrueFalseRectangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTrueFalseRectangleDirective, selector: "nimble-icon-true-false-rectangle", ngImport: i0 });
+NimbleIconTrueFalseRectangleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrueFalseRectangleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconTrueFalseRectangleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconTrueFalseRectangleDirective, selector: "nimble-icon-true-false-rectangle", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconTrueFalseRectangleDirective, decorators: [{
             type: Directive,
             args: [{
@@ -4982,10 +5041,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the unlink icon element.
  */
-class NimbleIconUnlinkDirective {
+class NimbleIconUnlinkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconUnlinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconUnlinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUnlinkDirective, selector: "nimble-icon-unlink", ngImport: i0 });
+NimbleIconUnlinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlinkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconUnlinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUnlinkDirective, selector: "nimble-icon-unlink", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlinkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5012,10 +5071,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the unlock icon element.
  */
-class NimbleIconUnlockDirective {
+class NimbleIconUnlockDirective extends NimbleIconBaseDirective {
 }
-NimbleIconUnlockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlockDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconUnlockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUnlockDirective, selector: "nimble-icon-unlock", ngImport: i0 });
+NimbleIconUnlockDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlockDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconUnlockDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUnlockDirective, selector: "nimble-icon-unlock", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUnlockDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5042,10 +5101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the upload icon element.
  */
-class NimbleIconUploadDirective {
+class NimbleIconUploadDirective extends NimbleIconBaseDirective {
 }
-NimbleIconUploadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUploadDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconUploadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUploadDirective, selector: "nimble-icon-upload", ngImport: i0 });
+NimbleIconUploadDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUploadDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconUploadDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUploadDirective, selector: "nimble-icon-upload", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUploadDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5072,10 +5131,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the user icon element.
  */
-class NimbleIconUserDirective {
+class NimbleIconUserDirective extends NimbleIconBaseDirective {
 }
-NimbleIconUserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUserDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconUserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUserDirective, selector: "nimble-icon-user", ngImport: i0 });
+NimbleIconUserDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUserDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconUserDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconUserDirective, selector: "nimble-icon-user", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconUserDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5102,10 +5161,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the watch icon element.
  */
-class NimbleIconWatchDirective {
+class NimbleIconWatchDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWatchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWatchDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWatchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWatchDirective, selector: "nimble-icon-watch", ngImport: i0 });
+NimbleIconWatchDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWatchDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWatchDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWatchDirective, selector: "nimble-icon-watch", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWatchDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5132,10 +5191,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the waveform icon element.
  */
-class NimbleIconWaveformDirective {
+class NimbleIconWaveformDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWaveformDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWaveformDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWaveformDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWaveformDirective, selector: "nimble-icon-waveform", ngImport: i0 });
+NimbleIconWaveformDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWaveformDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWaveformDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWaveformDirective, selector: "nimble-icon-waveform", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWaveformDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5162,10 +5221,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the webviCustom icon element.
  */
-class NimbleIconWebviCustomDirective {
+class NimbleIconWebviCustomDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWebviCustomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviCustomDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWebviCustomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWebviCustomDirective, selector: "nimble-icon-webvi-custom", ngImport: i0 });
+NimbleIconWebviCustomDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviCustomDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWebviCustomDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWebviCustomDirective, selector: "nimble-icon-webvi-custom", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviCustomDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5192,10 +5251,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the webviHost icon element.
  */
-class NimbleIconWebviHostDirective {
+class NimbleIconWebviHostDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWebviHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviHostDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWebviHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWebviHostDirective, selector: "nimble-icon-webvi-host", ngImport: i0 });
+NimbleIconWebviHostDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviHostDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWebviHostDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWebviHostDirective, selector: "nimble-icon-webvi-host", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWebviHostDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5222,10 +5281,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the windowCode icon element.
  */
-class NimbleIconWindowCodeDirective {
+class NimbleIconWindowCodeDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWindowCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowCodeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWindowCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWindowCodeDirective, selector: "nimble-icon-window-code", ngImport: i0 });
+NimbleIconWindowCodeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowCodeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWindowCodeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWindowCodeDirective, selector: "nimble-icon-window-code", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowCodeDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5252,10 +5311,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the windowText icon element.
  */
-class NimbleIconWindowTextDirective {
+class NimbleIconWindowTextDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWindowTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowTextDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWindowTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWindowTextDirective, selector: "nimble-icon-window-text", ngImport: i0 });
+NimbleIconWindowTextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowTextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWindowTextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWindowTextDirective, selector: "nimble-icon-window-text", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWindowTextDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5282,10 +5341,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the wrenchHammer icon element.
  */
-class NimbleIconWrenchHammerDirective {
+class NimbleIconWrenchHammerDirective extends NimbleIconBaseDirective {
 }
-NimbleIconWrenchHammerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWrenchHammerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconWrenchHammerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWrenchHammerDirective, selector: "nimble-icon-wrench-hammer", ngImport: i0 });
+NimbleIconWrenchHammerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWrenchHammerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconWrenchHammerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconWrenchHammerDirective, selector: "nimble-icon-wrench-hammer", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconWrenchHammerDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5312,10 +5371,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the xmark icon element.
  */
-class NimbleIconXmarkDirective {
+class NimbleIconXmarkDirective extends NimbleIconBaseDirective {
 }
-NimbleIconXmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconXmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconXmarkDirective, selector: "nimble-icon-xmark", ngImport: i0 });
+NimbleIconXmarkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconXmarkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconXmarkDirective, selector: "nimble-icon-xmark", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5342,10 +5401,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
 /**
  * Directive to provide Angular integration for the xmarkCheck icon element.
  */
-class NimbleIconXmarkCheckDirective {
+class NimbleIconXmarkCheckDirective extends NimbleIconBaseDirective {
 }
-NimbleIconXmarkCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkCheckDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-NimbleIconXmarkCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconXmarkCheckDirective, selector: "nimble-icon-xmark-check", ngImport: i0 });
+NimbleIconXmarkCheckDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkCheckDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+NimbleIconXmarkCheckDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleIconXmarkCheckDirective, selector: "nimble-icon-xmark-check", usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleIconXmarkCheckDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5744,9 +5803,17 @@ class NimbleNumberFieldDirective {
     set errorText(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorText', value);
     }
+    get errorVisible() {
+        return this.elementRef.nativeElement.errorVisible;
+    }
+    // Renaming because property should have camel casing, but attribute should not
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set errorVisible(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
+    }
 }
 NimbleNumberFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleNumberFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NimbleNumberFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleNumberFieldDirective, selector: "nimble-number-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], min: "min", max: "max", step: "step", placeholder: "placeholder", errorText: ["error-text", "errorText"] }, ngImport: i0 });
+NimbleNumberFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleNumberFieldDirective, selector: "nimble-number-field", inputs: { appearance: "appearance", readOnly: ["readonly", "readOnly"], min: "min", max: "max", step: "step", placeholder: "placeholder", errorText: ["error-text", "errorText"], errorVisible: ["error-visible", "errorVisible"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleNumberFieldDirective, decorators: [{
             type: Directive,
             args: [{
@@ -5768,6 +5835,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
             }], errorText: [{
                 type: Input,
                 args: ['error-text']
+            }], errorVisible: [{
+                type: Input,
+                args: ['error-visible']
             }] } });
 
 class NimbleNumberFieldModule {
@@ -6523,6 +6593,14 @@ class NimbleTextFieldDirective {
     set errorText(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'errorText', value);
     }
+    get errorVisible() {
+        return this.elementRef.nativeElement.errorVisible;
+    }
+    // Renaming because property should have camel casing, but attribute should not
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set errorVisible(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'errorVisible', toBooleanProperty(value));
+    }
     get size() {
         return this.elementRef.nativeElement.size;
     }
@@ -6535,9 +6613,17 @@ class NimbleTextFieldDirective {
     set spellcheck(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'spellcheck', toBooleanProperty(value));
     }
+    get fullBleed() {
+        return this.elementRef.nativeElement.fullBleed;
+    }
+    // Renaming because property should have camel casing, but attribute should not
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set fullBleed(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'fullBleed', toBooleanProperty(value));
+    }
 }
 NimbleTextFieldDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleTextFieldDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NimbleTextFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", 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"], size: "size", spellcheck: "spellcheck" }, ngImport: i0 });
+NimbleTextFieldDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", 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 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleTextFieldDirective, decorators: [{
             type: Directive,
             args: [{
@@ -6567,10 +6653,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
             }], errorText: [{
                 type: Input,
                 args: ['error-text']
+            }], errorVisible: [{
+                type: Input,
+                args: ['error-visible']
             }], size: [{
                 type: Input
             }], spellcheck: [{
                 type: Input
+            }], fullBleed: [{
+                type: Input,
+                args: ['full-bleed']
             }] } });
 
 class NimbleTextFieldModule {
@@ -6883,9 +6975,23 @@ class NimbleTooltipDirective {
     set delay(value) {
         this.renderer.setProperty(this.elementRef.nativeElement, 'delay', toNumberProperty(value));
     }
+    get severity() {
+        return this.elementRef.nativeElement.severity;
+    }
+    set severity(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'severity', value);
+    }
+    get iconVisible() {
+        return this.elementRef.nativeElement.iconVisible;
+    }
+    // iconVisible property intentionally maps to the icon-visible attribute
+    // eslint-disable-next-line @angular-eslint/no-input-rename
+    set iconVisible(value) {
+        this.renderer.setProperty(this.elementRef.nativeElement, 'iconVisible', toBooleanProperty(value));
+    }
 }
 NimbleTooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleTooltipDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-NimbleTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleTooltipDirective, selector: "nimble-tooltip", inputs: { anchor: "anchor", delay: "delay" }, ngImport: i0 });
+NimbleTooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.5", type: NimbleTooltipDirective, selector: "nimble-tooltip", inputs: { anchor: "anchor", delay: "delay", severity: "severity", iconVisible: ["icon-visible", "iconVisible"] }, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImport: i0, type: NimbleTooltipDirective, decorators: [{
             type: Directive,
             args: [{
@@ -6895,6 +7001,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.5", ngImpor
                 type: Input
             }], delay: [{
                 type: Input
+            }], severity: [{
+                type: Input
+            }], iconVisible: [{
+                type: Input,
+                args: ['icon-visible']
             }] } });
 
 class NimbleTooltipModule {