@ni/nimble-angular 16.6.13 → 16.7.0

package/README.md

@@ -88,6 +88,14 @@ The steps to use components from Nimble Angular are similar to using components
 
 See the [README.md for the ni/nimble repository](/README.md) for documentation of individual components.
 
+### Using Nimble Element Tags
+
+Generally for normal Angular Templates the element tag should be used directly along with the associated directives. For example by importing the `NimbleThemeProviderModule` and using the `<nimble-theme-provider>` tag in an Angular Template.
+
+In some cases where you are manipulating HTML strings directly, such as writing custom pipes or writing selectors in test code, you may want to use the element tag as a string value outside of an Angular Template. For these use-cases you should leverage the associated tag constant exported by a directive. For example, the  `NimbleThemeProviderDirective` exports the `themeProviderTag` constant which contains the string `"nimble-theme-provider"`.
+
+By depending on the element tag constant, the name becomes a compile-time dependency providing protection against typos and ensuring that the underlying web component is properly defined in the deployed page.
+
 ### Using Nimble form controls
 
 For best results, always use `ngModel`, `formControl`, or `formControlName` bindings when integrating Nimble form controls in Angular. Binding to the control's native value property or event (e.g. `[value]` or `(change)`) is not supported, and can cause build failures and other issues. If a value change event is necessary, use `ngModel (ngModelChange)="onChange()"`.

package/directives/anchor/nimble-anchor.directive.d.ts

@@ -1,10 +1,11 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Anchor } from '@ni/nimble-components/dist/esm/anchor';
+import { type Anchor, anchorTag } from '@ni/nimble-components/dist/esm/anchor';
 import { AnchorAppearance } from '@ni/nimble-components/dist/esm/anchor/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { Anchor };
+export { anchorTag };
 export { AnchorAppearance };
 /**
  * Directive to provide Angular integration for the anchor.

package/directives/anchor-button/nimble-anchor-button.directive.d.ts

@@ -1,10 +1,11 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { AnchorButton } from '@ni/nimble-components/dist/esm/anchor-button';
+import { type AnchorButton, anchorButtonTag } from '@ni/nimble-components/dist/esm/anchor-button';
 import type { ButtonAppearance, ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/anchor-button/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { AnchorButton };
+export { anchorButtonTag };
 /**
  * Directive to provide Angular integration for the anchor button.
  */

package/directives/anchor-menu-item/nimble-anchor-menu-item.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { AnchorMenuItem } from '@ni/nimble-components/dist/esm/anchor-menu-item';
+import { type AnchorMenuItem, anchorMenuItemTag } from '@ni/nimble-components/dist/esm/anchor-menu-item';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { AnchorMenuItem };
+export { anchorMenuItemTag };
 /**
  * Directive to provide Angular integration for the anchor menu item.
  */

package/directives/anchor-tab/nimble-anchor-tab.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { AnchorTab } from '@ni/nimble-components/dist/esm/anchor-tab';
+import { type AnchorTab, anchorTabTag } from '@ni/nimble-components/dist/esm/anchor-tab';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { AnchorTab };
+export { anchorTabTag };
 /**
  * Directive to provide Angular integration for the anchor tab.
  */

package/directives/anchor-tabs/nimble-anchor-tabs.directive.d.ts

@@ -1,7 +1,8 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { AnchorTabs } from '@ni/nimble-components/dist/esm/anchor-tabs';
+import { type AnchorTabs, anchorTabsTag } from '@ni/nimble-components/dist/esm/anchor-tabs';
 import * as i0 from "@angular/core";
 export type { AnchorTabs };
+export { anchorTabsTag };
 /**
  * Directive to provide Angular integration for the anchor tabs element.
  */

package/directives/anchor-tree-item/nimble-anchor-tree-item.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { AnchorTreeItem } from '@ni/nimble-components/dist/esm/anchor-tree-item';
+import { type AnchorTreeItem, anchorTreeItemTag } from '@ni/nimble-components/dist/esm/anchor-tree-item';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { AnchorTreeItem };
+export { anchorTreeItemTag };
 /**
  * Directive to provide Angular integration for the anchor tree item.
  */

