@hashicorp/design-system-components 6.2.0 → 6.3.0-rc-20260514101332

package/dist/services/hds-icon-registry.js

@@ -0,0 +1,436 @@
+import Service from '@ember/service';
+import { assert } from '@ember/debug';
+import { TrackedMap } from 'tracked-built-ins';
+import { ROOT_ID } from '../instance-initializers/load-sprite-empty.js';
+import '../components/hds/accordion/index.js';
+import '../components/hds/accordion/item/index.js';
+import '../index-DtMB-P9m.js';
+import '../components/hds/advanced-table/td.js';
+import '../components/hds/advanced-table/th-button-sort.js';
+import '../components/hds/advanced-table/th-button-tooltip.js';
+import '../components/hds/advanced-table/th-button-expand.js';
+import '../components/hds/alert/index.js';
+import '../components/hds/alert/description.js';
+import '../components/hds/alert/title.js';
+import '../components/hds/app-footer/index.js';
+import '../components/hds/app-footer/copyright.js';
+import '../components/hds/app-footer/item.js';
+import '../components/hds/app-footer/legal-links.js';
+import '../components/hds/app-footer/link.js';
+import '../components/hds/app-footer/status-link.js';
+import '../components/hds/app-header/index.js';
+import '../components/hds/app-header/home-link.js';
+import '../components/hds/app-header/menu-button.js';
+import '../components/hds/app-side-nav/index.js';
+import '../components/hds/app-side-nav/toggle-button.js';
+import '../components/hds/app-side-nav/portal/index.js';
+import '../components/hds/app-side-nav/portal/target.js';
+import '../components/hds/app-side-nav/list/index.js';
+import '../components/hds/app-side-nav/list/item.js';
+import '../components/hds/app-side-nav/list/back-link.js';
+import '../components/hds/app-side-nav/list/title.js';
+import '../components/hds/app-side-nav/list/link.js';
+import '../components/hds/application-state/index.js';
+import '../components/hds/application-state/body.js';
+import '../components/hds/application-state/footer.js';
+import '../components/hds/application-state/header.js';
+import '../components/hds/application-state/media.js';
+import '../components/hds/badge/index.js';
+import '../components/hds/badge-count/index.js';
+import '../components/hds/breadcrumb/index.js';
+import '../components/hds/breadcrumb/item.js';
+import '../components/hds/breadcrumb/truncation.js';
+import '../components/hds/button/index.js';
+import '../components/hds/button-set/index.js';
+import '../components/hds/card/container.js';
+import '../components/hds/code-block/index.js';
+import '../components/hds/code-block/copy-button.js';
+import '../components/hds/code-block/description.js';
+import '../components/hds/code-block/title.js';
+import '../components/hds/code-editor/index.js';
+import '../components/hds/code-editor/description.js';
+import '../components/hds/code-editor/title.js';
+import '../components/hds/code-editor/full-screen-button.js';
+import '../components/hds/composite/index.js';
+import '../components/hds/copy/button/index.js';
+import '../components/hds/copy/snippet/index.js';
+import '../components/hds/dropdown/index.js';
+import '../components/hds/dropdown/footer.js';
+import '../components/hds/dropdown/header.js';
+import '../components/hds/dropdown/list-item/checkbox.js';
+import '../components/hds/dropdown/list-item/checkmark.js';
+import '../components/hds/dropdown/list-item/copy-item.js';
+import '../components/hds/dropdown/list-item/description.js';
+import '../components/hds/dropdown/list-item/generic.js';
+import '../components/hds/dropdown/list-item/interactive.js';
+import '../components/hds/dropdown/list-item/radio.js';
+import '../components/hds/dropdown/list-item/separator.js';
+import '../components/hds/dropdown/list-item/title.js';
+import '../components/hds/dropdown/toggle/button.js';
+import '../components/hds/dropdown/toggle/icon.js';
+import '../components/hds/dropdown/types.js';
+import '../components/hds/filter-bar/index.js';
+import '../components/hds/filter-bar/actions-dropdown.js';
+import '../components/hds/filter-bar/applied-filters.js';
+import '../components/hds/filter-bar/filters-dropdown.js';
+import '../components/hds/filter-bar/filter-group/index.js';
+import '../components/hds/filter-bar/filter-group/checkbox.js';
+import '../components/hds/filter-bar/filter-group/clear-button.js';
+import '../components/hds/filter-bar/filter-group/date.js';
+import '../components/hds/filter-bar/filter-group/generic.js';
+import '../components/hds/filter-bar/filter-group/radio.js';
+import '../components/hds/filter-bar/filter-group/numerical.js';
+import '../components/hds/filter-bar/tabs/index.js';
+import '../components/hds/filter-bar/tabs/panel.js';
+import '../components/hds/filter-bar/tabs/tab.js';
+import '../components/hds/flyout/index.js';
+import '../components/hds/form/index.js';
+import '../components/hds/form/footer/index.js';
+import '../components/hds/form/header/index.js';
+import '../components/hds/form/header/title.js';
+import '../components/hds/form/header/description.js';
+import '../components/hds/form/section/index.js';
+import '../components/hds/form/section/header.js';
+import '../components/hds/form/section/multi-field-group/index.js';
+import '../components/hds/form/section/multi-field-group/item.js';
+import '../components/hds/form/separator/index.js';
+import '../components/hds/form/character-count/index.js';
+import '../components/hds/form/error/index.js';
+import '../components/hds/form/error/message.js';
+import '../components/hds/form/field/index.js';
+import '../components/hds/form/fieldset/index.js';
+import '../components/hds/form/helper-text/index.js';
+import '../components/hds/form/indicator/index.js';
+import '../components/hds/form/label/index.js';
+import '../components/hds/form/legend/index.js';
+import '../components/hds/form/visibility-toggle/index.js';
+import '../components/hds/form/checkbox/base.js';
+import '../components/hds/form/checkbox/field.js';
+import '../components/hds/form/checkbox/group.js';
+import '../components/hds/form/file-input/base.js';
+import '../components/hds/form/file-input/field.js';
+import '../components/hds/form/key-value-inputs/index.js';
+import '../components/hds/form/key-value-inputs/add-row-button.js';
+import '../components/hds/form/key-value-inputs/delete-row-button.js';
+import '../components/hds/form/key-value-inputs/field.js';
+import '../components/hds/form/key-value-inputs/generic.js';
+import '../components/hds/form/masked-input/base.js';
+import '../components/hds/form/masked-input/field.js';
+import '../components/hds/form/radio/base.js';
+import '../components/hds/form/radio/field.js';
+import '../components/hds/form/radio/group.js';
+import '../components/hds/form/radio-card/index.js';
+import '../components/hds/form/radio-card/group.js';
+import '../components/hds/form/radio-card/description.js';
+import '../components/hds/form/radio-card/label.js';
+import '../components/hds/form/select/base.js';
+import '../components/hds/form/select/field.js';
+import '../components/hds/form/super-select/single/base.js';
+import '../components/hds/form/super-select/single/field.js';
+import '../components/hds/form/super-select/multiple/base.js';
+import '../components/hds/form/super-select/multiple/field.js';
+import '../components/hds/form/super-select/after-options.js';
+import '../components/hds/form/super-select/option-group.js';
+import '../components/hds/form/super-select/placeholder.js';
+import '../components/hds/form/super-select/types.js';
+import '../components/hds/form/textarea/base.js';
+import '../components/hds/form/textarea/field.js';
+import '../components/hds/form/text-input/base.js';
+import '../components/hds/form/text-input/field.js';
+import '../components/hds/form/toggle/base.js';
+import '../components/hds/form/toggle/field.js';
+import '../components/hds/form/toggle/group.js';
+import '../components/hds/icon/index.js';
+import { HdsIconLibraryValues } from '../components/hds/icon/types.js';
+import '../components/hds/icon-tile/index.js';
+import '../components/hds/link/inline.js';
+import '../components/hds/link/standalone.js';
+import '../components/hds/modal/index.js';
+import '../components/hds/page-header/index.js';
+import '../components/hds/page-header/actions.js';
+import '../components/hds/page-header/badges.js';
+import '../components/hds/page-header/description.js';
+import '../components/hds/page-header/subtitle.js';
+import '../components/hds/page-header/title.js';
+import '../components/hds/pagination/compact/index.js';
+import '../components/hds/pagination/info/index.js';
+import '../components/hds/pagination/nav/arrow.js';
+import '../components/hds/pagination/nav/ellipsis.js';
+import '../components/hds/pagination/nav/number.js';
+import '../components/hds/pagination/numbered/index.js';
+import '../components/hds/pagination/size-selector/index.js';
+import '../components/hds/pagination/types.js';
+import '../components/hds/reveal/index.js';
+import '../components/hds/reveal/toggle/button.js';
+import '../components/hds/rich-tooltip/index.js';
+import '../components/hds/rich-tooltip/bubble.js';
+import '../components/hds/rich-tooltip/toggle.js';
+import '../components/hds/segmented-group/index.js';
+import '../components/hds/separator/index.js';
+import '../components/hds/stepper/list/index.js';
+import '../components/hds/stepper/list/step.js';
+import '../components/hds/stepper/nav/index.js';
+import '../components/hds/stepper/nav/panel.js';
+import '../components/hds/stepper/nav/step.js';
+import '../components/hds/stepper/step/indicator.js';
+import '../components/hds/stepper/task/indicator.js';
+import '../components/hds/stepper/types.js';
+import '../components/hds/table/index.js';
+import '../components/hds/table/td.js';
+import '../components/hds/table/th.js';
+import '../components/hds/table/th-button-sort.js';
+import '../components/hds/table/th-button-tooltip.js';
+import '../components/hds/table/th-selectable.js';
+import '../components/hds/table/th-sort.js';
+import '../components/hds/table/tr.js';
+import '../components/hds/tabs/index.js';
+import '../components/hds/tabs/panel.js';
+import '../components/hds/tabs/tab.js';
+import '../components/hds/tag/index.js';
+import '../components/hds/text/index.js';
+import '../components/hds/text/body.js';
+import '../components/hds/text/code.js';
+import '../components/hds/text/display.js';
+import '../components/hds/theme-context/index.js';
+import '../components/hds/theme-switcher/index.js';
+import '../components/hds/time/index.js';
+import '../components/hds/time/single.js';
+import '../components/hds/time/range.js';
+import '../components/hds/toast/index.js';
+import '../components/hds/tooltip-button/index.js';
+import '../components/hds/app-frame/index.js';
+import '../components/hds/app-frame/parts/footer.js';
+import '../components/hds/app-frame/parts/header.js';
+import '../components/hds/app-frame/parts/main.js';
+import '../components/hds/app-frame/parts/modals.js';
+import '../components/hds/app-frame/parts/sidebar.js';
+import '../components/hds/layout/flex/index.js';
+import '../components/hds/layout/flex/item.js';
+import '../components/hds/layout/grid/index.js';
+import '../components/hds/layout/grid/item.js';
+import '../components/hds/dialog-primitive/body.js';
+import '../components/hds/dialog-primitive/description.js';
+import '../components/hds/dialog-primitive/footer.js';
+import '../components/hds/dialog-primitive/header.js';
+import '../components/hds/dialog-primitive/overlay.js';
+import '../components/hds/dialog-primitive/wrapper.js';
+import '../components/hds/disclosure-primitive/index.js';
+import '../components/hds/dismiss-button/index.js';
+import '../components/hds/interactive/index.js';
+import '../components/hds/popover-primitive/index.js';
+import { IconRegistry } from '@hashicorp/flight-icons/symbol-js/registry';
+
+var HdsIconRegistryLoadStatusValues = /*#__PURE__*/function (HdsIconRegistryLoadStatusValues) {
+  HdsIconRegistryLoadStatusValues["Queued"] = "queued";
+  // request received and waiting in the queue
+  HdsIconRegistryLoadStatusValues["Loaded"] = "loaded";
+  // icon has been loaded and injected into the DOM
+  HdsIconRegistryLoadStatusValues["Error"] = "error"; // icon failed to load or inject
+  return HdsIconRegistryLoadStatusValues;
+}(HdsIconRegistryLoadStatusValues || {});
+const HAS_DOM = typeof window !== 'undefined' && typeof document !== 'undefined';
+
+// important: if you update this function, update the identical one in `packages/flight-icons/scripts/build-parts/generateBundleSymbolJS.ts` as well (and vice versa)
+function makeDomSafeId(value) {
+  return value.replace(/[^a-zA-Z0-9_-]/g, '-');
+}
+
+// important: if you update this function, update the identical one in `packages/flight-icons/scripts/build-parts/generateBundleSymbolJS.ts` as well (and vice versa)
+function makeSymbolIdFromKey(key) {
+  return `hds-icon-${makeDomSafeId(key)}`;
+}
+
+// we scale with available CPU cores when possible, clamped to a safe range.
+const MAX_CONCURRENT_LOADS_CAP = 32;
+const MAX_CONCURRENT_LOADS = Math.min(MAX_CONCURRENT_LOADS_CAP, Math.max(8, (typeof navigator !== 'undefined' ? navigator.hardwareConcurrency : 0) * 2));
+const PARSER = new DOMParser();
+class HdsIconRegistryService extends Service {
+  _entries = new TrackedMap();
+
+  // queue
+  _queue = [];
+  _activeCount = 0;
+  _maxConcurrent = MAX_CONCURRENT_LOADS;
+
+  // batched DOM injection
+  _pendingByKey = new Map();
+  _flushScheduled = false;
+  _spriteRoot = null;
+  _setEntryStatus(key, symbolId, status, error) {
+    this._entries.set(key, {
+      symbolId,
+      status,
+      error
+    });
+  }
+  _getSpriteRoot() {
+    if (!HAS_DOM) {
+      return null;
+    }
+    if (this._spriteRoot) {
+      return this._spriteRoot;
+    }
+    this._spriteRoot = document.getElementById(ROOT_ID);
+    if (this._spriteRoot === null) {
+      console.warn(`HDS Icon Registry: Sprite root element with ID "${ROOT_ID}" not found in DOM.`);
+    }
+    return this._spriteRoot;
+  }
+  _makeKey({
+    library,
+    name,
+    size
+  }) {
+    return library === HdsIconLibraryValues.Flight ? `${library}-${name}-${size}` : `${library}-${name}`;
+  }
+  getSymbolId(definition) {
+    const key = this._makeKey(definition);
+    const entry = this._entries.get(key);
+
+    // if loaded, return the ID
+    if (entry?.status === HdsIconRegistryLoadStatusValues.Loaded) {
+      return entry.symbolId;
+    }
+    return null;
+  }
+  requestLoad(definition) {
+    const key = this._makeKey(definition);
+    if (this._entries.has(key)) {
+      return;
+    }
+    const loader = this._resolveLoader(definition);
+
+    // defer the write to a microtask
+    void Promise.resolve().then(() => {
+      // re-check existence (state might have changed in the microsecond interim)
+      if (this._entries.has(key)) {
+        return;
+      }
+      const symbolId = makeSymbolIdFromKey(key);
+      if (this._symbolExists(symbolId)) {
+        this._setEntryStatus(key, symbolId, HdsIconRegistryLoadStatusValues.Loaded);
+        return;
+      }
+      if (!HAS_DOM) {
+        return;
+      }
+      this._setEntryStatus(key, symbolId, HdsIconRegistryLoadStatusValues.Queued);
+      this._queue.push({
+        key,
+        loader
+      });
+      this._drainQueue();
+    });
+  }
+  _resolveLoader({
+    name,
+    library,
+    size
+  }) {
+    const entry = IconRegistry[name];
+    if (library === HdsIconLibraryValues.Carbon) {
+      const carbonLoader = entry.carbon;
+      assert(`Carbon icon not available for "${name}".`, carbonLoader !== null);
+      return carbonLoader;
+    } else {
+      const flightLoader = entry.flight[size];
+      assert(`Flight icon not available for "${name}" with size "${size}".`, flightLoader !== undefined);
+      return flightLoader;
+    }
+  }
+  _drainQueue() {
+    while (this._activeCount < this._maxConcurrent && this._queue.length > 0) {
+      const next = this._queue.shift();
+      void this._runQueuedLoad(next.key, next.loader);
+    }
+  }
+  async _runQueuedLoad(key, loader) {
+    const entry = this._entries.get(key);
+    if (entry === undefined) {
+      return;
+    }
+    const {
+      symbolId
+    } = entry;
+    if (this._symbolExists(symbolId)) {
+      this._setEntryStatus(key, symbolId, HdsIconRegistryLoadStatusValues.Loaded);
+      return;
+    }
+    this._activeCount++;
+    try {
+      const mod = await loader();
+      const markup = mod.default;
+
+      // buffer markup for batched injection
+      this._pendingByKey.set(key, {
+        symbolId,
+        markup
+      });
+      this._scheduleFlush();
+    } catch (error) {
+      this._setEntryStatus(key, symbolId, HdsIconRegistryLoadStatusValues.Error, error);
+    } finally {
+      this._activeCount--;
+      this._drainQueue();
+    }
+  }
+  _symbolExists(symbolId) {
+    return HAS_DOM ? document.getElementById(symbolId) !== null : false;
+  }
+  _scheduleFlush() {
+    if (this._flushScheduled || !HAS_DOM) {
+      return;
+    }
+    this._flushScheduled = true;
+
+    // one flush per frame
+    window.requestAnimationFrame(() => {
+      this._flushScheduled = false;
+      const root = this._getSpriteRoot();
+      if (root === null || this._pendingByKey.size === 0) {
+        return;
+      }
+
+      // combine into one insertion
+      let combined = '';
+      const keysToUpdate = [];
+      for (const [key, {
+        symbolId,
+        markup
+      }] of this._pendingByKey) {
+        if (!this._symbolExists(symbolId)) {
+          combined += markup;
+          keysToUpdate.push(key);
+        }
+      }
+      this._pendingByKey.clear();
+      if (combined.length > 0) {
+        try {
+          const svgDoc = PARSER.parseFromString(`<svg xmlns="http://www.w3.org/2000/svg">${combined}</svg>`, 'image/svg+xml');
+          const fragment = document.createDocumentFragment();
+          while (svgDoc.documentElement.firstChild) {
+            fragment.appendChild(svgDoc.documentElement.firstChild);
+          }
+          root.appendChild(fragment);
+          for (const key of keysToUpdate) {
+            const entry = this._entries.get(key);
+            if (entry) {
+              this._setEntryStatus(key, entry.symbolId, HdsIconRegistryLoadStatusValues.Loaded);
+            }
+          }
+        } catch (error) {
+          console.error('HDS Icon Registry: Failed to inject batch', error);
+          for (const key of keysToUpdate) {
+            const entry = this._entries.get(key);
+            if (entry) {
+              this._setEntryStatus(key, entry.symbolId, HdsIconRegistryLoadStatusValues.Error, error);
+            }
+          }
+        }
+      }
+    });
+  }
+}
+
+export { ROOT_ID, HdsIconRegistryService as default, makeDomSafeId, makeSymbolIdFromKey };
+//# sourceMappingURL=hds-icon-registry.js.map

