@scion/components 22.5.0 → 22.7.0

package/fesm2022/scion-components-dimension.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scion-components-dimension.mjs","sources":["../../../../projects/scion/components/dimension/src/dimension.directive.ts","../../../../projects/scion/components/dimension/src/dimension.signal.ts","../../../../projects/scion/components/dimension/src/bounding-client-rect.signal.ts","../../../../projects/scion/components/dimension/src/public_api.ts","../../../../projects/scion/components/dimension/src/scion-components-dimension.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Directive, ElementRef, inject, input, NgZone, output, ɵZONELESS_ENABLED} from '@angular/core';\nimport {fromResize$} from '@scion/toolkit/observable';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {observeIn, subscribeIn} from '@scion/toolkit/operators';\nimport {SciDimension} from './dimension';\n\n/**\n * Observes the size of the host element.\n *\n * ---\n * Usage:\n *\n * ```html\n * <div sciDimension (sciDimensionChange)=\"onDimensionChange($event)\"></div>\n * ```\n */\n@Directive({\n  selector: '[sciDimension]',\n})\nexport class SciDimensionDirective {\n\n  /**\n   * Controls if to output outside the Angular zone. Defaults to `false`.\n   */\n  public readonly emitOutsideAngular = input(false);\n\n  /**\n   * Outputs the size of the element.\n   */\n  public readonly dimensionChange = output<SciDimension>({alias: 'sciDimensionChange'});\n\n  constructor() {\n    const host = inject(ElementRef).nativeElement as HTMLElement;\n    const zone = inject(NgZone);\n    const zonelessEnabled = inject(ɵZONELESS_ENABLED);\n\n    fromResize$(host)\n      .pipe(\n        // Avoid triggering change detection cycle.\n        subscribeIn(fn => zone.runOutsideAngular(fn)),\n        // Run in animation frame to prevent 'ResizeObserver loop completed with undelivered notifications' error.\n        // Do not use `animationFrameScheduler` because the scheduler does not necessarily execute in the current execution context, such as inside or outside Angular.\n        // The scheduler always executes tasks in the context (e.g. zone) where the scheduler was first used in the application.\n        observeIn(fn => requestAnimationFrame(fn)),\n        observeIn(fn => this.emitOutsideAngular() ? fn() : zone.run(fn)),\n        takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        if (!zonelessEnabled) {\n          // Assert Angular zone.\n          this.emitOutsideAngular() ? NgZone.assertNotInAngularZone() : NgZone.assertInAngularZone();\n        }\n\n        this.dimensionChange.emit({\n          clientWidth: host.clientWidth,\n          offsetWidth: host.offsetWidth,\n          clientHeight: host.clientHeight,\n          offsetHeight: host.offsetHeight,\n          element: host,\n        });\n      });\n  }\n}\n","/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {assertNotInReactiveContext, computed, effect, ElementRef, inject, Injector, isSignal, NgZone, signal, Signal, untracked} from '@angular/core';\nimport {SciDimension} from './dimension';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {Objects} from '@scion/toolkit/util';\nimport {fromResize$} from '@scion/toolkit/observable';\nimport {observeIn, subscribeIn} from '@scion/toolkit/operators';\nimport {assertInInjectionContext} from '@scion/components/common';\n\n/**\n * Creates a signal observing the size of an element.\n *\n * The element can be passed as a signal, enabling observation of view children in the component constructor.\n *\n * The signal subscribes to the native {@link ResizeObserver} to monitor element size changes. Destroying the injection context will unsubscribe the observer.\n *\n * Usage:\n * - Must be called within an injection context or an injector provided. Destroying the injector will unsubscribe the signal.\n * - Must not be called within a reactive context to avoid repeated subscriptions.\n */\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement>>, options?: {injector?: Injector}): Signal<SciDimension>;\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<SciDimension | undefined>;\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<SciDimension | undefined> {\n  assertNotInReactiveContext(dimension, 'Invoking `dimension` causes new subscriptions every time. Move `dimension` outside of the reactive context and read the signal value where needed.');\n  if (!options?.injector) {\n    assertInInjectionContext(dimension, 'Must be called within an injection context, or an explicit `Injector` passed via options. Stops tracking the dimension when the injection context is destroyed.');\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  const zone = injector.get(NgZone);\n  const element = computed(() => coerceElement(isSignal(elementLike) ? elementLike() : elementLike));\n  const onResize = signal<void>(undefined, {equal: () => false});\n\n  // Subscribe to element size changes.\n  effect(onCleanup => {\n    const el = element();\n    if (!el) {\n      return;\n    }\n\n    untracked(() => {\n      const subscription = fromResize$(el)\n        .pipe(\n          // Avoid triggering change detection cycle.\n          subscribeIn(fn => zone.runOutsideAngular(fn)),\n          // Run in animation frame to prevent 'ResizeObserver loop completed with undelivered notifications' error.\n          // Do not use `animationFrameScheduler` because the scheduler does not necessarily execute in the current execution context, such as inside or outside Angular.\n          // The scheduler always executes tasks in the context (e.g. zone) where the scheduler was first used in the application.\n          observeIn(fn => requestAnimationFrame(fn)),\n        )\n        .subscribe(() => {\n          NgZone.assertNotInAngularZone();\n          onResize.set();\n        });\n      onCleanup(() => subscription.unsubscribe());\n    });\n  }, {injector});\n\n  // Create signal that recomputes each time the size changes.\n  return computed(() => {\n    const el = element();\n    if (!el) {\n      return undefined;\n    }\n\n    // Track element size.\n    onResize();\n\n    return {\n      clientWidth: el.clientWidth,\n      offsetWidth: el.offsetWidth,\n      clientHeight: el.clientHeight,\n      offsetHeight: el.offsetHeight,\n      element: el,\n    };\n  }, {equal: Objects.isEqual});\n}\n","/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {assertNotInReactiveContext, computed, effect, ElementRef, inject, Injector, isSignal, NgZone, signal, Signal, untracked} from '@angular/core';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {fromBoundingClientRect$} from '@scion/toolkit/observable';\nimport {subscribeIn} from '@scion/toolkit/operators';\nimport {assertInInjectionContext} from '@scion/components/common';\n\n/**\n * Creates a signal observing the bounding box of an element.\n *\n * The bounding box includes the element's position relative to the top-left of the viewport and its size.\n * Refer to https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect for more details.\n *\n * The element can be passed as a signal, enabling observation of view children in the component constructor.\n *\n * There is no native browser API to observe the position of an element. The signal uses {@link IntersectionObserver} and\n * {@link ResizeObserver} to detect position changes. For tracking only size changes, use the {@link dimension} signal instead.\n *\n * Usage:\n * - Must be called within an injection context or an injector provided. Destroying the injector will unsubscribe the signal.\n * - Must not be called within a reactive context to avoid repeated subscriptions.\n * - The element and the document root (`<html>`) must be positioned `relative` or `absolute`. If not, positioning is changed to `relative`.\n */\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement>>, options?: {injector?: Injector}): Signal<DOMRect>;\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<DOMRect | undefined>;\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<DOMRect | undefined> {\n  assertNotInReactiveContext(boundingClientRect, 'Invoking `boundingClientRect` causes new subscriptions every time. Move `boundingClientRect` outside of the reactive context and read the signal value where needed.');\n  if (!options?.injector) {\n    assertInInjectionContext(boundingClientRect, 'Must be called within an injection context, or an explicit `Injector` passed via options. Stops tracking the bounding box when the injection context is destroyed.');\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  const zone = injector.get(NgZone);\n  const element = computed(() => coerceElement(isSignal(elementLike) ? elementLike() : elementLike));\n  const onBoundingBoxChange = signal<void>(undefined, {equal: () => false});\n\n  // Subscribe to element bounding box changes.\n  effect(onCleanup => {\n    const el = element();\n    if (!el) {\n      return;\n    }\n\n    untracked(() => {\n      const subscription = fromBoundingClientRect$(el)\n        // Avoid triggering change detection cycle.\n        .pipe(subscribeIn(fn => zone.runOutsideAngular(fn)))\n        .subscribe(() => {\n          NgZone.assertNotInAngularZone();\n          onBoundingBoxChange.set();\n        });\n      onCleanup(() => subscription.unsubscribe());\n    });\n  }, {injector});\n\n  // Create signal that recomputes each time the bounding box changes.\n  return computed(() => {\n    const el = element();\n    if (!el) {\n      return undefined;\n    }\n\n    // Track bounding box.\n    onBoundingBoxChange();\n\n    return el.getBoundingClientRect();\n  }, {equal: isEqualDomRect});\n}\n\nfunction isEqualDomRect(a: DOMRect | undefined, b: DOMRect | undefined): boolean {\n  return a?.top === b?.top && a?.right === b?.right && a?.bottom === b?.bottom && a?.left === b?.left;\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/dimension'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciDimensionDirective} from './dimension.directive';\nexport {dimension} from './dimension.signal';\nexport {boundingClientRect} from './bounding-client-rect.signal';\nexport {type SciDimension} from './dimension';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ɵZONELESS_ENABLED"],"mappings":"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"}
+{"version":3,"file":"scion-components-dimension.mjs","sources":["../../../../projects/scion/components/dimension/src/dimension.directive.ts","../../../../projects/scion/components/dimension/src/dimension.signal.ts","../../../../projects/scion/components/dimension/src/bounding-client-rect.signal.ts","../../../../projects/scion/components/dimension/src/public_api.ts","../../../../projects/scion/components/dimension/src/scion-components-dimension.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Directive, ElementRef, inject, input, NgZone, output, ɵZONELESS_ENABLED} from '@angular/core';\nimport {fromResize$} from '@scion/toolkit/observable';\nimport {takeUntilDestroyed} from '@angular/core/rxjs-interop';\nimport {observeIn, subscribeIn} from '@scion/toolkit/operators';\nimport {SciDimension} from './dimension';\n\n/**\n * Observes the size of the host element.\n *\n * ---\n * Usage:\n *\n * ```html\n * <div sciDimension (sciDimensionChange)=\"onDimensionChange($event)\"></div>\n * ```\n */\n@Directive({\n  selector: '[sciDimension]',\n})\nexport class SciDimensionDirective {\n\n  /**\n   * Controls if to output outside the Angular zone. Defaults to `false`.\n   */\n  public readonly emitOutsideAngular = input(false);\n\n  /**\n   * Outputs the size of the element.\n   */\n  public readonly dimensionChange = output<SciDimension>({alias: 'sciDimensionChange'});\n\n  constructor() {\n    const host = inject(ElementRef).nativeElement as HTMLElement;\n    const zone = inject(NgZone);\n    const zonelessEnabled = inject(ɵZONELESS_ENABLED);\n\n    fromResize$(host)\n      .pipe(\n        // Avoid triggering change detection cycle.\n        subscribeIn(fn => zone.runOutsideAngular(fn)),\n        // Run in animation frame to prevent 'ResizeObserver loop completed with undelivered notifications' error.\n        // Do not use `animationFrameScheduler` because the scheduler does not necessarily execute in the current execution context, such as inside or outside Angular.\n        // The scheduler always executes tasks in the context (e.g. zone) where the scheduler was first used in the application.\n        observeIn(fn => requestAnimationFrame(fn)),\n        observeIn(fn => this.emitOutsideAngular() ? fn() : zone.run(fn)),\n        takeUntilDestroyed(),\n      )\n      .subscribe(() => {\n        if (!zonelessEnabled) {\n          // Assert Angular zone.\n          this.emitOutsideAngular() ? NgZone.assertNotInAngularZone() : NgZone.assertInAngularZone();\n        }\n\n        this.dimensionChange.emit({\n          clientWidth: host.clientWidth,\n          offsetWidth: host.offsetWidth,\n          clientHeight: host.clientHeight,\n          offsetHeight: host.offsetHeight,\n          element: host,\n        });\n      });\n  }\n}\n","/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {assertNotInReactiveContext, computed, effect, ElementRef, inject, Injector, isSignal, NgZone, signal, Signal, untracked} from '@angular/core';\nimport {SciDimension} from './dimension';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {Objects} from '@scion/toolkit/util';\nimport {fromResize$} from '@scion/toolkit/observable';\nimport {observeIn, subscribeIn} from '@scion/toolkit/operators';\nimport {ɵassertInInjectionContext} from '@scion/components/common';\n\n/**\n * Creates a signal observing the size of an element.\n *\n * The element can be passed as a signal, enabling observation of view children in the component constructor.\n *\n * The signal subscribes to the native {@link ResizeObserver} to monitor element size changes. Destroying the injection context will unsubscribe the observer.\n *\n * Usage:\n * - Must be called within an injection context or an injector provided. Destroying the injector will unsubscribe the signal.\n * - Must not be called within a reactive context to avoid repeated subscriptions.\n */\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement>>, options?: {injector?: Injector}): Signal<SciDimension>;\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<SciDimension | undefined>;\nexport function dimension(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<SciDimension | undefined> {\n  assertNotInReactiveContext(dimension, 'Invoking `dimension` causes new subscriptions every time. Move `dimension` outside of the reactive context and read the signal value where needed.');\n  if (!options?.injector) {\n    ɵassertInInjectionContext(dimension, 'Must be called within an injection context, or an explicit `Injector` passed via options. Stops tracking the dimension when the injection context is destroyed.');\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  const zone = injector.get(NgZone);\n  const element = computed(() => coerceElement(isSignal(elementLike) ? elementLike() : elementLike));\n  const onResize = signal<void>(undefined, {equal: () => false});\n\n  // Subscribe to element size changes.\n  effect(onCleanup => {\n    const el = element();\n    if (!el) {\n      return;\n    }\n\n    untracked(() => {\n      const subscription = fromResize$(el)\n        .pipe(\n          // Avoid triggering change detection cycle.\n          subscribeIn(fn => zone.runOutsideAngular(fn)),\n          // Run in animation frame to prevent 'ResizeObserver loop completed with undelivered notifications' error.\n          // Do not use `animationFrameScheduler` because the scheduler does not necessarily execute in the current execution context, such as inside or outside Angular.\n          // The scheduler always executes tasks in the context (e.g. zone) where the scheduler was first used in the application.\n          observeIn(fn => requestAnimationFrame(fn)),\n        )\n        .subscribe(() => {\n          NgZone.assertNotInAngularZone();\n          onResize.set();\n        });\n      onCleanup(() => subscription.unsubscribe());\n    });\n  }, {injector});\n\n  // Create signal that recomputes each time the size changes.\n  return computed(() => {\n    const el = element();\n    if (!el) {\n      return undefined;\n    }\n\n    // Track element size.\n    onResize();\n\n    return {\n      clientWidth: el.clientWidth,\n      offsetWidth: el.offsetWidth,\n      clientHeight: el.clientHeight,\n      offsetHeight: el.offsetHeight,\n      element: el,\n    };\n  }, {equal: Objects.isEqual});\n}\n","/*\n * Copyright (c) 2018-2024 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {assertNotInReactiveContext, computed, effect, ElementRef, inject, Injector, isSignal, NgZone, signal, Signal, untracked} from '@angular/core';\nimport {coerceElement} from '@angular/cdk/coercion';\nimport {fromBoundingClientRect$} from '@scion/toolkit/observable';\nimport {subscribeIn} from '@scion/toolkit/operators';\nimport {ɵassertInInjectionContext} from '@scion/components/common';\n\n/**\n * Creates a signal observing the bounding box of an element.\n *\n * The bounding box includes the element's position relative to the top-left of the viewport and its size.\n * Refer to https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect for more details.\n *\n * The element can be passed as a signal, enabling observation of view children in the component constructor.\n *\n * There is no native browser API to observe the position of an element. The signal uses {@link IntersectionObserver} and\n * {@link ResizeObserver} to detect position changes. For tracking only size changes, use the {@link dimension} signal instead.\n *\n * Usage:\n * - Must be called within an injection context or an injector provided. Destroying the injector will unsubscribe the signal.\n * - Must not be called within a reactive context to avoid repeated subscriptions.\n * - The element and the document root (`<html>`) must be positioned `relative` or `absolute`. If not, positioning is changed to `relative`.\n */\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement>>, options?: {injector?: Injector}): Signal<DOMRect>;\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<DOMRect | undefined>;\nexport function boundingClientRect(elementLike: HTMLElement | ElementRef<HTMLElement> | Signal<HTMLElement | ElementRef<HTMLElement> | undefined>, options?: {injector?: Injector}): Signal<DOMRect | undefined> {\n  assertNotInReactiveContext(boundingClientRect, 'Invoking `boundingClientRect` causes new subscriptions every time. Move `boundingClientRect` outside of the reactive context and read the signal value where needed.');\n  if (!options?.injector) {\n    ɵassertInInjectionContext(boundingClientRect, 'Must be called within an injection context, or an explicit `Injector` passed via options. Stops tracking the bounding box when the injection context is destroyed.');\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  const zone = injector.get(NgZone);\n  const element = computed(() => coerceElement(isSignal(elementLike) ? elementLike() : elementLike));\n  const onBoundingBoxChange = signal<void>(undefined, {equal: () => false});\n\n  // Subscribe to element bounding box changes.\n  effect(onCleanup => {\n    const el = element();\n    if (!el) {\n      return;\n    }\n\n    untracked(() => {\n      const subscription = fromBoundingClientRect$(el)\n        // Avoid triggering change detection cycle.\n        .pipe(subscribeIn(fn => zone.runOutsideAngular(fn)))\n        .subscribe(() => {\n          NgZone.assertNotInAngularZone();\n          onBoundingBoxChange.set();\n        });\n      onCleanup(() => subscription.unsubscribe());\n    });\n  }, {injector});\n\n  // Create signal that recomputes each time the bounding box changes.\n  return computed(() => {\n    const el = element();\n    if (!el) {\n      return undefined;\n    }\n\n    // Track bounding box.\n    onBoundingBoxChange();\n\n    return el.getBoundingClientRect();\n  }, {equal: isEqualDomRect});\n}\n\nfunction isEqualDomRect(a: DOMRect | undefined, b: DOMRect | undefined): boolean {\n  return a?.top === b?.top && a?.right === b?.right && a?.bottom === b?.bottom && a?.left === b?.left;\n}\n","/*\n * Copyright (c) 2018-2019 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/dimension'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciDimensionDirective} from './dimension.directive';\nexport {dimension} from './dimension.signal';\nexport {boundingClientRect} from './bounding-client-rect.signal';\nexport {type SciDimension} from './dimension';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ɵZONELESS_ENABLED","ɵassertInInjectionContext"],"mappings":"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"}

package/fesm2022/scion-components-icon.mjs

@@ -1,8 +1,9 @@
 import * as i0 from '@angular/core';
-import { inputBinding, input, Component, inject, InjectionToken, Injector, runInInjectionContext, Injectable, viewChild, signal, effect, untracked, computed, Directive, makeEnvironmentProviders } from '@angular/core';
-import { SciComponentOutletDirective, coerceSignal } from '@scion/components/common';
+import { input, Component, inputBinding, inject, InjectionToken, Injector, assertNotInReactiveContext, runInInjectionContext, Injectable, viewChild, computed, untracked, Directive, makeEnvironmentProviders } from '@angular/core';
+import { coerceSignal, SciComponentOutletDirective } from '@scion/components/common';
 import { fromMutation$ } from '@scion/toolkit/observable';
-import { of, concatWith, map } from 'rxjs';
+import { Observable, of, concatWith, map } from 'rxjs';
+import { rxResource } from '@angular/core/rxjs-interop';
 
 /*
  * Copyright (c) 2018-2026 Swiss Federal Railways
@@ -14,18 +15,43 @@ import { of, concatWith, map } from 'rxjs';
  * SPDX-License-Identifier: EPL-2.0
  */
 /**
- * Provides Material icons for non-scion icons.
+ * Renders an icon of an icon font based on its ligature.
+ */
+class SciIconFontComponent {
+    /**
+     * Specifies the name of the icon font.
+     */
+    fontFamily = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fontFamily" }] : /* istanbul ignore next */ []));
+    /**
+     * Specifies the ligature of the icon.
+     */
+    ligature = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ligature" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconFontComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SciIconFontComponent, isStandalone: true, selector: "sci-icon-font", inputs: { fontFamily: { classPropertyName: "fontFamily", publicName: "fontFamily", isSignal: true, isRequired: true, transformFunction: null }, ligature: { classPropertyName: "ligature", publicName: "ligature", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-ligature": "ligature()", "style.font-family": "fontFamily()" } }, ngImport: i0, template: '', isInline: true, styles: [":host{font-style:normal;font-weight:400;font-variant:normal;display:inline-block;text-transform:none;line-height:1;white-space:nowrap;word-wrap:normal;direction:ltr;letter-spacing:0;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-box-trim:trim-start;text-box-edge:text alphabetic}:host:before{content:attr(data-ligature)}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconFontComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sci-icon-font', template: '', host: {
+                        '[attr.data-ligature]': 'ligature()',
+                        '[style.font-family]': 'fontFamily()',
+                    }, styles: [":host{font-style:normal;font-weight:400;font-variant:normal;display:inline-block;text-transform:none;line-height:1;white-space:nowrap;word-wrap:normal;direction:ltr;letter-spacing:0;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-box-trim:trim-start;text-box-edge:text alphabetic}:host:before{content:attr(data-ligature)}\n"] }]
+        }], propDecorators: { fontFamily: [{ type: i0.Input, args: [{ isSignal: true, alias: "fontFamily", required: true }] }], ligature: [{ type: i0.Input, args: [{ isSignal: true, alias: "ligature", required: true }] }] } });
+
+/*
+ * Copyright (c) 2018-2026 Swiss Federal Railways
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * SPDX-License-Identifier: EPL-2.0
  */