package/directives/banner/nimble-banner.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import type { Banner } from '@ni/nimble-components/dist/esm/banner';
+import { type Banner, bannerTag } from '@ni/nimble-components/dist/esm/banner';
 import { BannerSeverity, BannerToggleEventDetail } from '@ni/nimble-components/dist/esm/banner/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Banner };
+export { bannerTag };
 export { BannerSeverity };
 export type { BannerToggleEventDetail };
 /**

package/directives/breadcrumb/nimble-breadcrumb.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Breadcrumb } from '@ni/nimble-components/dist/esm/breadcrumb';
+import { type Breadcrumb, breadcrumbTag } from '@ni/nimble-components/dist/esm/breadcrumb';
 import { BreadcrumbAppearance } from '@ni/nimble-components/dist/esm/breadcrumb/types';
 import * as i0 from "@angular/core";
 export type { Breadcrumb };
+export { breadcrumbTag };
 export { BreadcrumbAppearance };
 /**
  * Directive to provide Angular integration for the breadcrumb.

package/directives/breadcrumb-item/nimble-breadcrumb-item.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { BreadcrumbItem } from '@ni/nimble-components/dist/esm/breadcrumb-item';
+import { type BreadcrumbItem, breadcrumbItemTag } from '@ni/nimble-components/dist/esm/breadcrumb-item';
 import { NimbleAnchorBaseDirective } from '../anchor-base/nimble-anchor-base.directive';
 import * as i0 from "@angular/core";
 export type { BreadcrumbItem };
+export { breadcrumbItemTag };
 /**
  * Directive to provide Angular integration for the breadcrumb item.
  */

package/directives/button/nimble-button.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Button } from '@ni/nimble-components/dist/esm/button';
+import { type Button, buttonTag } from '@ni/nimble-components/dist/esm/button';
 import type { ButtonType, ButtonAppearance, ButtonAppearanceVariant } from '@ni/nimble-components/dist/esm/button/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Button };
+export { buttonTag };
 export { ButtonType };
 /**
  * Directive to provide Angular integration for the button.

package/directives/card-button/nimble-card-button.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { CardButton } from '@ni/nimble-components/dist/esm/card-button';
+import { type CardButton, cardButtonTag } from '@ni/nimble-components/dist/esm/card-button';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { CardButton };
+export { cardButtonTag };
 /**
  * Directive to provide Angular integration for the card button.
  */

package/directives/checkbox/nimble-checkbox.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Checkbox } from '@ni/nimble-components/dist/esm/checkbox';
+import { type Checkbox, checkboxTag } from '@ni/nimble-components/dist/esm/checkbox';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Checkbox };
+export { checkboxTag };
 /**
  * Directive to provide Angular integration for the checkbox.
  */

package/directives/combobox/nimble-combobox.directive.d.ts

@@ -1,10 +1,11 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Combobox } from '@ni/nimble-components/dist/esm/combobox';
+import { type Combobox, comboboxTag } from '@ni/nimble-components/dist/esm/combobox';
 import { ComboboxAutocomplete } from '@ni/nimble-components/dist/esm/combobox/types';
 import type { DropdownAppearance } from '@ni/nimble-components/dist/esm/patterns/dropdown/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Combobox };
+export { comboboxTag };
 export { ComboboxAutocomplete };
 /**
  * Directive for Nimble combobox control Angular integration

package/directives/dialog/nimble-dialog.directive.d.ts

@@ -1,8 +1,9 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Dialog, UserDismissed } from '@ni/nimble-components/dist/esm/dialog';
+import { type Dialog, type UserDismissed, dialogTag } from '@ni/nimble-components/dist/esm/dialog';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Dialog };
+export { dialogTag };
 /**
  * Directive to provide Angular integration for the dialog element.
  * @description

package/directives/drawer/nimble-drawer.directive.d.ts

@@ -1,9 +1,10 @@
 import { ElementRef, Renderer2 } from '@angular/core';
-import type { Drawer, UserDismissed } from '@ni/nimble-components/dist/esm/drawer';
+import { type Drawer, type UserDismissed, drawerTag } from '@ni/nimble-components/dist/esm/drawer';
 import { DrawerLocation } from '@ni/nimble-components/dist/esm/drawer/types';
 import { BooleanValueOrAttribute } from '@ni/nimble-angular/internal-utilities';
 import * as i0 from "@angular/core";
 export type { Drawer };
+export { drawerTag };
 export { DrawerLocation };
 /**
  * Directive to provide Angular integration for the drawer element.

package/directives/icons/add/nimble-icon-add.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconAdd } from '@ni/nimble-components/dist/esm/icons/add';
+import { type IconAdd, iconAddTag } from '@ni/nimble-components/dist/esm/icons/add';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconAdd };
+export { iconAddTag };
 /**
  * Directive to provide Angular integration for the add icon element.
  */