package/dist/services/hds-icon-registry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hds-icon-registry.js","sources":["../../src/services/hds-icon-registry.ts"],"sourcesContent":["import Service from '@ember/service';\nimport { assert } from '@ember/debug';\nimport { TrackedMap } from 'tracked-built-ins';\nimport { ROOT_ID } from '../instance-initializers/load-sprite-empty.ts';\nimport { HdsIconLibraryValues } from '../components.ts';\nimport { IconRegistry } from '@hashicorp/flight-icons/symbol-js/registry';\n\nimport type { IconName } from '@hashicorp/flight-icons/svg/index';\nimport type {\n  HdsIconLoader,\n  HdsIconLibraries,\n  HdsIconSizes,\n} from '../components';\n\nenum HdsIconRegistryLoadStatusValues {\n  Queued = 'queued', // request received and waiting in the queue\n  Loaded = 'loaded', // icon has been loaded and injected into the DOM\n  Error = 'error', // icon failed to load or inject\n}\n\ntype HdsIconRegistryEntry = {\n  status: HdsIconRegistryLoadStatusValues;\n  symbolId: string;\n  error?: unknown;\n};\n\nexport interface HdsIconDefinition {\n  name: IconName;\n  library: HdsIconLibraries;\n  size: HdsIconSizes;\n}\n\n// re-export the ROOT_ID for use in tests\nexport { ROOT_ID };\n\nconst HAS_DOM =\n  typeof window !== 'undefined' && typeof document !== 'undefined';\n\n// important: if you update this function, update the identical one in `packages/flight-icons/scripts/build-parts/generateBundleSymbolJS.ts` as well (and vice versa)\nexport function makeDomSafeId(value: string): string {\n  return value.replace(/[^a-zA-Z0-9_-]/g, '-');\n}\n\n// important: if you update this function, update the identical one in `packages/flight-icons/scripts/build-parts/generateBundleSymbolJS.ts` as well (and vice versa)\nexport function makeSymbolIdFromKey(key: string): string {\n  return `hds-icon-${makeDomSafeId(key)}`;\n}\n\n// we scale with available CPU cores when possible, clamped to a safe range.\nconst MAX_CONCURRENT_LOADS_CAP = 32;\nconst MAX_CONCURRENT_LOADS = Math.min(\n  MAX_CONCURRENT_LOADS_CAP,\n  Math.max(\n    8,\n    (typeof navigator !== 'undefined' ? navigator.hardwareConcurrency : 0) * 2\n  )\n);\n\nconst PARSER = new DOMParser();\n\nexport default class HdsIconRegistryService extends Service {\n  private _entries = new TrackedMap<string, HdsIconRegistryEntry>();\n\n  // queue\n  private _queue: Array<{ key: string; loader: HdsIconLoader }> = [];\n  private _activeCount = 0;\n  private readonly _maxConcurrent = MAX_CONCURRENT_LOADS;\n\n  // batched DOM injection\n  private _pendingByKey = new Map<\n    string,\n    { symbolId: string; markup: string }\n  >();\n  private _flushScheduled = false;\n\n  private _spriteRoot: SVGSVGElement | null = null;\n\n  private _setEntryStatus(\n    key: string,\n    symbolId: string,\n    status: HdsIconRegistryLoadStatusValues,\n    error?: unknown\n  ): void {\n    this._entries.set(key, {\n      symbolId,\n      status,\n      error,\n    });\n  }\n\n  private _getSpriteRoot(): SVGSVGElement | null {\n    if (!HAS_DOM) {\n      return null;\n    }\n\n    if (this._spriteRoot) {\n      return this._spriteRoot;\n    }\n\n    this._spriteRoot = document.getElementById(ROOT_ID) as SVGSVGElement | null;\n\n    if (this._spriteRoot === null) {\n      console.warn(\n        `HDS Icon Registry: Sprite root element with ID \"${ROOT_ID}\" not found in DOM.`\n      );\n    }\n\n    return this._spriteRoot;\n  }\n\n  private _makeKey({ library, name, size }: HdsIconDefinition): string {\n    return library === HdsIconLibraryValues.Flight\n      ? `${library}-${name}-${size}`\n      : `${library}-${name}`;\n  }\n\n  getSymbolId(definition: HdsIconDefinition): string | null {\n    const key = this._makeKey(definition);\n    const entry = this._entries.get(key);\n\n    // if loaded, return the ID\n    if (entry?.status === HdsIconRegistryLoadStatusValues.Loaded) {\n      return entry.symbolId;\n    }\n\n    return null;\n  }\n\n  requestLoad(definition: HdsIconDefinition): void {\n    const key = this._makeKey(definition);\n\n    if (this._entries.has(key)) {\n      return;\n    }\n\n    const loader = this._resolveLoader(definition);\n\n    // defer the write to a microtask\n    void Promise.resolve().then(() => {\n      // re-check existence (state might have changed in the microsecond interim)\n      if (this._entries.has(key)) {\n        return;\n      }\n\n      const symbolId = makeSymbolIdFromKey(key);\n\n      if (this._symbolExists(symbolId)) {\n        this._setEntryStatus(\n          key,\n          symbolId,\n          HdsIconRegistryLoadStatusValues.Loaded\n        );\n        return;\n      }\n\n      if (!HAS_DOM) {\n        return;\n      }\n\n      this._setEntryStatus(\n        key,\n        symbolId,\n        HdsIconRegistryLoadStatusValues.Queued\n      );\n\n      this._queue.push({ key, loader });\n      this._drainQueue();\n    });\n  }\n\n  private _resolveLoader({\n    name,\n    library,\n    size,\n  }: HdsIconDefinition): HdsIconLoader {\n    const entry = IconRegistry[name];\n\n    if (library === HdsIconLibraryValues.Carbon) {\n      const carbonLoader = entry.carbon;\n\n      assert(`Carbon icon not available for \"${name}\".`, carbonLoader !== null);\n\n      return carbonLoader;\n    } else {\n      const flightLoader = entry.flight[size];\n\n      assert(\n        `Flight icon not available for \"${name}\" with size \"${size}\".`,\n        flightLoader !== undefined\n      );\n\n      return flightLoader;\n    }\n  }\n\n  private _drainQueue(): void {\n    while (this._activeCount < this._maxConcurrent && this._queue.length > 0) {\n      const next = this._queue.shift()!;\n\n      void this._runQueuedLoad(next.key, next.loader);\n    }\n  }\n\n  private async _runQueuedLoad(\n    key: string,\n    loader: HdsIconLoader\n  ): Promise<void> {\n    const entry = this._entries.get(key);\n\n    if (entry === undefined) {\n      return;\n    }\n\n    const { symbolId } = entry;\n\n    if (this._symbolExists(symbolId)) {\n      this._setEntryStatus(\n        key,\n        symbolId,\n        HdsIconRegistryLoadStatusValues.Loaded\n      );\n      return;\n    }\n\n    this._activeCount++;\n\n    try {\n      const mod = await loader();\n      const markup = mod.default;\n\n      // buffer markup for batched injection\n      this._pendingByKey.set(key, { symbolId, markup });\n      this._scheduleFlush();\n    } catch (error) {\n      this._setEntryStatus(\n        key,\n        symbolId,\n        HdsIconRegistryLoadStatusValues.Error,\n        error\n      );\n    } finally {\n      this._activeCount--;\n      this._drainQueue();\n    }\n  }\n\n  private _symbolExists(symbolId: string): boolean {\n    return HAS_DOM ? document.getElementById(symbolId) !== null : false;\n  }\n\n  private _scheduleFlush(): void {\n    if (this._flushScheduled || !HAS_DOM) {\n      return;\n    }\n\n    this._flushScheduled = true;\n\n    // one flush per frame\n    window.requestAnimationFrame(() => {\n      this._flushScheduled = false;\n\n      const root = this._getSpriteRoot();\n\n      if (root === null || this._pendingByKey.size === 0) {\n        return;\n      }\n\n      // combine into one insertion\n      let combined = '';\n      const keysToUpdate: string[] = [];\n\n      for (const [key, { symbolId, markup }] of this._pendingByKey) {\n        if (!this._symbolExists(symbolId)) {\n          combined += markup;\n\n          keysToUpdate.push(key);\n        }\n      }\n\n      this._pendingByKey.clear();\n\n      if (combined.length > 0) {\n        try {\n          const svgDoc = PARSER.parseFromString(\n            `<svg xmlns=\"http://www.w3.org/2000/svg\">${combined}</svg>`,\n            'image/svg+xml'\n          );\n\n          const fragment = document.createDocumentFragment();\n          while (svgDoc.documentElement.firstChild) {\n            fragment.appendChild(svgDoc.documentElement.firstChild);\n          }\n\n          root.appendChild(fragment);\n\n          for (const key of keysToUpdate) {\n            const entry = this._entries.get(key);\n            if (entry) {\n              this._setEntryStatus(\n                key,\n                entry.symbolId,\n                HdsIconRegistryLoadStatusValues.Loaded\n              );\n            }\n          }\n        } catch (error) {\n          console.error('HDS Icon Registry: Failed to inject batch', error);\n\n          for (const key of keysToUpdate) {\n            const entry = this._entries.get(key);\n\n            if (entry) {\n              this._setEntryStatus(\n                key,\n                entry.symbolId,\n                HdsIconRegistryLoadStatusValues.Error,\n                error\n              );\n            }\n          }\n        }\n      }\n    });\n  }\n}\n"],"names":["HdsIconRegistryLoadStatusValues","HAS_DOM","window","document","makeDomSafeId","value","replace","makeSymbolIdFromKey","key","MAX_CONCURRENT_LOADS_CAP","MAX_CONCURRENT_LOADS","Math","min","max","navigator","hardwareConcurrency","PARSER","DOMParser","HdsIconRegistryService","Service","_entries","TrackedMap","_queue","_activeCount","_maxConcurrent","_pendingByKey","Map","_flushScheduled","_spriteRoot","_setEntryStatus","symbolId","status","error","set","_getSpriteRoot","getElementById","ROOT_ID","console","warn","_makeKey","library","name","size","HdsIconLibraryValues","Flight","getSymbolId","definition","entry","get","Loaded","requestLoad","has","loader","_resolveLoader","Promise","resolve","then","_symbolExists","Queued","push","_drainQueue","IconRegistry","Carbon","carbonLoader","carbon","assert","flightLoader","flight","undefined","length","next","shift","_runQueuedLoad","mod","markup","default","_scheduleFlush","Error","requestAnimationFrame","root","combined","keysToUpdate","clear","svgDoc","parseFromString","fragment","createDocumentFragment","documentElement","firstChild","appendChild"],"mappings":"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"}

package/dist/services/hds-intl.js

@@ -4,7 +4,7 @@ import { isPresent } from '@ember/utils';
 import { assert } from '@ember/debug';
 
 /**
- * Copyright IBM Corp. 2021, 2025
+ * Copyright IBM Corp. 2021, 2026
  * SPDX-License-Identifier: MPL-2.0
  */
 

package/dist/services/hds-intl.js.map

@@ -1 +1 @@
-{"version":3,"file":"hds-intl.js","sources":["../../src/services/hds-intl.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2025\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Service from '@ember/service';\nimport { getOwner } from '@ember/owner';\nimport { isPresent } from '@ember/utils';\nimport { assert } from '@ember/debug';\n\nimport type { IntlService } from 'ember-intl';\n\ntype IntlTOptions = Parameters<IntlService['t']>[1];\n\nexport type HdsIntlTOptions = IntlTOptions & {\n  default: string;\n};\n\nexport default class HdsIntlService extends Service {\n  get intl(): IntlService | undefined {\n    const owner = getOwner(this);\n\n    if (\n      typeof owner?.factoryFor === 'function' &&\n      owner.factoryFor('service:intl')\n    ) {\n      return owner.lookup('service:intl');\n    }\n\n    return undefined;\n  }\n\n  t(key: string, options: HdsIntlTOptions): string {\n    const { default: defaultString, ...restOptions } = options;\n\n    assert(\n      'HdsIntlService requires a key as the first positional argument',\n      typeof key === 'string' && isPresent(key)\n    );\n\n    // try to use ember-intl if available and a translation key exists\n    if (this.intl !== undefined) {\n      const localeIsSet = this.intl.locales && this.intl.locales.length > 0;\n\n      if (localeIsSet && this.intl.exists(key)) {\n        return this.intl.t(key, restOptions);\n      }\n    }\n\n    return defaultString;\n  }\n}\n"],"names":["HdsIntlService","Service","intl","owner","getOwner","factoryFor","lookup","undefined","t","key","options","default","defaultString","restOptions","assert","isPresent","localeIsSet","locales","length","exists"],"mappings":";;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,cAAc,SAASC,OAAO,CAAC;EAClD,IAAIC,IAAIA,GAA4B;AAClC,IAAA,MAAMC,KAAK,GAAGC,QAAQ,CAAC,IAAI,CAAC;AAE5B,IAAA,IACE,OAAOD,KAAK,EAAEE,UAAU,KAAK,UAAU,IACvCF,KAAK,CAACE,UAAU,CAAC,cAAc,CAAC,EAChC;AACA,MAAA,OAAOF,KAAK,CAACG,MAAM,CAAC,cAAc,CAAC;AACrC,IAAA;AAEA,IAAA,OAAOC,SAAS;AAClB,EAAA;AAEAC,EAAAA,CAACA,CAACC,GAAW,EAAEC,OAAwB,EAAU;IAC/C,MAAM;AAAEC,MAAAA,OAAO,EAAEC,aAAa;MAAE,GAAGC;AAAY,KAAC,GAAGH,OAAO;AAE1DI,IAAAA,MAAM,CACJ,gEAAgE,EAChE,OAAOL,GAAG,KAAK,QAAQ,IAAIM,SAAS,CAACN,GAAG,CAC1C,CAAC;;AAED;AACA,IAAA,IAAI,IAAI,CAACP,IAAI,KAAKK,SAAS,EAAE;AAC3B,MAAA,MAAMS,WAAW,GAAG,IAAI,CAACd,IAAI,CAACe,OAAO,IAAI,IAAI,CAACf,IAAI,CAACe,OAAO,CAACC,MAAM,GAAG,CAAC;MAErE,IAAIF,WAAW,IAAI,IAAI,CAACd,IAAI,CAACiB,MAAM,CAACV,GAAG,CAAC,EAAE;QACxC,OAAO,IAAI,CAACP,IAAI,CAACM,CAAC,CAACC,GAAG,EAAEI,WAAW,CAAC;AACtC,MAAA;AACF,IAAA;AAEA,IAAA,OAAOD,aAAa;AACtB,EAAA;AACF;;;;"}
+{"version":3,"file":"hds-intl.js","sources":["../../src/services/hds-intl.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2021, 2026\n * SPDX-License-Identifier: MPL-2.0\n */\n\nimport Service from '@ember/service';\nimport { getOwner } from '@ember/owner';\nimport { isPresent } from '@ember/utils';\nimport { assert } from '@ember/debug';\n\nimport type { IntlService } from 'ember-intl';\n\ntype IntlTOptions = Parameters<IntlService['t']>[1];\n\nexport type HdsIntlTOptions = IntlTOptions & {\n  default: string;\n};\n\nexport default class HdsIntlService extends Service {\n  get intl(): IntlService | undefined {\n    const owner = getOwner(this);\n\n    if (\n      typeof owner?.factoryFor === 'function' &&\n      owner.factoryFor('service:intl')\n    ) {\n      return owner.lookup('service:intl');\n    }\n\n    return undefined;\n  }\n\n  t(key: string, options: HdsIntlTOptions): string {\n    const { default: defaultString, ...restOptions } = options;\n\n    assert(\n      'HdsIntlService requires a key as the first positional argument',\n      typeof key === 'string' && isPresent(key)\n    );\n\n    // try to use ember-intl if available and a translation key exists\n    if (this.intl !== undefined) {\n      const localeIsSet = this.intl.locales && this.intl.locales.length > 0;\n\n      if (localeIsSet && this.intl.exists(key)) {\n        return this.intl.t(key, restOptions);\n      }\n    }\n\n    return defaultString;\n  }\n}\n"],"names":["HdsIntlService","Service","intl","owner","getOwner","factoryFor","lookup","undefined","t","key","options","default","defaultString","restOptions","assert","isPresent","localeIsSet","locales","length","exists"],"mappings":";;;;;AAAA;AACA;AACA;AACA;;AAee,MAAMA,cAAc,SAASC,OAAO,CAAC;EAClD,IAAIC,IAAIA,GAA4B;AAClC,IAAA,MAAMC,KAAK,GAAGC,QAAQ,CAAC,IAAI,CAAC;AAE5B,IAAA,IACE,OAAOD,KAAK,EAAEE,UAAU,KAAK,UAAU,IACvCF,KAAK,CAACE,UAAU,CAAC,cAAc,CAAC,EAChC;AACA,MAAA,OAAOF,KAAK,CAACG,MAAM,CAAC,cAAc,CAAC;AACrC,IAAA;AAEA,IAAA,OAAOC,SAAS;AAClB,EAAA;AAEAC,EAAAA,CAACA,CAACC,GAAW,EAAEC,OAAwB,EAAU;IAC/C,MAAM;AAAEC,MAAAA,OAAO,EAAEC,aAAa;MAAE,GAAGC;AAAY,KAAC,GAAGH,OAAO;AAE1DI,IAAAA,MAAM,CACJ,gEAAgE,EAChE,OAAOL,GAAG,KAAK,QAAQ,IAAIM,SAAS,CAACN,GAAG,CAC1C,CAAC;;AAED;AACA,IAAA,IAAI,IAAI,CAACP,IAAI,KAAKK,SAAS,EAAE;AAC3B,MAAA,MAAMS,WAAW,GAAG,IAAI,CAACd,IAAI,CAACe,OAAO,IAAI,IAAI,CAACf,IAAI,CAACe,OAAO,CAACC,MAAM,GAAG,CAAC;MAErE,IAAIF,WAAW,IAAI,IAAI,CAACd,IAAI,CAACiB,MAAM,CAACV,GAAG,CAAC,EAAE;QACxC,OAAO,IAAI,CAACP,IAAI,CAACM,CAAC,CAACC,GAAG,EAAEI,WAAW,CAAC;AACtC,MAAA;AACF,IAAA;AAEA,IAAA,OAAOD,aAAa;AACtB,EAAA;AACF;;;;"}

package/dist/services/hds-theming.js

@@ -0,0 +1,150 @@
+import Service from '@ember/service';
+import { tracked } from '@glimmer/tracking';
+import { g, i } from 'decorator-transforms/runtime';
+
+let HdsThemeValues = /*#__PURE__*/function (HdsThemeValues) {
+  // default (original HDS)
+  HdsThemeValues["Default"] = "default";
+  // system settings (prefers-color-scheme)
+  HdsThemeValues["System"] = "system";
+  // user settings for dark/light
+  HdsThemeValues["Light"] = "light";
+  HdsThemeValues["Dark"] = "dark";
+  return HdsThemeValues;
+}({});
+let HdsModesBaseValues = /*#__PURE__*/function (HdsModesBaseValues) {
+  HdsModesBaseValues["Default"] = "default";
+  return HdsModesBaseValues;
+}({});
+let HdsModesLightValues = /*#__PURE__*/function (HdsModesLightValues) {
+  HdsModesLightValues["CdsG0"] = "cds-g0";
+  HdsModesLightValues["CdsG10"] = "cds-g10";
+  return HdsModesLightValues;
+}({});
+let HdsModesDarkValues = /*#__PURE__*/function (HdsModesDarkValues) {
+  HdsModesDarkValues["CdsG90"] = "cds-g90";
+  HdsModesDarkValues["CdsG100"] = "cds-g100";
+  return HdsModesDarkValues;
+}({});
+const THEMES = Object.values(HdsThemeValues);
+const MODES_LIGHT = Object.values(HdsModesLightValues);
+const MODES_DARK = Object.values(HdsModesDarkValues);
+const MODES = [...Object.values(HdsModesBaseValues), ...MODES_LIGHT, ...MODES_DARK];
+const DEFAULT_THEMING_OPTION_LIGHT_THEME = HdsModesLightValues.CdsG0;
+const DEFAULT_THEMING_OPTION_DARK_THEME = HdsModesDarkValues.CdsG100;
+class HdsThemingService extends Service {
+  static {
+    g(this.prototype, "_currentTheme", [tracked], function () {
+      return undefined;
+    });
+  }
+  #_currentTheme = (i(this, "_currentTheme"), void 0);
+  static {
+    g(this.prototype, "_currentMode", [tracked], function () {
+      return undefined;
+    });
+  }
+  #_currentMode = (i(this, "_currentMode"), void 0);
+  static {
+    g(this.prototype, "_currentLightTheme", [tracked], function () {
+      return DEFAULT_THEMING_OPTION_LIGHT_THEME;
+    });
+  }
+  #_currentLightTheme = (i(this, "_currentLightTheme"), void 0);
+  static {
+    g(this.prototype, "_currentDarkTheme", [tracked], function () {
+      return DEFAULT_THEMING_OPTION_DARK_THEME;
+    });
+  }
+  #_currentDarkTheme = (i(this, "_currentDarkTheme"), void 0);
+  setTheme({
+    theme,
+    options,
+    onSetTheme
+  }) {
+    if (options !== undefined) {
+      // if we have new options, we override the current ones (`lightTheme` / `darkTheme`)
+      // these options can be used by consumers that want to customize how they apply theming
+      // (and used by the showcase for the custom theming / theme switching logic)
+      if (Object.hasOwn(options, 'lightTheme') && Object.hasOwn(options, 'darkTheme')) {
+        const {
+          lightTheme,
+          darkTheme
+        } = options;
+        this._currentLightTheme = lightTheme;
+        this._currentDarkTheme = darkTheme;
+      } else {
+        // fallback if something goes wrong
+        this._currentLightTheme = DEFAULT_THEMING_OPTION_LIGHT_THEME;
+        this._currentDarkTheme = DEFAULT_THEMING_OPTION_DARK_THEME;
+      }
+    }
+
+    // set the current theme/mode (`currentTheme` / `currentMode`)
+    if (theme === undefined ||
+    // standard (no theming)
+    !THEMES.includes(theme) // handle possible errors
+    ) {
+      this._currentTheme = undefined;
+      this._currentMode = undefined;
+    } else if (theme === HdsThemeValues.Default // default (original HDS)
+    ) {
+      this._currentTheme = HdsThemeValues.Default;
+      this._currentMode = undefined;
+    } else if (theme === HdsThemeValues.System // system (prefers-color-scheme)
+    ) {
+      this._currentTheme = HdsThemeValues.System;
+      this._currentMode = undefined;
+    } else {
+      this._currentTheme = theme;
+      if (this._currentTheme === HdsThemeValues.Light) {
+        this._currentMode = this._currentLightTheme;
+      }
+      if (this._currentTheme === HdsThemeValues.Dark) {
+        this._currentMode = this._currentDarkTheme;
+      }
+    }
+
+    // IMPORTANT: for this to work, it needs to be the `<html>` tag (it's the `:root` in CSS)
+    const rootElement = document.querySelector('html');
+    if (!rootElement) {
+      return;
+    }
+    // remove or update the CSS selectors applied to the root element (depending on the `theme`/`mode` arguments)
+    const hdsThemingClassesToRemove = Array.from(rootElement.classList).filter(className => className.match(/^hds-(theme|mode)/));
+    rootElement.classList.remove(...hdsThemingClassesToRemove);
+    if (this._currentTheme !== undefined) {
+      rootElement.classList.add(`hds-theme-${this._currentTheme}`);
+    }
+    if (this._currentMode !== undefined) {
+      rootElement.classList.add(`hds-mode-${this._currentMode}`);
+    }
+    if (onSetTheme) {
+      onSetTheme({
+        currentTheme: this._currentTheme,
+        currentMode: this._currentMode
+      });
+    }
+  }
+
+  // getters used for reactivity in the components/services using this service
+
+  get currentTheme() {
+    return this._currentTheme;
+  }
+  get isCarbonThemeEnabled() {
+    return [HdsThemeValues.System, HdsThemeValues.Light, HdsThemeValues.Dark].includes(this._currentTheme);
+  }
+  get currentMode() {
+    return this._currentMode;
+  }
+  get currentLightTheme() {
+    return this._currentLightTheme;
+  }
+  get currentDarkTheme() {
+    return this._currentDarkTheme;
+  }
+}
+
+export { DEFAULT_THEMING_OPTION_DARK_THEME, DEFAULT_THEMING_OPTION_LIGHT_THEME, HdsModesBaseValues, HdsModesDarkValues, HdsModesLightValues, HdsThemeValues, MODES, MODES_DARK, MODES_LIGHT, THEMES, HdsThemingService as default };
+//# sourceMappingURL=hds-theming.js.map