@truenas/ui-components 0.1.47 → 0.1.49

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truenas/ui-components",
-  "version": "0.1.47",
+  "version": "0.1.49",
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"

package/scripts/icon-sprite/lib/find-icons-in-forwarding-components.spec.ts

@@ -1,77 +1,182 @@
+import fs from 'fs';
+import os from 'os';
 import path from 'path';
-import { findForwardingComponentMappings } from './find-icons-in-forwarding-components';
+import { discoverForwardingMappings } from './find-icons-in-forwarding-components';
+import type { ForwardingComponentMapping } from './find-icons-in-forwarding-components';
 
-const FIXTURES_DIR = path.resolve(__dirname, '../__fixtures__/forwarding-components');
+function writeManifest(dir: string, mappings: ForwardingComponentMapping[]): void {
+  fs.mkdirSync(dir, { recursive: true });
+  fs.writeFileSync(
+    path.join(dir, 'forwarding-mappings.json'),
+    JSON.stringify(mappings),
+  );
+}
 
-describe('findForwardingComponentMappings', () => {
-  it('should discover components implementing TnIconForwardingComponent', () => {
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR]);
-    const selectors = mappings.map(m => m.selector).sort();
-    expect(selectors).toEqual(['tn-chip', 'tn-empty', 'tn-input']);
+describe('discoverForwardingMappings', () => {
+  let tempDir: string;
+
+  beforeEach(() => {
+    tempDir = fs.mkdtempSync(path.join(os.tmpdir(), 'fwd-mappings-'));
   });
 
-  it('should not discover components that do not implement the interface', () => {
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR]);
-    const selectors = mappings.map(m => m.selector);
-    expect(selectors).not.toContain('tn-button');
+  afterEach(() => {
+    fs.rmSync(tempDir, { recursive: true, force: true });
   });
 
-  it('should extract single icon slot with library from tn-empty', () => {
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR]);
-    const empty = mappings.find(m => m.selector === 'tn-empty');
+  describe('library manifest loading', () => {
+    it('should load mappings from the installed library manifest', () => {
+      const manifestDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      writeManifest(manifestDir, [
+        {
+          selector: 'tn-empty',
+          iconSlots: [{ iconAttribute: 'icon', libraryAttribute: 'iconLibrary', defaultLibrary: 'mdi' }],
+        },
+        {
+          selector: 'tn-chip',
+          iconSlots: [{ iconAttribute: 'icon' }],
+        },
+      ]);
+
+      const mappings = discoverForwardingMappings([], tempDir);
+      expect(mappings).toHaveLength(2);
 
-    expect(empty).toBeDefined();
-    expect(empty!.iconSlots).toHaveLength(1);
-    expect(empty!.iconSlots[0]).toEqual({
-      iconAttribute: 'icon',
-      libraryAttribute: 'iconLibrary',
-      defaultLibrary: 'mdi',
+      const selectors = mappings.map(m => m.selector).sort();
+      expect(selectors).toEqual(['tn-chip', 'tn-empty']);
     });
-  });
 
-  it('should extract multiple icon slots from tn-input', () => {
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR]);
-    const input = mappings.find(m => m.selector === 'tn-input');
+    it('should extract icon slot details from manifest', () => {
+      const manifestDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      writeManifest(manifestDir, [
+        {
+          selector: 'tn-empty',
+          iconSlots: [{ iconAttribute: 'icon', libraryAttribute: 'iconLibrary', defaultLibrary: 'mdi' }],
+        },
+      ]);
 
-    expect(input).toBeDefined();
-    expect(input!.iconSlots).toHaveLength(2);
+      const mappings = discoverForwardingMappings([], tempDir);
+      expect(mappings[0].iconSlots[0]).toEqual({
+        iconAttribute: 'icon',
+        libraryAttribute: 'iconLibrary',
+        defaultLibrary: 'mdi',
+      });
+    });
 
-    const attrNames = input!.iconSlots.map(s => s.iconAttribute).sort();
-    expect(attrNames).toEqual(['prefixIcon', 'suffixIcon']);
+    it('should return empty array when library is not installed', () => {
+      const mappings = discoverForwardingMappings([], tempDir);
+      expect(mappings).toEqual([]);
+    });
 
-    const prefix = input!.iconSlots.find(s => s.iconAttribute === 'prefixIcon');
-    expect(prefix!.libraryAttribute).toBe('prefixIconLibrary');
+    it('should handle corrupt library manifest gracefully', () => {
+      const manifestDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      fs.mkdirSync(manifestDir, { recursive: true });
+      fs.writeFileSync(path.join(manifestDir, 'forwarding-mappings.json'), 'not valid json');
 
-    const suffix = input!.iconSlots.find(s => s.iconAttribute === 'suffixIcon');
-    expect(suffix!.libraryAttribute).toBe('suffixIconLibrary');
-  });
+      const mappings = discoverForwardingMappings([], tempDir);
+      expect(mappings).toEqual([]);
+    });
 
-  it('should handle component with no library attribute (tn-chip)', () => {
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR]);
-    const chip = mappings.find(m => m.selector === 'tn-chip');
+    it('should handle manifest with non-array content gracefully', () => {
+      const manifestDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      fs.mkdirSync(manifestDir, { recursive: true });
+      fs.writeFileSync(path.join(manifestDir, 'forwarding-mappings.json'), '{"not": "an array"}');
 
-    expect(chip).toBeDefined();
-    expect(chip!.iconSlots).toHaveLength(1);
-    expect(chip!.iconSlots[0].iconAttribute).toBe('icon');
-    expect(chip!.iconSlots[0].libraryAttribute).toBeUndefined();
-    expect(chip!.iconSlots[0].defaultLibrary).toBeUndefined();
+      const mappings = discoverForwardingMappings([], tempDir);
+      expect(mappings).toEqual([]);
+    });
   });
 
-  it('should return empty array for directory with no forwarding components', () => {
-    const mappings = findForwardingComponentMappings([path.resolve(__dirname, '../__fixtures__/custom-icons')]);
-    expect(mappings).toEqual([]);
-  });
+  describe('consumer manifest loading', () => {
+    it('should load mappings from a consumer source directory', () => {
+      const consumerSrc = path.join(tempDir, 'src/app');
+      writeManifest(consumerSrc, [
+        {
+          selector: 'app-status',
+          iconSlots: [{ iconAttribute: 'statusIcon', libraryAttribute: 'statusIconLibrary' }],
+        },
+      ]);
+
+      const mappings = discoverForwardingMappings([consumerSrc], tempDir);
+      expect(mappings).toHaveLength(1);
+      expect(mappings[0].selector).toBe('app-status');
+    });
+
+    it('should ignore source dirs without a manifest', () => {
+      const emptySrc = path.join(tempDir, 'src/app');
+      fs.mkdirSync(emptySrc, { recursive: true });
+
+      const mappings = discoverForwardingMappings([emptySrc], tempDir);
+      expect(mappings).toEqual([]);
+    });
 
-  it('should return empty array for non-existent directory', () => {
-    const mappings = findForwardingComponentMappings(['/non/existent/path']);
-    expect(mappings).toEqual([]);
+    it('should handle non-existent source dirs', () => {
+      const mappings = discoverForwardingMappings(['/non/existent/path'], tempDir);
+      expect(mappings).toEqual([]);
+    });
   });
 
-  it('should deduplicate results from overlapping search paths', () => {
-    // Pass the same path twice — duplicates should be removed by selector
-    const mappings = findForwardingComponentMappings([FIXTURES_DIR, FIXTURES_DIR]);
-    expect(mappings).toHaveLength(3);
-    const selectors = mappings.map(m => m.selector).sort();
-    expect(selectors).toEqual(['tn-chip', 'tn-empty', 'tn-input']);
+  describe('merging library and consumer manifests', () => {
+    it('should merge mappings from library and consumer', () => {
+      // Library provides tn-empty
+      const libraryDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      writeManifest(libraryDir, [
+        {
+          selector: 'tn-empty',
+          iconSlots: [{ iconAttribute: 'icon', libraryAttribute: 'iconLibrary', defaultLibrary: 'mdi' }],
+        },
+      ]);
+
+      // Consumer provides app-status
+      const consumerSrc = path.join(tempDir, 'src/app');
+      writeManifest(consumerSrc, [
+        {
+          selector: 'app-status',
+          iconSlots: [{ iconAttribute: 'statusIcon' }],
+        },
+      ]);
+
+      const mappings = discoverForwardingMappings([consumerSrc], tempDir);
+      const selectors = mappings.map(m => m.selector).sort();
+      expect(selectors).toEqual(['app-status', 'tn-empty']);
+    });
+
+    it('should allow consumer to override a library mapping by selector', () => {
+      // Library defines tn-empty with defaultLibrary: 'mdi'
+      const libraryDir = path.join(tempDir, 'node_modules/@truenas/ui-components/assets/tn-icons');
+      writeManifest(libraryDir, [
+        {
+          selector: 'tn-empty',
+          iconSlots: [{ iconAttribute: 'icon', libraryAttribute: 'iconLibrary', defaultLibrary: 'mdi' }],
+        },
+      ]);
+
+      // Consumer overrides tn-empty with a different default
+      const consumerSrc = path.join(tempDir, 'src/app');
+      writeManifest(consumerSrc, [
+        {
+          selector: 'tn-empty',
+          iconSlots: [{ iconAttribute: 'icon', libraryAttribute: 'iconLibrary', defaultLibrary: 'material' }],
+        },
+      ]);
+
+      const mappings = discoverForwardingMappings([consumerSrc], tempDir);
+      expect(mappings).toHaveLength(1);
+      expect(mappings[0].iconSlots[0].defaultLibrary).toBe('material');
+    });
+
+    it('should merge manifests from multiple consumer source dirs', () => {
+      const srcApp = path.join(tempDir, 'src/app');
+      writeManifest(srcApp, [
+        { selector: 'app-foo', iconSlots: [{ iconAttribute: 'icon' }] },
+      ]);
+
+      const srcLib = path.join(tempDir, 'src/lib');
+      writeManifest(srcLib, [
+        { selector: 'app-bar', iconSlots: [{ iconAttribute: 'barIcon' }] },
+      ]);
+
+      const mappings = discoverForwardingMappings([srcApp, srcLib], tempDir);
+      const selectors = mappings.map(m => m.selector).sort();
+      expect(selectors).toEqual(['app-bar', 'app-foo']);
+    });
   });
 });

package/scripts/icon-sprite/lib/find-icons-in-forwarding-components.ts

@@ -1,8 +1,5 @@
-import { spawnSync } from 'node:child_process';
 import fs from 'fs';
-import path from 'path';
 import { resolve } from 'path';
-import * as cheerio from 'cheerio';
 
 export interface IconSlotMapping {
   iconAttribute: string;
@@ -16,23 +13,33 @@ export interface ForwardingComponentMapping {
 }
 
 /**
- * Discovers components implementing TnIconForwardingComponent and derives
- * their icon attribute mappings by reading their templates.
+ * Load forwarding component mappings from JSON manifest files.
  *
- * Steps:
- * 1. Grep for `implements TnIconForwardingComponent` (or `implements.*TnIconForwardingComponent`)
- * 2. Extract the @Component selector and templateUrl from the same file
- * 3. Read the component template and find <tn-icon> [name] / [library] bindings
- * 4. Map binding expressions back to input names (strip signal call syntax)
- * 5. Extract default library values from input declarations in the TS file
+ * Mappings tell the sprite scanner which component attributes forward icon
+ * values to `<tn-icon>`. For example, `<tn-empty icon="inbox">` forwards
+ * its `icon` attribute to an internal `<tn-icon [name]>`.
+ *
+ * Sources (merged in order, later entries override by selector):
+ * 1. The library's published manifest at
+ *    `node_modules/@truenas/ui-components/assets/tn-icons/forwarding-mappings.json`
+ * 2. Any `forwarding-mappings.json` files found in the consumer's source dirs
  */
-export function findForwardingComponentMappings(searchPaths: string[]): ForwardingComponentMapping[] {
+export function discoverForwardingMappings(srcDirs: string[], projectRoot: string): ForwardingComponentMapping[] {
   const bySelector = new Map<string, ForwardingComponentMapping>();
-  const componentFiles = findForwardingComponentFiles(searchPaths);
 
-  for (const filePath of componentFiles) {
-    const mapping = extractMappingFromComponent(filePath);
-    if (mapping && !bySelector.has(mapping.selector)) {
+  // Load library manifest (published with the npm package)
+  const libraryMappings = loadManifest(resolve(
+    projectRoot,
+    'node_modules/@truenas/ui-components/assets/tn-icons/forwarding-mappings.json',
+  ));
+  for (const mapping of libraryMappings) {
+    bySelector.set(mapping.selector, mapping);
+  }
+
+  // Load consumer manifests from source dirs
+  for (const srcDir of srcDirs) {
+    const consumerManifest = resolve(srcDir, 'forwarding-mappings.json');
+    for (const mapping of loadManifest(consumerManifest)) {
       bySelector.set(mapping.selector, mapping);
     }
   }
@@ -41,169 +48,21 @@ export function findForwardingComponentMappings(searchPaths: string[]): Forwardi
 }
 
 /**
- * Discover icon-forwarding component mappings from consumer source dirs
- * and the installed library (if present in node_modules).
+ * Read and parse a forwarding-mappings.json file.
+ * Returns an empty array if the file is missing or malformed.
  */
-export function discoverForwardingMappings(srcDirs: string[], projectRoot: string): ForwardingComponentMapping[] {
-  const searchPaths = [...srcDirs];
-
-  const libSrcPath = resolve(projectRoot, 'node_modules/@truenas/ui-components/src/lib');
-  if (fs.existsSync(libSrcPath)) {
-    searchPaths.push(libSrcPath);
+function loadManifest(filePath: string): ForwardingComponentMapping[] {
+  if (!fs.existsSync(filePath)) {
+    return [];
   }
 
-  return findForwardingComponentMappings(searchPaths);
-}
-
-/**
- * Grep for .ts files containing `implements TnIconForwardingComponent`
- * (handles multi-interface: `implements TnIconForwardingComponent, AfterViewInit`)
- */
-function findForwardingComponentFiles(searchPaths: string[]): string[] {
-  const files: string[] = [];
-
-  for (const searchPath of searchPaths) {
-    if (!fs.existsSync(searchPath)) {
-      continue;
-    }
-
-    const result = spawnSync(
-      'grep',
-      ['-rl', 'implements.*TnIconForwardingComponent', '--include=*.ts', searchPath],
-      { encoding: 'utf-8' },
-    );
-
-    if (result.status === 1 && !result.stderr) {
-      // grep returns exit code 1 when no matches found
-      continue;
-    }
-    if (result.status !== 0 && result.status !== 1) {
-      throw new Error(`grep failed: ${result.stderr}`);
+  try {
+    const data = JSON.parse(fs.readFileSync(filePath, 'utf-8'));
+    if (!Array.isArray(data)) {
+      return [];
     }
-
-    result.stdout
-      .split('\n')
-      .filter(Boolean)
-      .forEach((file) => files.push(file));
+    return data;
+  } catch {
+    return [];
   }
-
-  return files;
-}
-
-/**
- * Extract the forwarding component mapping from a single component .ts file.
- *
- * Reads the TS file to get the selector and templateUrl, then reads the
- * template to find <tn-icon> bindings and maps them back to input names.
- */
-function extractMappingFromComponent(tsFilePath: string): ForwardingComponentMapping | null {
-  const tsContent = fs.readFileSync(tsFilePath, 'utf-8');
-
-  // Extract selector from @Component({ selector: '...' })
-  const selectorMatch = /selector:\s*['"]([^'"]+)['"]/.exec(tsContent);
-  if (!selectorMatch) {
-    return null;
-  }
-  const selector = selectorMatch[1];
-
-  // Extract templateUrl from @Component({ templateUrl: '...' })
-  const templateUrlMatch = /templateUrl:\s*['"]([^'"]+)['"]/.exec(tsContent);
-  if (!templateUrlMatch) {
-    return null;
-  }
-
-  // Resolve template path relative to the TS file
-  const templatePath = path.resolve(path.dirname(tsFilePath), templateUrlMatch[1]);
-  if (!fs.existsSync(templatePath)) {
-    return null;
-  }
-
-  const templateContent = fs.readFileSync(templatePath, 'utf-8');
-  const iconSlots = extractIconSlotsFromTemplate(templateContent, tsContent);
-
-  if (iconSlots.length === 0) {
-    return null;
-  }
-
-  return { selector, iconSlots };
-}
-
-/**
- * Find <tn-icon> elements in the template and extract the input names
- * from their [name] and [library] bindings.
- *
- * For example:
- *   <tn-icon [name]="icon()!" [library]="iconLibrary()">
- *   yields: { iconAttribute: 'icon', libraryAttribute: 'iconLibrary' }
- *
- *   <tn-icon [name]="prefixIcon()!">
- *   yields: { iconAttribute: 'prefixIcon' }
- */
-function extractIconSlotsFromTemplate(templateContent: string, tsContent: string): IconSlotMapping[] {
-  const $ = cheerio.load(templateContent);
-  const slots: IconSlotMapping[] = [];
-
-  $('tn-icon').each((_, el) => {
-    const boundName = $(el).attr('[name]');
-    if (!boundName) {
-      return;
-    }
-
-    // Extract the signal/input name from the binding expression
-    // Handles: "icon()", "icon()!", "prefixIcon()!", etc.
-    const inputName = extractInputName(boundName);
-    if (!inputName) {
-      return;
-    }
-
-    const slot: IconSlotMapping = { iconAttribute: inputName };
-
-    // Check for [library] binding on the same <tn-icon>
-    const boundLibrary = $(el).attr('[library]');
-    if (boundLibrary) {
-      const libraryInputName = extractInputName(boundLibrary);
-      if (libraryInputName) {
-        slot.libraryAttribute = libraryInputName;
-
-        // Try to extract the default value from the input declaration in the TS
-        const defaultLibrary = extractInputDefault(tsContent, libraryInputName);
-        if (defaultLibrary) {
-          slot.defaultLibrary = defaultLibrary;
-        }
-      }
-    }
-
-    slots.push(slot);
-  });
-
-  return slots;
-}
-
-/**
- * Extract a simple input/signal name from a template binding expression.
- *
- * Matches patterns like:
- *   "icon()"     -> "icon"
- *   "icon()!"    -> "icon"
- *   "prefixIcon()!" -> "prefixIcon"
- *
- * Returns null for complex expressions (ternaries, method calls with args, etc.)
- * since those represent computed values, not direct input forwarding.
- */
-function extractInputName(expression: string): string | null {
-  const match = /^\s*(\w+)\(\)!?\s*$/.exec(expression);
-  return match ? match[1] : null;
-}
-
-/**
- * Extract the default value from an Angular input declaration.
- *
- * Matches patterns like:
- *   iconLibrary = input<IconLibraryType>('mdi')  -> "mdi"
- *   iconLibrary = input('mdi')                    -> "mdi"
- */
-function extractInputDefault(tsContent: string, inputName: string): string | null {
-  const regex = new RegExp(`${inputName}\\s*=\\s*input[^(]*\\(\\s*['"]([^'"]+)['"]`);
-  const match = regex.exec(tsContent);
-  return match ? match[1] : null;
 }

package/src/styles/themes.css

@@ -483,11 +483,31 @@ textarea.tn-input-directive {
   border-radius: 8px;
   background: var(--tn-bg1, #ffffff);
   color: var(--tn-fg1, #000000);
+  overflow: hidden; /* enforce max-height boundary */
   box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2),
               0 24px 38px 3px rgba(0, 0, 0, 0.14),
               0 9px 46px 8px rgba(0, 0, 0, 0.12);
 }
 
+/*
+ * Propagate the flex / height constraint from .tn-dialog-panel through
+ * the two CDK-generated wrapper elements so tn-dialog-shell can size
+ * itself correctly and .tn-dialog__content can scroll.
+ */
+.tn-dialog-panel > .cdk-dialog-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.tn-dialog-panel > .cdk-dialog-container > :first-child {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
 /* Shell component wrapper */
 tn-dialog-shell {
   display: flex;
@@ -591,15 +611,6 @@ tn-dialog-shell {
   background: rgba(0, 0, 0, 0.5);
 }
 
-/* Container positioning */
-.cdk-dialog-container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100vh;
-  box-sizing: border-box;
-}
-
 /* Fullscreen dialog support */
 .tn-dialog--fullscreen .cdk-dialog-container {
   position: fixed;

package/types/truenas-ui-components.d.ts

@@ -839,38 +839,7 @@ declare enum InputType {
     PlainText = "text"
 }
 
-/**
- * Marker interface for components that forward icon inputs to `<tn-icon>`.
- *
- * When a component implements this interface, the sprite generation scanner
- * will read its template to discover which inputs map to `<tn-icon>` `[name]`
- * and `[library]` bindings, then scan consumer templates for those attributes.
- *
- * This means icons passed as template attributes to these components are
- * automatically included in the sprite — no `tnIconMarker()` needed.
- *
- * @example
- * ```typescript
- * @Component({
- *   selector: 'tn-empty',
- *   templateUrl: './empty.component.html',
- * })
- * export class TnEmptyComponent implements TnIconForwardingComponent {
- *   icon = input<string>();
- *   iconLibrary = input<IconLibraryType>('mdi');
- * }
- * ```
- *
- * The scanner will detect that `tn-empty` forwards `icon` to `<tn-icon [name]>`,
- * so `<tn-empty icon="inbox">` in consumer templates will automatically include
- * `mdi-inbox` in the sprite.
- *
- * @public
- */
-interface TnIconForwardingComponent {
-}
-
-declare class TnInputComponent implements TnIconForwardingComponent, AfterViewInit, ControlValueAccessor {
+declare class TnInputComponent implements AfterViewInit, ControlValueAccessor {
     inputEl: _angular_core.Signal<ElementRef<HTMLInputElement | HTMLTextAreaElement>>;
     inputType: _angular_core.InputSignal<InputType>;
     placeholder: _angular_core.InputSignal<string>;
@@ -1212,7 +1181,7 @@ declare class TnInputDirective {
 }
 
 type ChipColor = 'primary' | 'secondary' | 'accent';
-declare class TnChipComponent implements TnIconForwardingComponent, AfterViewInit, OnDestroy {
+declare class TnChipComponent implements AfterViewInit, OnDestroy {
     chipEl: _angular_core.Signal<ElementRef<HTMLElement>>;
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string | undefined>;
@@ -5552,7 +5521,7 @@ declare class TnFilePickerPopupComponent implements OnInit, AfterViewInit, After
 }
 
 type TnEmptySize = 'default' | 'compact';
-declare class TnEmptyComponent implements TnIconForwardingComponent {
+declare class TnEmptyComponent {
     title: _angular_core.InputSignal<string>;
     description: _angular_core.InputSignal<string | undefined>;
     icon: _angular_core.InputSignal<string | undefined>;
@@ -6100,4 +6069,4 @@ declare const TN_THEME_DEFINITIONS: readonly TnThemeDefinition[];
 declare const THEME_MAP: Map<TnTheme, TnThemeDefinition>;
 
 export { CommonShortcuts, DEFAULT_THEME, DiskIconComponent, DiskType, FileSizePipe, InputType, LIGHT_THEME, LinuxModifierKeys, LinuxShortcuts, ModifierKeys, QuickShortcuts, ShortcutBuilder, StripMntPrefixPipe, THEME_MAP, THEME_STORAGE_KEY, TN_THEME_DEFINITIONS, TnAutocompleteComponent, TnAutocompleteHarness, TnBannerActionDirective, TnBannerComponent, TnBannerHarness, TnBrandedSpinnerComponent, TnButtonComponent, TnButtonHarness, TnButtonToggleComponent, TnButtonToggleGroupComponent, TnButtonToggleGroupHarness, TnButtonToggleHarness, TnCalendarComponent, TnCalendarHeaderComponent, TnCardComponent, TnCellDefDirective, TnCheckboxComponent, TnCheckboxHarness, TnCheckboxLabelDirective, TnChipComponent, TnConfirmDialogComponent, TnDateInputComponent, TnDateInputHarness, TnDateRangeInputComponent, TnDateRangeInputHarness, TnDetailRowDefDirective, TnDialog, TnDialogHarness, TnDialogShellComponent, TnDialogTesting, TnDividerComponent, TnDividerDirective, TnDrawerComponent, TnDrawerContainerComponent, TnDrawerContainerHarness, TnDrawerContentComponent, TnDrawerHarness, TnEmptyComponent, TnEmptyHarness, TnExpansionPanelComponent, TnExpansionPanelHarness, TnFilePickerComponent, TnFilePickerPopupComponent, TnFormFieldComponent, TnFormFieldHarness, TnHeaderCellDefDirective, TnIconButtonComponent, TnIconButtonHarness, TnIconComponent, TnIconHarness, TnIconRegistryService, TnIconTesting, TnInputComponent, TnInputDirective, TnInputHarness, TnKeyboardShortcutComponent, TnKeyboardShortcutService, TnListAvatarDirective, TnListComponent, TnListIconDirective, TnListItemComponent, TnListItemLineDirective, TnListItemPrimaryDirective, TnListItemSecondaryDirective, TnListItemTitleDirective, TnListItemTrailingDirective, TnListOptionComponent, TnListSubheaderComponent, TnMenuActivateHoverDirective, TnMenuComponent, TnMenuHarness, TnMenuTesting, TnMenuTriggerDirective, TnMonthViewComponent, TnMultiYearViewComponent, TnNestedTreeNodeComponent, TnParticleProgressBarComponent, TnProgressBarComponent, TnRadioComponent, TnRadioHarness, TnSelectComponent, TnSelectHarness, TnSelectionListComponent, TnSidePanelActionDirective, TnSidePanelComponent, TnSidePanelHarness, TnSidePanelHeaderActionDirective, TnSlideToggleComponent, TnSlideToggleHarness, TnSliderComponent, TnSliderThumbDirective, TnSliderWithLabelDirective, TnSpinnerComponent, TnSpriteLoaderService, TnStepComponent, TnStepperComponent, TnTabComponent, TnTabHarness, TnTabPanelComponent, TnTabPanelHarness, TnTableColumnDirective, TnTableComponent, TnTableHarness, TnTabsComponent, TnTabsHarness, TnTheme, TnThemeService, TnTimeInputComponent, TnToastComponent, TnToastMock, TnToastPosition, TnToastRef, TnToastService, TnToastTesting, TnToastType, TnTooltipComponent, TnTooltipDirective, TnTreeComponent, TnTreeFlatDataSource, TnTreeFlattener, TnTreeNodeComponent, TnTreeNodeOutletDirective, TruncatePathPipe, WindowsModifierKeys, WindowsShortcuts, createLucideLibrary, createShortcut, defaultSpriteBasePath, defaultSpriteConfigPath, libIconMarker, registerLucideIcons, setupLucideIntegration, tnIconMarker };
-export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CheckboxHarnessFilters, ChipColor, CreateFolderEvent, DateInputHarnessFilters, DateRange, DateRangeInputHarnessFilters, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FilePickerCallbacks, FilePickerError, FilePickerMode, FileSystemItem, FormFieldHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, PathSegment, PlatformType, ProgressBarMode, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, SubscriptSizing, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnBannerType, TnButtonToggleType, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnIconForwardingComponent, TnMenuItem, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnSortEvent, TnTableDataSource, TnTableHarnessFilters, TnThemeDefinition, TnToastCall, TnToastConfig, TooltipPosition, YearCell };
+export type { AutocompleteHarnessFilters, BannerHarnessFilters, ButtonHarnessFilters, ButtonToggleHarnessFilters, CalendarCell, CheckboxHarnessFilters, ChipColor, CreateFolderEvent, DateInputHarnessFilters, DateRange, DateRangeInputHarnessFilters, DialogHarnessFilters, EmptyHarnessFilters, ExpansionPanelHarnessFilters, FilePickerCallbacks, FilePickerError, FilePickerMode, FileSystemItem, FormFieldHarnessFilters, IconButtonHarnessFilters, IconHarnessFilters, IconLibrary, IconLibraryType, IconResult, IconSize, IconSource, IconTestingMockOverrides, InputHarnessFilters, KeyCombination, LabelType, LucideIconOptions, MenuHarnessFilters, MockIconRegistry, MockSpriteLoader, PathSegment, PlatformType, ProgressBarMode, RadioHarnessFilters, ResolvedIcon, SelectHarnessFilters, ShortcutHandler, SidePanelHarnessFilters, SlideToggleColor, SlideToggleHarnessFilters, SpinnerMode, SpriteConfig, SubscriptSizing, TabChangeEvent, TabHarnessFilters, TabPanelHarnessFilters, TabsHarnessFilters, TnBannerType, TnButtonToggleType, TnCardAction, TnCardControl, TnCardFooterLink, TnCardHeaderStatus, TnConfirmDialogData, TnDialogDefaults, TnDialogOpenTarget, TnDrawerMode, TnDrawerPosition, TnEmptySize, TnFlatTreeNode, TnMenuItem, TnSelectOption, TnSelectOptionGroup, TnSelectionChange, TnSortEvent, TnTableDataSource, TnTableHarnessFilters, TnThemeDefinition, TnToastCall, TnToastConfig, TooltipPosition, YearCell };

package/scripts/icon-sprite/__fixtures__/forwarding-components/multi-icon.component.html

@@ -1,7 +0,0 @@
-@if (prefixIcon()) {
-  <tn-icon [name]="prefixIcon()!" [library]="prefixIconLibrary()" />
-}
-<input class="tn-input" />
-@if (suffixIcon()) {
-  <tn-icon [name]="suffixIcon()!" [library]="suffixIconLibrary()" />
-}

package/scripts/icon-sprite/__fixtures__/forwarding-components/multi-icon.component.ts

@@ -1,15 +0,0 @@
-import { Component, input } from '@angular/core';
-import type { TnIconForwardingComponent } from '../icon/icon-forwarding';
-import type { IconLibraryType } from '../icon/icon.component';
-
-@Component({
-  selector: 'tn-input',
-  standalone: true,
-  templateUrl: './multi-icon.component.html',
-})
-export class TnInputComponent implements TnIconForwardingComponent, AfterViewInit {
-  prefixIcon = input<string | undefined>(undefined);
-  prefixIconLibrary = input<IconLibraryType | undefined>(undefined);
-  suffixIcon = input<string | undefined>(undefined);
-  suffixIconLibrary = input<IconLibraryType | undefined>(undefined);
-}

package/scripts/icon-sprite/__fixtures__/forwarding-components/no-library.component.html

@@ -1,3 +0,0 @@
-@if (icon()) {
-  <tn-icon [name]="icon()!" />
-}

package/scripts/icon-sprite/__fixtures__/forwarding-components/no-library.component.ts

@@ -1,11 +0,0 @@
-import { Component, input } from '@angular/core';
-import type { TnIconForwardingComponent } from '../icon/icon-forwarding';
-
-@Component({
-  selector: 'tn-chip',
-  standalone: true,
-  templateUrl: './no-library.component.html',
-})
-export class TnChipComponent implements TnIconForwardingComponent {
-  icon = input<string | undefined>(undefined);
-}

package/scripts/icon-sprite/__fixtures__/forwarding-components/not-forwarding.component.html

@@ -1 +0,0 @@
-<button class="tn-button">{{ label() }}</button>