package/directives/icons/arrow-down/nimble-icon-arrow-down.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowDown } from '@ni/nimble-components/dist/esm/icons/arrow-down';
+import { type IconArrowDown, iconArrowDownTag } from '@ni/nimble-components/dist/esm/icons/arrow-down';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowDown };
+export { iconArrowDownTag };
 /**
  * Directive to provide Angular integration for the arrowDown icon element.
  */

package/directives/icons/arrow-down-right-and-arrow-up-left/nimble-icon-arrow-down-right-and-arrow-up-left.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowDownRightAndArrowUpLeft } from '@ni/nimble-components/dist/esm/icons/arrow-down-right-and-arrow-up-left';
+import { type IconArrowDownRightAndArrowUpLeft, iconArrowDownRightAndArrowUpLeftTag } from '@ni/nimble-components/dist/esm/icons/arrow-down-right-and-arrow-up-left';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowDownRightAndArrowUpLeft };
+export { iconArrowDownRightAndArrowUpLeftTag };
 /**
  * Directive to provide Angular integration for the arrowDownRightAndArrowUpLeft icon element.
  */

package/directives/icons/arrow-expander-down/nimble-icon-arrow-expander-down.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowExpanderDown } from '@ni/nimble-components/dist/esm/icons/arrow-expander-down';
+import { type IconArrowExpanderDown, iconArrowExpanderDownTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-down';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowExpanderDown };
+export { iconArrowExpanderDownTag };
 /**
  * Directive to provide Angular integration for the arrowExpanderDown icon element.
  */

package/directives/icons/arrow-expander-left/nimble-icon-arrow-expander-left.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowExpanderLeft } from '@ni/nimble-components/dist/esm/icons/arrow-expander-left';
+import { type IconArrowExpanderLeft, iconArrowExpanderLeftTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-left';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowExpanderLeft };
+export { iconArrowExpanderLeftTag };
 /**
  * Directive to provide Angular integration for the arrowExpanderLeft icon element.
  */

package/directives/icons/arrow-expander-right/nimble-icon-arrow-expander-right.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowExpanderRight } from '@ni/nimble-components/dist/esm/icons/arrow-expander-right';
+import { type IconArrowExpanderRight, iconArrowExpanderRightTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-right';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowExpanderRight };
+export { iconArrowExpanderRightTag };
 /**
  * Directive to provide Angular integration for the arrowExpanderRight icon element.
  */

package/directives/icons/arrow-expander-up/nimble-icon-arrow-expander-up.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowExpanderUp } from '@ni/nimble-components/dist/esm/icons/arrow-expander-up';
+import { type IconArrowExpanderUp, iconArrowExpanderUpTag } from '@ni/nimble-components/dist/esm/icons/arrow-expander-up';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowExpanderUp };
+export { iconArrowExpanderUpTag };
 /**
  * Directive to provide Angular integration for the arrowExpanderUp icon element.
  */

package/directives/icons/arrow-left-from-line/nimble-icon-arrow-left-from-line.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowLeftFromLine } from '@ni/nimble-components/dist/esm/icons/arrow-left-from-line';
+import { type IconArrowLeftFromLine, iconArrowLeftFromLineTag } from '@ni/nimble-components/dist/esm/icons/arrow-left-from-line';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowLeftFromLine };
+export { iconArrowLeftFromLineTag };
 /**
  * Directive to provide Angular integration for the arrowLeftFromLine icon element.
  */