-const materialIconProvider = (ligature) => {
-    if (ligature.startsWith('scion.')) {
-        return undefined; // delegate to next provider
-    }
-    return { component: MaterialIconComponent, bindings: [inputBinding('ligature', () => ligature)] };
-};
 /**
- * Renders a Material icon based on its ligature.
+ * Provides Material icons for non-scion icons.
  *
- * This component requires a Material icon font to be included in the HTML.
+ * This provider requires a Material icon font to be included in the HTML.
  *
  * Supported fonts:
  * - https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded
@@ -33,19 +59,18 @@ const materialIconProvider = (ligature) => {
  * - https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp
  * - https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp
  */
-class MaterialIconComponent {
-    /**
-     * Specifies the ligature of the Material icon.
-     */
-    ligature = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ligature" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MaterialIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: MaterialIconComponent, isStandalone: true, selector: "sci-material-icon", inputs: { ligature: { classPropertyName: "ligature", publicName: "ligature", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '{{ligature()}}', isInline: true, styles: [":host{font-family:Material Symbols Rounded,Material Symbols Outlined,Material Symbols Sharp,Material Icons,Material Icons Outlined,Material Icons Round,Material Icons Sharp;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: MaterialIconComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sci-material-icon', template: '{{ligature()}}', styles: [":host{font-family:Material Symbols Rounded,Material Symbols Outlined,Material Symbols Sharp,Material Icons,Material Icons Outlined,Material Icons Round,Material Icons Sharp;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}\n"] }]
-        }], propDecorators: { ligature: [{ type: i0.Input, args: [{ isSignal: true, alias: "ligature", required: true }] }] } });
+const materialIconProvider = (ligature) => {
+    if (ligature.startsWith('scion:')) {
+        return undefined; // delegate to next provider
+    }
+    return {
+        component: SciIconFontComponent,
+        bindings: [
+            inputBinding('fontFamily', () => `'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp', 'Material Icons', 'Material Icons Outlined', 'Material Icons Round', 'Material Icons Sharp'`),
+            inputBinding('ligature', () => ligature),
+        ],
+    };
+};
 
 /*
  * Copyright (c) 2018-2026 Swiss Federal Railways
@@ -60,32 +85,27 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  * Provides icons used in SCION libraries.
  *
  * Register this provider as the last icon provider, enabling replacement of built-in SCION icons.
+ *
+ * This provider requires the SCION icon font 'scion-icons' to be included in the HTML:
+ *
+ * scss
+ * ```
+ * @import url('https://cdn.jsdelivr.net/npm/@scion/icons/scion-icon-font.css');
+ * ```
  */
 const scionIconProvider = (icon) => {
-    const ligature = icon.startsWith('scion.') ? icon.substring('scion.'.length) : undefined;
+    const ligature = icon.startsWith('scion:') ? icon.substring('scion:'.length) : undefined;
     if (ligature) {
-        return { component: SciIconFontGlyphComponent, bindings: [inputBinding('ligature', () => ligature)] };
+        return {
+            component: SciIconFontComponent,
+            bindings: [
+                inputBinding('fontFamily', () => 'scion-icons'),
+                inputBinding('ligature', () => ligature),
+            ],
+        };
     }
     return undefined;
 };
