@scion/components 22.1.0 → 22.3.0

package/fesm2022/scion-components-icon.mjs

@@ -0,0 +1,380 @@
+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 { fromMutation$ } from '@scion/toolkit/observable';
+import { of, concatWith, map } from 'rxjs';
+
+/*
+ * 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
+ */
+/**
+ * Provides Material icons for non-scion icons.
+ */
+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.
+ *
+ * This component requires a Material icon font to be included in the HTML.
+ *
+ * Supported fonts:
+ * - https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded
+ * - https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined
+ * - 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 }] }] } });
+
+/*
+ * 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
+ */
+/**
+ * Provides icons used in SCION libraries.
+ *
+ * Register this provider as the last icon provider, enabling replacement of built-in SCION icons.
+ */
+const scionIconProvider = (icon) => {
+    const ligature = icon.startsWith('scion.') ? icon.substring('scion.'.length) : undefined;
+    if (ligature) {
+        return { component: SciIconFontGlyphComponent, bindings: [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
+ *
+ * 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
+ */
+/**
+ * Provides icons based on registered icon providers.
+ */
+class IconProviders {
+    _iconProviders = [
+        // Provide app-specific icons.
+        ...inject(SCI_ICON_PROVIDER, { optional: true }) ?? [],
+        // Provide built-in icons.
+        scionIconProvider,
+        // Provide material icons.
+        materialIconProvider,
+    ];
+    _injector = inject(Injector);
+    /**
+     * 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.
+     */
+    provide(icon) {
+        if (!icon) {
+            return undefined;
+        }
+        if (!this._iconProviders.length) {
+            return undefined;
+        }
+        for (const iconProvider of this._iconProviders) {
+            const componentOrDescriptor = runInInjectionContext(this._injector, () => iconProvider(icon));
+            if (componentOrDescriptor) {
+                return typeof componentOrDescriptor === 'function' ? { component: componentOrDescriptor } : componentOrDescriptor;
+            }
+        }
+        return undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IconProviders, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IconProviders, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IconProviders, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/**
+ * Multi-DI token for injecting icon providers.
+ *
+ * @see provideIconProvider
+ * @see SciIconProviderFn
+ */
+const SCI_ICON_PROVIDER = new InjectionToken('SCI_ICON_PROVIDER');
+
+/*
+ * 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
+ */
+/**
+ * Renders an icon based on registered icon providers.
+ *
+ * Set the icon name as the slotted content of the `<sci-icon>` component.
+ *
+ * Example:
+ * ```html
+ * <sci-icon>home</sci-icon>
+ * ```
+ *
+ * An icon provider can be registered using {@link provideIconProvider}.
+ *
+ * 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.
+ * Refer to https://fonts.google.com/icons for available Material icons and instructions on including the Material icon font.
+ *
+ * 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.
+ *
+ * ```scss
+ * sci-icon {
+ *   --sci-icon-size: 16px;
+ * }
+ * ```
+ *
+ * @see provideIconProvider
+ *
+ * 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();
+    /**
+     * Reads the icon from slotted content and passes it to registered icon providers for resolution.
+     */
+    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());
+                // Return if empty, i.e., no icon to render.
+                if (!view.rootNodes.length) {
+                    icon.set(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>.');
+                }
+                // Watch 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());
+            });
+        });
+        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"] }] });
+}
+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,
+        ],
+    });
+}
+/**
+ * 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.
+ */
+class IconFontSizeDirective {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IconFontSizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: IconFontSizeDirective, isStandalone: true, host: { properties: { "style.font-size": "'var(--sci-icon-size, 1em)'" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: IconFontSizeDirective, decorators: [{
+            type: Directive,
+            args: [{ host: { '[style.font-size]': `'var(--sci-icon-size, 1em)'` } }]
+        }] });
+
+/*
+ * 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
+ */
+/**
+ * Enables contribution or replacement of icons used in SCION.
+ *
+ * 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.
+ *
+ * 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`
+ * ```scss
+ * @import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL@20..24,400,0&display=block');
+ * ```
+ *
+ * SCION uses the following built-in icons:
+ * - scion.add               : Add an item
+ * - scion.add_large         : Add an item (large)
+ * - scion.bin               : Bin symbol
+ * - scion.checkmark         : Indicates a selected option
+ * - scion.chevron_down      : Chevron down symbol
+ * - scion.chevron_left      : Chevron left symbol
+ * - scion.chevron_right     : Chevron right symbol
+ * - scion.chevron_up        : Chevron up symbol
+ * - scion.clear             : Clear items
+ * - scion.close             : Close a popover
+ * - scion.collapse_all      : Collapse all items
+ * - scion.copy              : Copy an item
+ * - scion.delete            : Delete an item
+ * - scion.dirty             : Indicates unsaved data
+ * - scion.drag_handle       : Drag or move an item
+ * - scion.duplicate         : Duplicate an item
+ * - scion.edit              : Edit an item
+ * - scion.emdash            : Em dash symbol
+ * - scion.envelope          : Envelope symbol
+ * - scion.envelope_closed   : Indicates a closed envelope
+ * - scion.envelope_opened   : Indicates an opened envelope
+ * - scion.expand_all        : Expand an item
+ * - scion.external_link     : Open link in a new tab
+ * - scion.filter            : Set or change a filter
+ * - scion.find              : Find an item
+ * - scion.folder            : Directory symbol
+ * - scion.help              : Indicates help, support, or documentation
+ * - scion.hide              : Hide a panel
+ * - scion.magnifier         : Magnifier symbol
+ * - scion.minimize          : Minimize a panel
+ * - scion.minus             : Minus sign
+ * - scion.modified          : Indicates modified data
+ * - scion.more_horizontal   : Show a popover to the left or right
+ * - scion.more_vertical     : Show a popover above or below
+ * - scion.new               : Create an item
+ * - scion.new_large         : Create an item (large)
+ * - scion.paste             : Paste from clipboard
+ * - scion.pen               : Pen symbol
+ * - scion.pin               : Pin an item
+ * - scion.pinned            : Indicates a pinned item
+ * - scion.placeholder_frame : Placeholder symbol
+ * - scion.placeholder_image : Placeholder symbol for an image
+ * - scion.plus              : Plus sign
+ * - scion.plus_large        : Plus sign (large)
+ * - scion.remove            : Remove an item (x)
+ * - scion.remove_minus      : Remove an item (-)
+ * - scion.reset             : Reset a form
+ * - scion.search            : Search for an item
+ * - scion.sort_ascending    : Sort items in ascending order (A-Z, 0-9)
+ * - scion.sort_by           : Change sort order
+ * - scion.sort_descending   : Sort items in descending order (Z-A, 9-0)
+ * - scion.user              : User symbol
+ *
+ * To not replace built-in icons, the icon provider can return `undefined` for icons starting with the `scion.` prefix.
+ *
+ * The function can call `inject` to get any required dependencies.
+ *
+ * @see SciIconProviderFn
+ * @see SciIconComponent
+ */
+function provideIconProvider(iconProviderFn) {
+    return makeEnvironmentProviders(iconProviderFn ? [
+        {
+            provide: SCI_ICON_PROVIDER,
+            useValue: iconProviderFn,
+            multi: 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
+ */
+/*
+ * Secondary entrypoint: '@scion/components/icon'
+ *
+ * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SciIconComponent, provideIconProvider };
+//# sourceMappingURL=scion-components-icon.mjs.map

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

@@ -0,0 +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 built-in 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 * SCION uses the following built-in icons:\n * - scion.add               : Add an item\n * - scion.add_large         : Add an item (large)\n * - scion.bin               : Bin symbol\n * - scion.checkmark         : Indicates a selected option\n * - scion.chevron_down      : Chevron down symbol\n * - scion.chevron_left      : Chevron left symbol\n * - scion.chevron_right     : Chevron right symbol\n * - scion.chevron_up        : Chevron up symbol\n * - scion.clear             : Clear items\n * - scion.close             : Close a popover\n * - scion.collapse_all      : Collapse all items\n * - scion.copy              : Copy an item\n * - scion.delete            : Delete an item\n * - scion.dirty             : Indicates unsaved data\n * - scion.drag_handle       : Drag or move an item\n * - scion.duplicate         : Duplicate an item\n * - scion.edit              : Edit an item\n * - scion.emdash            : Em dash symbol\n * - scion.envelope          : Envelope symbol\n * - scion.envelope_closed   : Indicates a closed envelope\n * - scion.envelope_opened   : Indicates an opened envelope\n * - scion.expand_all        : Expand an item\n * - scion.external_link     : Open link in a new tab\n * - scion.filter            : Set or change a filter\n * - scion.find              : Find an item\n * - scion.folder            : Directory symbol\n * - scion.help              : Indicates help, support, or documentation\n * - scion.hide              : Hide a panel\n * - scion.magnifier         : Magnifier symbol\n * - scion.minimize          : Minimize a panel\n * - scion.minus             : Minus sign\n * - scion.modified          : Indicates modified data\n * - scion.more_horizontal   : Show a popover to the left or right\n * - scion.more_vertical     : Show a popover above or below\n * - scion.new               : Create an item\n * - scion.new_large         : Create an item (large)\n * - scion.paste             : Paste from clipboard\n * - scion.pen               : Pen symbol\n * - scion.pin               : Pin an item\n * - scion.pinned            : Indicates a pinned item\n * - scion.placeholder_frame : Placeholder symbol\n * - scion.placeholder_image : Placeholder symbol for an image\n * - scion.plus              : Plus sign\n * - scion.plus_large        : Plus sign (large)\n * - scion.remove            : Remove an item (x)\n * - scion.remove_minus      : Remove an item (-)\n * - scion.reset             : Reset a form\n * - scion.search            : Search for an item\n * - scion.sort_ascending    : Sort items in ascending order (A-Z, 0-9)\n * - scion.sort_by           : Change sort order\n * - scion.sort_descending   : Sort items in descending order (Z-A, 9-0)\n * - scion.user              : User symbol\n *\n * To not replace built-in icons, the icon provider can return `undefined` for icons starting with the `scion.` prefix.\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 built-in 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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"}