package/directives/icons/arrow-partial-rotate-left/nimble-icon-arrow-partial-rotate-left.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowPartialRotateLeft } from '@ni/nimble-components/dist/esm/icons/arrow-partial-rotate-left';
+import { type IconArrowPartialRotateLeft, iconArrowPartialRotateLeftTag } from '@ni/nimble-components/dist/esm/icons/arrow-partial-rotate-left';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowPartialRotateLeft };
+export { iconArrowPartialRotateLeftTag };
 /**
  * Directive to provide Angular integration for the arrowPartialRotateLeft icon element.
  */

package/directives/icons/arrow-right-to-line/nimble-icon-arrow-right-to-line.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowRightToLine } from '@ni/nimble-components/dist/esm/icons/arrow-right-to-line';
+import { type IconArrowRightToLine, iconArrowRightToLineTag } from '@ni/nimble-components/dist/esm/icons/arrow-right-to-line';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowRightToLine };
+export { iconArrowRightToLineTag };
 /**
  * Directive to provide Angular integration for the arrowRightToLine icon element.
  */

package/directives/icons/arrow-rotate-right/nimble-icon-arrow-rotate-right.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowRotateRight } from '@ni/nimble-components/dist/esm/icons/arrow-rotate-right';
+import { type IconArrowRotateRight, iconArrowRotateRightTag } from '@ni/nimble-components/dist/esm/icons/arrow-rotate-right';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowRotateRight };
+export { iconArrowRotateRightTag };
 /**
  * Directive to provide Angular integration for the arrowRotateRight icon element.
  */

package/directives/icons/arrow-u-rotate-left/nimble-icon-arrow-u-rotate-left.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowURotateLeft } from '@ni/nimble-components/dist/esm/icons/arrow-u-rotate-left';
+import { type IconArrowURotateLeft, iconArrowURotateLeftTag } from '@ni/nimble-components/dist/esm/icons/arrow-u-rotate-left';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowURotateLeft };
+export { iconArrowURotateLeftTag };
 /**
  * Directive to provide Angular integration for the arrowURotateLeft icon element.
  */

package/directives/icons/arrow-up/nimble-icon-arrow-up.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowUp } from '@ni/nimble-components/dist/esm/icons/arrow-up';
+import { type IconArrowUp, iconArrowUpTag } from '@ni/nimble-components/dist/esm/icons/arrow-up';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowUp };
+export { iconArrowUpTag };
 /**
  * Directive to provide Angular integration for the arrowUp icon element.
  */

package/directives/icons/arrow-up-left-and-arrow-down-right/nimble-icon-arrow-up-left-and-arrow-down-right.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowUpLeftAndArrowDownRight } from '@ni/nimble-components/dist/esm/icons/arrow-up-left-and-arrow-down-right';
+import { type IconArrowUpLeftAndArrowDownRight, iconArrowUpLeftAndArrowDownRightTag } from '@ni/nimble-components/dist/esm/icons/arrow-up-left-and-arrow-down-right';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowUpLeftAndArrowDownRight };
+export { iconArrowUpLeftAndArrowDownRightTag };
 /**
  * Directive to provide Angular integration for the arrowUpLeftAndArrowDownRight icon element.
  */

package/directives/icons/arrows-maximize/nimble-icon-arrows-maximize.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowsMaximize } from '@ni/nimble-components/dist/esm/icons/arrows-maximize';
+import { type IconArrowsMaximize, iconArrowsMaximizeTag } from '@ni/nimble-components/dist/esm/icons/arrows-maximize';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowsMaximize };
+export { iconArrowsMaximizeTag };
 /**
  * Directive to provide Angular integration for the arrowsMaximize icon element.
  */

package/directives/icons/arrows-repeat/nimble-icon-arrows-repeat.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconArrowsRepeat } from '@ni/nimble-components/dist/esm/icons/arrows-repeat';
+import { type IconArrowsRepeat, iconArrowsRepeatTag } from '@ni/nimble-components/dist/esm/icons/arrows-repeat';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconArrowsRepeat };
+export { iconArrowsRepeatTag };
 /**
  * Directive to provide Angular integration for the arrowsRepeat icon element.
  */

package/directives/icons/bars/nimble-icon-bars.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBars } from '@ni/nimble-components/dist/esm/icons/bars';
+import { type IconBars, iconBarsTag } from '@ni/nimble-components/dist/esm/icons/bars';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBars };
+export { iconBarsTag };
 /**
  * Directive to provide Angular integration for the bars icon element.
  */