-/**
- * Renders the icon for a ligature of the SCION icon font.
- *
- * This component requires the SCION icon font 'scion-icons' to be included in the HTML.
- */
-class SciIconFontGlyphComponent {
-    /**
-     * Specifies the ligature of the icon.
-     */
-    ligature = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "ligature" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconFontGlyphComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SciIconFontGlyphComponent, isStandalone: true, selector: "sci-icon-font-glyph", inputs: { ligature: { classPropertyName: "ligature", publicName: "ligature", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: '{{ligature()}}', isInline: true, styles: [":host{font-family:scion-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}\n"] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconFontGlyphComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sci-icon-font-glyph', template: '{{ligature()}}', styles: [":host{font-family:scion-icons;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;letter-spacing:0;font-feature-settings:\"liga\";font-variant-ligatures:discretionary-ligatures;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}\n"] }]
-        }], propDecorators: { ligature: [{ type: i0.Input, args: [{ isSignal: true, alias: "ligature", required: true }] }] } });
 
 /*
  * Copyright (c) 2018-2026 Swiss Federal Railways
@@ -112,9 +132,10 @@ class IconProviders {
     /**
      * Provides the icon descriptor for the given icon based on icon providers registered under the {@link SCI_ICON_PROVIDER} DI token.
      *
-     * Icon providers are called in registration order. If a provider does not provide the icon, the next provider is called, and so on.
+     * Icon providers are called in registration order. Returning `undefined` delegates to the next provider.
      */
     provide(icon) {
+        assertNotInReactiveContext(this.provide, 'Call IconProviders.provide() in a non-reactive (non-tracking) context.');
         if (!icon) {
             return undefined;
         }
@@ -163,7 +184,17 @@ const SCI_ICON_PROVIDER = new InjectionToken('SCI_ICON_PROVIDER');
  * <sci-icon>home</sci-icon>
  * ```
  *
- * An icon provider can be registered using {@link provideIconProvider}.
+ * Icons can be contributed via icon providers. Register an icon provider using the {@link provideIconProvider} function.
+ *
+ * ```ts
+ * import {provideIconProvider} from '@scion/components/icon';
+ * import {ComponentType} from '@angular/cdk/portal';
+ * import {SciComponentDescriptor} from '@scion/components/common';
+ *
+ * provideIconProvider((icon: string): ComponentType<unknown> | SciComponentDescriptor | undefined => {
+ *   return ...;
+ * });
+ * ```
  *
  * Providers are called in registration order. If a provider does not provide the icon, the next provider is called, and so on.
  * If no provider provides the icon, defaults to a Material icon provider, interpreting the icon as a Material icon font ligature.
@@ -182,70 +213,76 @@ const SCI_ICON_PROVIDER = new InjectionToken('SCI_ICON_PROVIDER');
  * TODO [Angular 23] Consider changing encapsulation to `IsolatedShadowDom` when stable. See branch: issue/icon-shadow-dom.
  */
 class SciIconComponent {
-    _slottedContent = viewChild.required('slotted_content', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "_slottedContent" }] : /* istanbul ignore next */ []));
-    icon = this.computeIcon();
+    slottedContent = this.computeSlottedContent();
+    iconDescriptor = this.computeIconDescriptor();
+    _slotTemplate = viewChild.required('slot_template', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_slotTemplate" }] : /* istanbul ignore next */ []));
+    computeIconDescriptor() {
+        const iconProviders = inject(IconProviders);
+        return computed(() => {
+            const slottedContent = this.slottedContent.value();
+            return untracked(() => {
+                const iconDescriptor = iconProviders.provide(slottedContent);
+                // Augment icon descriptor.
+                return iconDescriptor && {
+                    ...iconDescriptor,
+                    attributes: computed(() => ({
+                        ...coerceSignal(iconDescriptor.attributes)?.(),
+                        // Prevent user agent translating the icon.
+                        translate: 'no',
+                    })),
+                    directives: [
+                        ...iconDescriptor.directives ?? [],
+                        // Set icon font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.
+                        // For example, Material sets a fixed font size of 24px.
+                        IconFontSizeDirective,
+                    ],
+                };
+            });
+        });
+    }
     /**
-     * Reads the icon from slotted content and passes it to registered icon providers for resolution.
+     * Reads the icon from slotted content.
      */
-    computeIcon() {
-        const icon = signal(undefined, /* @ts-ignore */
-        ...(ngDevMode ? [{ debugName: "icon" }] : /* istanbul ignore next */ []));
-        const iconProviders = inject(IconProviders);
-        effect(onCleanup => {
-            const slottedContent = this._slottedContent();
-            untracked(() => {
-                // Instantiate template to "read" slotted content.
-                const view = slottedContent.createEmbeddedView(undefined);
-                onCleanup(() => view.destroy());
+    computeSlottedContent() {
+        return rxResource({
+            params: () => this._slotTemplate(),
+            stream: ({ params: slotTemplate }) => new Observable(observer => {
+                // Instantiate template to read slotted content.
+                const view = slotTemplate.createEmbeddedView(undefined);
                 // Return if empty, i.e., no icon to render.
                 if (!view.rootNodes.length) {
-                    icon.set(undefined);
+                    observer.next(undefined);
                     return;
                 }
                 // Ensure only text is provided as slotted content.
                 if (view.rootNodes.length > 1 || view.rootNodes[0].nodeType !== Node.TEXT_NODE) {
-                    throw Error('[InvalidInputError] Only text (ligature) is allowed in slotted content of <sci-icon>.');
+                    observer.error(Error('[InvalidInputError] Only text (ligature) is allowed in slotted content of <sci-icon>.'));
+                    return;
                 }
-                // Watch slotted content.
+                // Observe slotted content.
                 const textNode = view.rootNodes[0];
                 const subscription = of(textNode.textContent)
-                    .pipe(concatWith(fromMutation$(textNode, { characterData: true }).pipe(map(() => textNode.textContent))), map(slottedContent => iconProviders.provide(slottedContent.trim() || undefined)), augmentIconDescriptor())
-                    .subscribe(iconDescriptor => icon.set(iconDescriptor));
-                onCleanup(() => subscription.unsubscribe());
-            });
+                    .pipe(concatWith(fromMutation$(textNode, { characterData: true }).pipe(map(() => textNode.textContent))), map(slottedContent => slottedContent.trim() || undefined))
+                    .subscribe(observer);
+                return () => {
+                    subscription.unsubscribe();
+                    view.destroy();
+                };
+            }),
         });
-        return icon;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SciIconComponent, isStandalone: true, selector: "sci-icon", viewQueries: [{ propertyName: "_slottedContent", first: true, predicate: ["slotted_content"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *sciComponentOutlet=\"icon()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slotted_content>\n  <ng-content/>\n</ng-template>\n", styles: [":host{display:inline-grid;place-content:center;-webkit-user-select:none;user-select:none;height:var(--sci-icon-size, 1em);width:var(--sci-icon-size, 1em);overflow:hidden}\n"], dependencies: [{ kind: "directive", type: SciComponentOutletDirective, selector: "ng-template[sciComponentOutlet]", inputs: ["sciComponentOutlet"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SciIconComponent, isStandalone: true, selector: "sci-icon", host: { properties: { "attr.icon": "slottedContent.value()" } }, viewQueries: [{ propertyName: "_slotTemplate", first: true, predicate: ["slot_template"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-container *sciComponentOutlet=\"iconDescriptor()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slot_template>\n  <ng-content/>\n</ng-template>\n", styles: [":host{display:inline-grid;place-content:center;-webkit-user-select:none;user-select:none;height:var(--sci-icon-size, 1em);width:var(--sci-icon-size, 1em);overflow:hidden}\n"], dependencies: [{ kind: "directive", type: SciComponentOutletDirective, selector: "ng-template[sciComponentOutlet]", inputs: ["sciComponentOutlet"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SciIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sci-icon', imports: [
                         SciComponentOutletDirective,
-                    ], template: "<ng-container *sciComponentOutlet=\"icon()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slotted_content>\n  <ng-content/>\n</ng-template>\n", styles: [":host{display:inline-grid;place-content:center;-webkit-user-select:none;user-select:none;height:var(--sci-icon-size, 1em);width:var(--sci-icon-size, 1em);overflow:hidden}\n"] }]
-        }], propDecorators: { _slottedContent: [{ type: i0.ViewChild, args: ['slotted_content', { isSignal: true }] }] } });
-/**
- * Augments the icon descriptor:
- *
- * - Prevents the browser from translating the icon.
- * - Sets the icon's font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.
- *   For example, Material sets a fixed font size of 24px.
- */
-function augmentIconDescriptor() {
-    return map((icon) => icon && {
-        ...icon,
-        attributes: computed(() => ({
-            ...coerceSignal(icon.attributes)?.(),
-            translate: 'no',
-        })),
-        directives: [
-            ...icon.directives ?? [],
-            IconFontSizeDirective,
-        ],
-    });
-}
+                    ], host: {
+                        '[attr.icon]': 'slottedContent.value()', // Public API: Enables selecting the icon by name in CSS
+                    }, template: "<ng-container *sciComponentOutlet=\"iconDescriptor()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slot_template>\n  <ng-content/>\n</ng-template>\n", styles: [":host{display:inline-grid;place-content:center;-webkit-user-select:none;user-select:none;height:var(--sci-icon-size, 1em);width:var(--sci-icon-size, 1em);overflow:hidden}\n"] }]
+        }], propDecorators: { _slotTemplate: [{ type: i0.ViewChild, args: ['slot_template', { isSignal: true }] }] } });
 /**
  * Sets the font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.
  * For example, Material sets a fixed font size of 24px.
@@ -273,23 +310,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  *
  * An icon provider is a function that returns a component for an icon. The component renders the icon.
  *
- * Multiple icon providers can be registered. Providers are called in registration order. If a provider does not provide the icon,
- * the next provider is called, and so on.
+ * Multiple icon providers can be registered. Providers are called in registration order. Returning `undefined` delegates to the next provider.
  *
  * Defaults to a Material icon provider, interpreting the icon as a Material icon ligature.
  *
  * Refer to https://fonts.google.com/icons for available Material icons and https://developers.google.com/fonts/docs/material_symbols#use_in_web
  * for instructions on including the Material icon font.
  *
- * @example - Importing the Material icon font in `styles.scss`
+ * @example - Importing the Material icon font in `src/styles.scss`
  * ```scss
  * @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..24,400,0&display=block');
  * ```
  *
- * Built-in SCION icons start with the `scion.` prefix. To not replace SCION icons, the icon provider can return `undefined` for icons starting with the `scion.` prefix.
+ * Built-in SCION icons start with the `scion:` prefix. To not replace SCION icons, the icon provider can return `undefined` for icons starting with the `scion:` prefix.
  * Refer to https://icons.scion.vercel.app for available SCION icons.
  *
- * The function can call `inject` to get any required dependencies.
+ * The function can call `inject` to get required dependencies.
  *
  * @see SciIconProviderFn
  * @see SciIconComponent
@@ -323,5 +359,5 @@ function provideIconProvider(iconProviderFn) {
  * Generated bundle index. Do not edit.
  */
 
-export { SciIconComponent, provideIconProvider };
+export { SciIconComponent, SciIconFontComponent, provideIconProvider };
 //# sourceMappingURL=scion-components-icon.mjs.map

package/fesm2022/scion-components-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scion-components-icon.mjs","sources":["../../../../projects/scion/components/icon/src/material-icon-provider.ts","../../../../projects/scion/components/icon/src/scion-icon-provider.ts","../../../../projects/scion/components/icon/src/icon-providers.ts","../../../../projects/scion/components/icon/src/icon.component.ts","../../../../projects/scion/components/icon/src/icon.component.html","../../../../projects/scion/components/icon/src/icon.provider.ts","../../../../projects/scion/components/icon/src/public_api.ts","../../../../projects/scion/components/icon/src/scion-components-icon.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, input, inputBinding} from '@angular/core';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Provides Material icons for non-scion icons.\n */\nexport const materialIconProvider: SciIconProviderFn = (ligature: string): SciComponentDescriptor | undefined => {\n  if (ligature.startsWith('scion.')) {\n    return undefined; // delegate to next provider\n  }\n\n  return {component: MaterialIconComponent, bindings: [inputBinding('ligature', () => ligature)]};\n};\n\n/**\n * Renders a Material icon based on its ligature.\n *\n * This component requires a Material icon font to be included in the HTML.\n *\n * Supported fonts:\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp\n * - https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp\n */\n@Component({\n  selector: 'sci-material-icon',\n  template: '{{ligature()}}',\n  styles: `\n    :host {\n      font-family: 'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp', 'Material Icons', 'Material Icons Outlined', 'Material Icons Round', 'Material Icons Sharp';\n      font-weight: normal;\n      font-style: normal;\n      line-height: 1;\n      letter-spacing: normal;\n      text-transform: none;\n      display: inline-block;\n      white-space: nowrap;\n      word-wrap: normal;\n      direction: ltr;\n      font-feature-settings: 'liga';\n      -webkit-font-smoothing: antialiased;\n    }\n  `,\n})\nexport class MaterialIconComponent {\n  /**\n   * Specifies the ligature of the Material icon.\n   */\n  public readonly ligature = input.required<string>();\n}\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, input, inputBinding} from '@angular/core';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Provides icons used in SCION libraries.\n *\n * Register this provider as the last icon provider, enabling replacement of built-in SCION icons.\n */\nexport const scionIconProvider: SciIconProviderFn = (icon: string): SciComponentDescriptor | undefined => {\n  const ligature = icon.startsWith('scion.') ? icon.substring('scion.'.length) : undefined;\n  if (ligature) {\n    return {component: SciIconFontGlyphComponent, bindings: [inputBinding('ligature', () => ligature)]};\n  }\n  return undefined;\n};\n\n/**\n * Renders the icon for a ligature of the SCION icon font.\n *\n * This component requires the SCION icon font 'scion-icons' to be included in the HTML.\n */\n@Component({\n  selector: 'sci-icon-font-glyph',\n  template: '{{ligature()}}',\n  styles: `\n    :host {\n      font-family: 'scion-icons';\n      font-style: normal;\n      font-weight: normal;\n      font-variant: normal;\n      text-transform: none;\n      line-height: 1;\n\n      /* Enable Ligatures */\n      letter-spacing: 0;\n      font-feature-settings: \"liga\";\n      font-variant-ligatures: discretionary-ligatures;\n\n      /* Better Font Rendering */\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n    }\n  `,\n})\nexport class SciIconFontGlyphComponent {\n\n  /**\n   * Specifies the ligature of the icon.\n   */\n  public readonly ligature = input.required<string>();\n}\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {inject, Injectable, InjectionToken, Injector, runInInjectionContext} from '@angular/core';\nimport {materialIconProvider} from './material-icon-provider';\nimport {scionIconProvider} from './scion-icon-provider';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Provides icons based on registered icon providers.\n */\n@Injectable({providedIn: 'root'})\nexport class IconProviders {\n\n  private readonly _iconProviders: SciIconProviderFn[] = [\n    // Provide app-specific icons.\n    ...inject(SCI_ICON_PROVIDER, {optional: true}) ?? [],\n    // Provide SCION icons.\n    scionIconProvider,\n    // Provide material icons.\n    materialIconProvider,\n  ];\n  private readonly _injector = inject(Injector);\n\n  /**\n   * Provides the icon descriptor for the given icon based on icon providers registered under the {@link SCI_ICON_PROVIDER} DI token.\n   *\n   * Icon providers are called in registration order. If a provider does not provide the icon, the next provider is called, and so on.\n   */\n  public provide(icon: string | undefined): SciComponentDescriptor | undefined {\n    if (!icon) {\n      return undefined;\n    }\n\n    if (!this._iconProviders.length) {\n      return undefined;\n    }\n\n    for (const iconProvider of this._iconProviders) {\n      const componentOrDescriptor = runInInjectionContext(this._injector, () => iconProvider(icon));\n      if (componentOrDescriptor) {\n        return typeof componentOrDescriptor === 'function' ? {component: componentOrDescriptor} : componentOrDescriptor;\n      }\n    }\n    return undefined;\n  }\n}\n\n/**\n * Multi-DI token for injecting icon providers.\n *\n * @see provideIconProvider\n * @see SciIconProviderFn\n */\nexport const SCI_ICON_PROVIDER = new InjectionToken<SciIconProviderFn[]>('SCI_ICON_PROVIDER');\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, computed, Directive, effect, inject, signal, Signal, TemplateRef, untracked, viewChild} from '@angular/core';\nimport {coerceSignal, SciComponentDescriptor, SciComponentOutletDirective} from '@scion/components/common';\nimport {IconProviders} from './icon-providers';\nimport {fromMutation$} from '@scion/toolkit/observable';\nimport {concatWith, map, MonoTypeOperatorFunction, of} from 'rxjs';\n\n/**\n * Renders an icon based on registered icon providers.\n *\n * Set the icon name as the slotted content of the `<sci-icon>` component.\n *\n * Example:\n * ```html\n * <sci-icon>home</sci-icon>\n * ```\n *\n * An icon provider can be registered using {@link provideIconProvider}.\n *\n * Providers are called in registration order. If a provider does not provide the icon, the next provider is called, and so on.\n * If no provider provides the icon, defaults to a Material icon provider, interpreting the icon as a Material icon font ligature.\n * Refer to https://fonts.google.com/icons for available Material icons and instructions on including the Material icon font.\n *\n * By default, the icon size is `1em`. To change the size, set the font-size on the `<sci-icon>` element or use the `--sci-icon-size` CSS variable.\n *\n * ```scss\n * sci-icon {\n *   --sci-icon-size: 16px;\n * }\n * ```\n *\n * @see provideIconProvider\n *\n * TODO [Angular 23] Consider changing encapsulation to `IsolatedShadowDom` when stable. See branch: issue/icon-shadow-dom.\n */\n@Component({\n  selector: 'sci-icon',\n  templateUrl: './icon.component.html',\n  styleUrl: './icon.component.scss',\n  imports: [\n    SciComponentOutletDirective,\n  ],\n})\nexport class SciIconComponent {\n\n  private readonly _slottedContent = viewChild.required<TemplateRef<void>>('slotted_content');\n\n  protected readonly icon = this.computeIcon();\n\n  /**\n   * Reads the icon from slotted content and passes it to registered icon providers for resolution.\n   */\n  private computeIcon(): Signal<SciComponentDescriptor | undefined> {\n    const icon = signal<SciComponentDescriptor | undefined>(undefined);\n    const iconProviders = inject(IconProviders);\n\n    effect(onCleanup => {\n      const slottedContent = this._slottedContent();\n\n      untracked(() => {\n        // Instantiate template to \"read\" slotted content.\n        const view = slottedContent.createEmbeddedView(undefined);\n        onCleanup(() => view.destroy());\n\n        // Return if empty, i.e., no icon to render.\n        if (!view.rootNodes.length) {\n          icon.set(undefined);\n          return;\n        }\n\n        // Ensure only text is provided as slotted content.\n        if (view.rootNodes.length > 1 || (view.rootNodes[0] as Element).nodeType !== Node.TEXT_NODE) {\n          throw Error('[InvalidInputError] Only text (ligature) is allowed in slotted content of <sci-icon>.');\n        }\n\n        // Watch slotted content.\n        const textNode = view.rootNodes[0] as Text;\n        const subscription = of(textNode.textContent)\n          .pipe(\n            concatWith(fromMutation$(textNode, {characterData: true}).pipe(map(() => textNode.textContent))),\n            map(slottedContent => iconProviders.provide(slottedContent.trim() || undefined)),\n            augmentIconDescriptor(),\n          )\n          .subscribe(iconDescriptor => icon.set(iconDescriptor));\n\n        onCleanup(() => subscription.unsubscribe());\n      });\n    });\n\n    return icon;\n  }\n}\n\n/**\n * Augments the icon descriptor:\n *\n * - Prevents the browser from translating the icon.\n * - Sets the icon's font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.\n *   For example, Material sets a fixed font size of 24px.\n */\nfunction augmentIconDescriptor(): MonoTypeOperatorFunction<SciComponentDescriptor | undefined> {\n  return map((icon: SciComponentDescriptor | undefined) => icon && {\n    ...icon,\n    attributes: computed(() => ({\n      ...coerceSignal(icon.attributes)?.(),\n      translate: 'no',\n    })),\n    directives: [\n      ...icon.directives ?? [],\n      IconFontSizeDirective,\n    ],\n  } satisfies SciComponentDescriptor);\n}\n\n/**\n * Sets the font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.\n * For example, Material sets a fixed font size of 24px.\n */\n@Directive({host: {'[style.font-size]': `'var(--sci-icon-size, 1em)'`}})\nclass IconFontSizeDirective {\n}\n","<ng-container *sciComponentOutlet=\"icon()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slotted_content>\n  <ng-content/>\n</ng-template>\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {EnvironmentProviders, makeEnvironmentProviders} from '@angular/core';\nimport {SCI_ICON_PROVIDER} from './icon-providers';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Enables contribution or replacement of icons used in SCION.\n *\n * An icon provider is a function that returns a component for an icon. The component renders the icon.\n *\n * Multiple icon providers can be registered. Providers are called in registration order. If a provider does not provide the icon,\n * the next provider is called, and so on.\n *\n * Defaults to a Material icon provider, interpreting the icon as a Material icon ligature.\n *\n * Refer to https://fonts.google.com/icons for available Material icons and https://developers.google.com/fonts/docs/material_symbols#use_in_web\n * for instructions on including the Material icon font.\n *\n * @example - Importing the Material icon font in `styles.scss`\n * ```scss\n * @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..24,400,0&display=block');\n * ```\n *\n * Built-in SCION icons start with the `scion.` prefix. To not replace SCION icons, the icon provider can return `undefined` for icons starting with the `scion.` prefix.\n * Refer to https://icons.scion.vercel.app for available SCION icons.\n *\n * The function can call `inject` to get any required dependencies.\n *\n * @see SciIconProviderFn\n * @see SciIconComponent\n */\nexport function provideIconProvider(iconProviderFn: SciIconProviderFn | undefined): EnvironmentProviders {\n  return makeEnvironmentProviders(iconProviderFn ? [\n    {\n      provide: SCI_ICON_PROVIDER,\n      useValue: iconProviderFn,\n      multi: true,\n    },\n  ] : []);\n}\n\n/**\n * Signature of a function to provide icons.\n *\n * An icon provider is a function that returns the component for an icon. The component renders the icon.\n *\n * Alternatively, the icon provider can return a descriptor, allowing for additional configuration such as inputs.\n * Inputs are available as input properties in the component. The component can use the inputs to render the icon.\n *\n * Icon keys used by SCION start with the `scion.` prefix. To not replace SCION icons, the icon provider can\n * return `undefined` for icons starting with the `scion.` prefix.\n *\n * An icon provider can be registered via {@link provideIconProvider} function.\n *\n * The function can call `inject` to get any required dependencies.\n *\n * @param icon - The key of the icon for which to provide the icon component.\n * @returns ComponentType or {@link SciComponentDescriptor} to render the icon, or `undefined` if not provided by the icon provider.\n */\nexport type SciIconProviderFn = (icon: string) => ComponentType<unknown> | SciComponentDescriptor | undefined;\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/icon'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciIconComponent} from './icon.component';\nexport {provideIconProvider, type SciIconProviderFn} from './icon.provider';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"scion-components-icon.mjs","sources":["../../../../projects/scion/components/icon/src/icon-font.component.ts","../../../../projects/scion/components/icon/src/material-icon-provider.ts","../../../../projects/scion/components/icon/src/scion-icon-provider.ts","../../../../projects/scion/components/icon/src/icon-providers.ts","../../../../projects/scion/components/icon/src/icon.component.ts","../../../../projects/scion/components/icon/src/icon.component.html","../../../../projects/scion/components/icon/src/icon.provider.ts","../../../../projects/scion/components/icon/src/public_api.ts","../../../../projects/scion/components/icon/src/scion-components-icon.ts"],"sourcesContent":["/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, input} from '@angular/core';\n\n/**\n * Renders an icon of an icon font based on its ligature.\n */\n@Component({\n  selector: 'sci-icon-font',\n  template: '',\n  host: {\n    '[attr.data-ligature]': 'ligature()',\n    '[style.font-family]': 'fontFamily()',\n  },\n  styles: `\n    :host {\n      font-style: normal;\n      font-weight: normal;\n      font-variant: normal;\n      display: inline-block;\n      text-transform: none;\n      line-height: 1;\n      white-space: nowrap;\n      word-wrap: normal;\n      direction: ltr;\n\n      /* Enable Ligatures */\n      letter-spacing: 0;\n      font-feature-settings: 'liga';\n      font-variant-ligatures: discretionary-ligatures;\n\n      /* Better Font Rendering */\n      -webkit-font-smoothing: antialiased;\n      -moz-osx-font-smoothing: grayscale;\n\n      /* Prevent font metrics from misaligning the icon vertically with adjacent text. */\n      text-box-trim: trim-start;\n      text-box-edge: text alphabetic;\n\n      /* Render ligature in ::before pseudo-element so it is excluded from the DOM tree (e.g., will not be returned by Element.textContent). */\n      &::before {\n        content: attr(data-ligature);\n      }\n    }\n  `,\n})\nexport class SciIconFontComponent {\n  /**\n   * Specifies the name of the icon font.\n   */\n  public readonly fontFamily = input.required<string>();\n\n  /**\n   * Specifies the ligature of the icon.\n   */\n  public readonly ligature = input.required<string>();\n}\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {inputBinding} from '@angular/core';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\nimport {SciIconFontComponent} from './icon-font.component';\n\n/**\n * Provides Material icons for non-scion icons.\n *\n * This provider requires a Material icon font to be included in the HTML.\n *\n * Supported fonts:\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined\n * - https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp\n * - https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Round|Material+Icons+Sharp\n */\nexport const materialIconProvider: SciIconProviderFn = (ligature: string): SciComponentDescriptor | undefined => {\n  if (ligature.startsWith('scion:')) {\n    return undefined; // delegate to next provider\n  }\n\n  return {\n    component: SciIconFontComponent,\n    bindings: [\n      inputBinding('fontFamily', () => `'Material Symbols Rounded', 'Material Symbols Outlined', 'Material Symbols Sharp', 'Material Icons', 'Material Icons Outlined', 'Material Icons Round', 'Material Icons Sharp'`),\n      inputBinding('ligature', () => ligature),\n    ],\n  };\n};\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {inputBinding} from '@angular/core';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\nimport {SciIconFontComponent} from './icon-font.component';\n\n/**\n * Provides icons used in SCION libraries.\n *\n * Register this provider as the last icon provider, enabling replacement of built-in SCION icons.\n *\n * This provider requires the SCION icon font 'scion-icons' to be included in the HTML:\n *\n * scss\n * ```\n * @import url('https://cdn.jsdelivr.net/npm/@scion/icons/scion-icon-font.css');\n * ```\n */\nexport const scionIconProvider: SciIconProviderFn = (icon: string): SciComponentDescriptor | undefined => {\n  const ligature = icon.startsWith('scion:') ? icon.substring('scion:'.length) : undefined;\n  if (ligature) {\n    return {\n      component: SciIconFontComponent,\n      bindings: [\n        inputBinding('fontFamily', () => 'scion-icons'),\n        inputBinding('ligature', () => ligature),\n      ],\n    };\n  }\n  return undefined;\n};\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {assertNotInReactiveContext, inject, Injectable, InjectionToken, Injector, runInInjectionContext} from '@angular/core';\nimport {materialIconProvider} from './material-icon-provider';\nimport {scionIconProvider} from './scion-icon-provider';\nimport {SciIconProviderFn} from './icon.provider';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Provides icons based on registered icon providers.\n */\n@Injectable({providedIn: 'root'})\nexport class IconProviders {\n\n  private readonly _iconProviders: SciIconProviderFn[] = [\n    // Provide app-specific icons.\n    ...inject(SCI_ICON_PROVIDER, {optional: true}) ?? [],\n    // Provide SCION icons.\n    scionIconProvider,\n    // Provide material icons.\n    materialIconProvider,\n  ];\n  private readonly _injector = inject(Injector);\n\n  /**\n   * Provides the icon descriptor for the given icon based on icon providers registered under the {@link SCI_ICON_PROVIDER} DI token.\n   *\n   * Icon providers are called in registration order. Returning `undefined` delegates to the next provider.\n   */\n  public provide(icon: string | undefined): SciComponentDescriptor | undefined {\n    assertNotInReactiveContext(this.provide, 'Call IconProviders.provide() in a non-reactive (non-tracking) context.');\n\n    if (!icon) {\n      return undefined;\n    }\n\n    if (!this._iconProviders.length) {\n      return undefined;\n    }\n\n    for (const iconProvider of this._iconProviders) {\n      const componentOrDescriptor = runInInjectionContext(this._injector, () => iconProvider(icon));\n      if (componentOrDescriptor) {\n        return typeof componentOrDescriptor === 'function' ? {component: componentOrDescriptor} : componentOrDescriptor;\n      }\n    }\n    return undefined;\n  }\n}\n\n/**\n * Multi-DI token for injecting icon providers.\n *\n * @see provideIconProvider\n * @see SciIconProviderFn\n */\nexport const SCI_ICON_PROVIDER = new InjectionToken<SciIconProviderFn[]>('SCI_ICON_PROVIDER');\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n *  SPDX-License-Identifier: EPL-2.0\n */\n\nimport {Component, computed, Directive, inject, ResourceRef, Signal, TemplateRef, untracked, viewChild} from '@angular/core';\nimport {coerceSignal, SciComponentDescriptor, SciComponentOutletDirective} from '@scion/components/common';\nimport {IconProviders} from './icon-providers';\nimport {fromMutation$} from '@scion/toolkit/observable';\nimport {concatWith, map, Observable, of} from 'rxjs';\nimport {rxResource} from '@angular/core/rxjs-interop';\n\n/**\n * Renders an icon based on registered icon providers.\n *\n * Set the icon name as the slotted content of the `<sci-icon>` component.\n *\n * Example:\n * ```html\n * <sci-icon>home</sci-icon>\n * ```\n *\n * Icons can be contributed via icon providers. Register an icon provider using the {@link provideIconProvider} function.\n *\n * ```ts\n * import {provideIconProvider} from '@scion/components/icon';\n * import {ComponentType} from '@angular/cdk/portal';\n * import {SciComponentDescriptor} from '@scion/components/common';\n *\n * provideIconProvider((icon: string): ComponentType<unknown> | SciComponentDescriptor | undefined => {\n *   return ...;\n * });\n * ```\n *\n * Providers are called in registration order. If a provider does not provide the icon, the next provider is called, and so on.\n * If no provider provides the icon, defaults to a Material icon provider, interpreting the icon as a Material icon font ligature.\n * Refer to https://fonts.google.com/icons for available Material icons and instructions on including the Material icon font.\n *\n * By default, the icon size is `1em`. To change the size, set the font-size on the `<sci-icon>` element or use the `--sci-icon-size` CSS variable.\n *\n * ```scss\n * sci-icon {\n *   --sci-icon-size: 16px;\n * }\n * ```\n *\n * @see provideIconProvider\n *\n * TODO [Angular 23] Consider changing encapsulation to `IsolatedShadowDom` when stable. See branch: issue/icon-shadow-dom.\n */\n@Component({\n  selector: 'sci-icon',\n  templateUrl: './icon.component.html',\n  styleUrl: './icon.component.scss',\n  imports: [\n    SciComponentOutletDirective,\n  ],\n  host: {\n    '[attr.icon]': 'slottedContent.value()', // Public API: Enables selecting the icon by name in CSS\n  },\n})\nexport class SciIconComponent {\n\n  protected readonly slottedContent = this.computeSlottedContent();\n  protected readonly iconDescriptor = this.computeIconDescriptor();\n\n  private readonly _slotTemplate = viewChild.required<TemplateRef<void>>('slot_template');\n\n  private computeIconDescriptor(): Signal<SciComponentDescriptor | undefined> {\n    const iconProviders = inject(IconProviders);\n\n    return computed(() => {\n      const slottedContent = this.slottedContent.value();\n\n      return untracked(() => {\n        const iconDescriptor = iconProviders.provide(slottedContent);\n\n        // Augment icon descriptor.\n        return iconDescriptor && {\n          ...iconDescriptor,\n          attributes: computed(() => ({\n            ...coerceSignal(iconDescriptor.attributes)?.(),\n            // Prevent user agent translating the icon.\n            translate: 'no',\n          })),\n          directives: [\n            ...iconDescriptor.directives ?? [],\n            // Set icon font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.\n            // For example, Material sets a fixed font size of 24px.\n            IconFontSizeDirective,\n          ],\n        } satisfies SciComponentDescriptor;\n      });\n    });\n  }\n\n  /**\n   * Reads the icon from slotted content.\n   */\n  private computeSlottedContent(): ResourceRef<string | undefined> {\n    return rxResource({\n      params: () => this._slotTemplate(),\n      stream: ({params: slotTemplate}) => new Observable<string | undefined>(observer => {\n        // Instantiate template to read slotted content.\n        const view = slotTemplate.createEmbeddedView(undefined);\n\n        // Return if empty, i.e., no icon to render.\n        if (!view.rootNodes.length) {\n          observer.next(undefined);\n          return;\n        }\n\n        // Ensure only text is provided as slotted content.\n        if (view.rootNodes.length > 1 || (view.rootNodes[0] as Element).nodeType !== Node.TEXT_NODE) {\n          observer.error(Error('[InvalidInputError] Only text (ligature) is allowed in slotted content of <sci-icon>.'));\n          return;\n        }\n\n        // Observe slotted content.\n        const textNode = view.rootNodes[0] as Text;\n        const subscription = of(textNode.textContent)\n          .pipe(\n            concatWith(fromMutation$(textNode, {characterData: true}).pipe(map(() => textNode.textContent))),\n            map(slottedContent => slottedContent.trim() || undefined),\n          )\n          .subscribe(observer);\n\n        return () => {\n          subscription.unsubscribe();\n          view.destroy();\n        };\n      }),\n    });\n  }\n}\n\n/**\n * Sets the font size to 'var(--sci-icon-size, 1em)', required to inherit the location's font size for icons with a fixed font size.\n * For example, Material sets a fixed font size of 24px.\n */\n@Directive({host: {'[style.font-size]': `'var(--sci-icon-size, 1em)'`}})\nclass IconFontSizeDirective {\n}\n","<ng-container *sciComponentOutlet=\"iconDescriptor()\"/>\n\n<!--Template to capture slotted content. -->\n<ng-template #slot_template>\n  <ng-content/>\n</ng-template>\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\nimport {EnvironmentProviders, makeEnvironmentProviders} from '@angular/core';\nimport {SCI_ICON_PROVIDER} from './icon-providers';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {SciComponentDescriptor} from '@scion/components/common';\n\n/**\n * Enables contribution or replacement of icons used in SCION.\n *\n * An icon provider is a function that returns a component for an icon. The component renders the icon.\n *\n * Multiple icon providers can be registered. Providers are called in registration order. Returning `undefined` delegates to the next provider.\n *\n * Defaults to a Material icon provider, interpreting the icon as a Material icon ligature.\n *\n * Refer to https://fonts.google.com/icons for available Material icons and https://developers.google.com/fonts/docs/material_symbols#use_in_web\n * for instructions on including the Material icon font.\n *\n * @example - Importing the Material icon font in `src/styles.scss`\n * ```scss\n * @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..24,400,0&display=block');\n * ```\n *\n * Built-in SCION icons start with the `scion:` prefix. To not replace SCION icons, the icon provider can return `undefined` for icons starting with the `scion:` prefix.\n * Refer to https://icons.scion.vercel.app for available SCION icons.\n *\n * The function can call `inject` to get required dependencies.\n *\n * @see SciIconProviderFn\n * @see SciIconComponent\n */\nexport function provideIconProvider(iconProviderFn: SciIconProviderFn | undefined): EnvironmentProviders {\n  return makeEnvironmentProviders(iconProviderFn ? [\n    {\n      provide: SCI_ICON_PROVIDER,\n      useValue: iconProviderFn,\n      multi: true,\n    },\n  ] : []);\n}\n\n/**\n * Signature of a function to provide icons.\n *\n * An icon provider is a function that returns the component for an icon. The component renders the icon.\n *\n * Alternatively, the icon provider can return a descriptor, allowing for additional configuration such as inputs.\n * Inputs are available as input properties in the component. The component can use the inputs to render the icon.\n *\n * Icon keys used by SCION start with the `scion:` prefix. To not replace SCION icons, the icon provider can\n * return `undefined` for icons starting with the `scion:` prefix.\n *\n * An icon provider can be registered via {@link provideIconProvider} function.\n *\n * The function can call `inject` to get required dependencies.\n *\n * @param icon - The key of the icon for which to provide the icon component.\n * @returns ComponentType or {@link SciComponentDescriptor} to render the icon, or `undefined` if not provided by the icon provider.\n */\nexport type SciIconProviderFn = (icon: string) => ComponentType<unknown> | SciComponentDescriptor | undefined;\n","/*\n * Copyright (c) 2018-2026 Swiss Federal Railways\n *\n * This program and the accompanying materials are made\n * available under the terms of the Eclipse Public License 2.0\n * which is available at https://www.eclipse.org/legal/epl-2.0/\n *\n * SPDX-License-Identifier: EPL-2.0\n */\n\n/*\n * Secondary entrypoint: '@scion/components/icon'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {SciIconComponent} from './icon.component';\nexport {provideIconProvider, type SciIconProviderFn} from './icon.provider';\nexport {SciIconFontComponent} from './icon-font.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}