package/directives/icons/bell/nimble-icon-bell.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBell } from '@ni/nimble-components/dist/esm/icons/bell';
+import { type IconBell, iconBellTag } from '@ni/nimble-components/dist/esm/icons/bell';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBell };
+export { iconBellTag };
 /**
  * Directive to provide Angular integration for the bell icon element.
  */

package/directives/icons/bell-and-comment/nimble-icon-bell-and-comment.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBellAndComment } from '@ni/nimble-components/dist/esm/icons/bell-and-comment';
+import { type IconBellAndComment, iconBellAndCommentTag } from '@ni/nimble-components/dist/esm/icons/bell-and-comment';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBellAndComment };
+export { iconBellAndCommentTag };
 /**
  * Directive to provide Angular integration for the bellAndComment icon element.
  */

package/directives/icons/bell-circle/nimble-icon-bell-circle.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBellCircle } from '@ni/nimble-components/dist/esm/icons/bell-circle';
+import { type IconBellCircle, iconBellCircleTag } from '@ni/nimble-components/dist/esm/icons/bell-circle';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBellCircle };
+export { iconBellCircleTag };
 /**
  * Directive to provide Angular integration for the bellCircle icon element.
  */

package/directives/icons/bell-solid-circle/nimble-icon-bell-solid-circle.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBellSolidCircle } from '@ni/nimble-components/dist/esm/icons/bell-solid-circle';
+import { type IconBellSolidCircle, iconBellSolidCircleTag } from '@ni/nimble-components/dist/esm/icons/bell-solid-circle';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBellSolidCircle };
+export { iconBellSolidCircleTag };
 /**
  * Directive to provide Angular integration for the bellSolidCircle icon element.
  */

package/directives/icons/block-with-ribbon/nimble-icon-block-with-ribbon.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBlockWithRibbon } from '@ni/nimble-components/dist/esm/icons/block-with-ribbon';
+import { type IconBlockWithRibbon, iconBlockWithRibbonTag } from '@ni/nimble-components/dist/esm/icons/block-with-ribbon';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBlockWithRibbon };
+export { iconBlockWithRibbonTag };
 /**
  * Directive to provide Angular integration for the blockWithRibbon icon element.
  */

package/directives/icons/bold-b/nimble-icon-bold-b.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBoldB } from '@ni/nimble-components/dist/esm/icons/bold-b';
+import { type IconBoldB, iconBoldBTag } from '@ni/nimble-components/dist/esm/icons/bold-b';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBoldB };
+export { iconBoldBTag };
 /**
  * Directive to provide Angular integration for the boldB icon element.
  */

package/directives/icons/book-magnifying-glass/nimble-icon-book-magnifying-glass.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconBookMagnifyingGlass } from '@ni/nimble-components/dist/esm/icons/book-magnifying-glass';
+import { type IconBookMagnifyingGlass, iconBookMagnifyingGlassTag } from '@ni/nimble-components/dist/esm/icons/book-magnifying-glass';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconBookMagnifyingGlass };
+export { iconBookMagnifyingGlassTag };
 /**
  * Directive to provide Angular integration for the bookMagnifyingGlass icon element.
  */

package/directives/icons/calendar/nimble-icon-calendar.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCalendar } from '@ni/nimble-components/dist/esm/icons/calendar';
+import { type IconCalendar, iconCalendarTag } from '@ni/nimble-components/dist/esm/icons/calendar';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCalendar };
+export { iconCalendarTag };
 /**
  * Directive to provide Angular integration for the calendar icon element.
  */

package/directives/icons/chart-diagram/nimble-icon-chart-diagram.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconChartDiagram } from '@ni/nimble-components/dist/esm/icons/chart-diagram';
+import { type IconChartDiagram, iconChartDiagramTag } from '@ni/nimble-components/dist/esm/icons/chart-diagram';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconChartDiagram };
+export { iconChartDiagramTag };
 /**
  * Directive to provide Angular integration for the chartDiagram icon element.
  */

package/directives/icons/chart-diagram-child-focus/nimble-icon-chart-diagram-child-focus.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconChartDiagramChildFocus } from '@ni/nimble-components/dist/esm/icons/chart-diagram-child-focus';
+import { type IconChartDiagramChildFocus, iconChartDiagramChildFocusTag } from '@ni/nimble-components/dist/esm/icons/chart-diagram-child-focus';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconChartDiagramChildFocus };
+export { iconChartDiagramChildFocusTag };
 /**
  * Directive to provide Angular integration for the chartDiagramChildFocus icon element.
  */

package/directives/icons/chart-diagram-parent-focus/nimble-icon-chart-diagram-parent-focus.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconChartDiagramParentFocus } from '@ni/nimble-components/dist/esm/icons/chart-diagram-parent-focus';
+import { type IconChartDiagramParentFocus, iconChartDiagramParentFocusTag } from '@ni/nimble-components/dist/esm/icons/chart-diagram-parent-focus';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconChartDiagramParentFocus };
+export { iconChartDiagramParentFocusTag };
 /**
  * Directive to provide Angular integration for the chartDiagramParentFocus icon element.
  */

package/directives/icons/chart-diagram-parent-focus-two-child/nimble-icon-chart-diagram-parent-focus-two-child.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconChartDiagramParentFocusTwoChild } from '@ni/nimble-components/dist/esm/icons/chart-diagram-parent-focus-two-child';
+import { type IconChartDiagramParentFocusTwoChild, iconChartDiagramParentFocusTwoChildTag } from '@ni/nimble-components/dist/esm/icons/chart-diagram-parent-focus-two-child';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconChartDiagramParentFocusTwoChild };
+export { iconChartDiagramParentFocusTwoChildTag };
 /**
  * Directive to provide Angular integration for the chartDiagramParentFocusTwoChild icon element.
  */

package/directives/icons/check/nimble-icon-check.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCheck } from '@ni/nimble-components/dist/esm/icons/check';
+import { type IconCheck, iconCheckTag } from '@ni/nimble-components/dist/esm/icons/check';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCheck };
+export { iconCheckTag };
 /**
  * Directive to provide Angular integration for the check icon element.
  */

package/directives/icons/check-dot/nimble-icon-check-dot.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCheckDot } from '@ni/nimble-components/dist/esm/icons/check-dot';
+import { type IconCheckDot, iconCheckDotTag } from '@ni/nimble-components/dist/esm/icons/check-dot';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCheckDot };
+export { iconCheckDotTag };
 /**
  * Directive to provide Angular integration for the checkDot icon element.
  */

package/directives/icons/check-large/nimble-icon-check-large.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCheckLarge } from '@ni/nimble-components/dist/esm/icons/check-large';
+import { type IconCheckLarge, iconCheckLargeTag } from '@ni/nimble-components/dist/esm/icons/check-large';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCheckLarge };
+export { iconCheckLargeTag };
 /**
  * Directive to provide Angular integration for the checkLarge icon element.
  */

package/directives/icons/circle/nimble-icon-circle.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCircle } from '@ni/nimble-components/dist/esm/icons/circle';
+import { type IconCircle, iconCircleTag } from '@ni/nimble-components/dist/esm/icons/circle';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCircle };
+export { iconCircleTag };
 /**
  * Directive to provide Angular integration for the circle icon element.
  */

package/directives/icons/circle-broken/nimble-icon-circle-broken.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCircleBroken } from '@ni/nimble-components/dist/esm/icons/circle-broken';
+import { type IconCircleBroken, iconCircleBrokenTag } from '@ni/nimble-components/dist/esm/icons/circle-broken';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCircleBroken };
+export { iconCircleBrokenTag };
 /**
  * Directive to provide Angular integration for the circleBroken icon element.
  */

package/directives/icons/circle-check/nimble-icon-circle-check.directive.d.ts

@@ -1,7 +1,8 @@
-import type { IconCircleCheck } from '@ni/nimble-components/dist/esm/icons/circle-check';
+import { type IconCircleCheck, iconCircleCheckTag } from '@ni/nimble-components/dist/esm/icons/circle-check';
 import { NimbleIconBaseDirective } from '../../icon-base/nimble-icon-base.directive';
 import * as i0 from "@angular/core";
 export type { IconCircleCheck };
+export { iconCircleCheckTag };
 /**
  * Directive to provide Angular integration for the circleCheck icon element.
  */