@scion/components 22.4.0 → 22.5.0

package/fesm2022/scion-components-common.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { isSignal, signal, inject, Injector, effect, untracked, DestroyRef, assertInInjectionContext as assertInInjectionContext$1, input, ElementRef, IterableDiffers, Renderer2, Directive, ViewContainerRef, inputBinding } from '@angular/core';
+import { isSignal, signal, inject, Injector, effect, untracked, DestroyRef, assertInInjectionContext as assertInInjectionContext$1, input, ElementRef, IterableDiffers, Renderer2, Directive, ViewContainerRef, inputBinding, InjectionToken, LOCALE_ID } from '@angular/core';
 import { of, Observable } from 'rxjs';
 
 /*
@@ -228,6 +228,52 @@ function createComponent(viewContainerRef, descriptor) {
     });
 }
 
+/*
+ * 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
+ */
+/**
+ * DI token providing the current locale to SCION components for localizing dates and numbers.
+ *
+ * Defaults to {@link LOCALE_ID}. Changing the locale updates formatting in SCION components, unless overridden at the component level.
+ *
+ * Change the locale at runtime as follows:
+ * ```ts
+ * inject(SCI_LOCALE).set('de-CH');
+ * ```
+ *
+ * Angular includes only `en-US` by default. Register other locales via `registerLocaleData()`, typically in an environment initializer at app startup:
+ *
+ * ```ts
+ * import {bootstrapApplication} from '@angular/platform-browser';
+ * import {provideEnvironmentInitializer} from '@angular/core';
+ * import {registerLocaleData} from '@angular/common';
+ *
+ * import localeDeCH from '@angular/common/locales/de-CH';
+ * import localeFrCH from '@angular/common/locales/fr-CH';
+ * import localeItCH from '@angular/common/locales/it-CH';
+ *
+ * bootstrapApplication(AppComponent, {
+ *   providers: [
+ *     provideEnvironmentInitializer(() => {
+ *       registerLocaleData(localeDeCH);
+ *       registerLocaleData(localeFrCH);
+ *       registerLocaleData(localeItCH);
+ *     }),
+ *   ],
+ * });
+ * ```
+ */
+const SCI_LOCALE = new InjectionToken('SCI_LOCALE', {
+    providedIn: 'root',
+    factory: () => signal(inject(LOCALE_ID)),
+});
+
 /*
  * Copyright (c) 2018-2026 Swiss Federal Railways
  *
@@ -247,5 +293,5 @@ function createComponent(viewContainerRef, descriptor) {
  * Generated bundle index. Do not edit.
  */
 
-export { SciAttributesDirective, SciComponentOutletDirective, assertInInjectionContext, coerceSignal, createDestroyableInjector, toLazyObservable };
+export { SCI_LOCALE, SciAttributesDirective, SciComponentOutletDirective, assertInInjectionContext, coerceSignal, createDestroyableInjector, toLazyObservable };
 //# sourceMappingURL=scion-components-common.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"scion-components-common.mjs","sources":["../../../../projects/scion/components/common/src/signal.util.ts","../../../../projects/scion/components/common/src/injector.util.ts","../../../../projects/scion/components/common/src/attributes.directive.ts","../../../../projects/scion/components/common/src/component-outlet.directive.ts","../../../../projects/scion/components/common/src/public_api.ts","../../../../projects/scion/components/common/src/scion-components-common.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 {effect, inject, Injector, isSignal, signal, Signal, untracked} from '@angular/core';\nimport {Observable, of} from 'rxjs';\n\n/**\n * Represents a value or a {@link Signal} of that value.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n\n/**\n * Coerces the given value into a {@link Signal}. If the value is already a signal, it is returned as-is; otherwise, it is wrapped in a signal.\n *\n * Passing `undefined` returns `undefined`, unless the option `coerceUndefined` is set to `true`.\n *\n * @param value - Specifies the value to coerece.\n */\nexport function coerceSignal<T extends MaybeSignal<unknown>>(value: T): T extends Signal<unknown> ? T : T extends undefined ? undefined : Signal<T>;\n/**\n * Coerces the given value into a {@link Signal}. If the value is already a signal, it is returned as-is; otherwise, it is wrapped in a signal.\n *\n * @param value - Specifies the value to coerece.\n * @param options - Controls coercion.\n * @param options.coerceUndefined - If `true`, returns `signal(undefined)` for a `undefined` value. Defaults to `false`.\n */\nexport function coerceSignal<T>(value: MaybeSignal<T> | undefined, options: {coerceUndefined: true}): Signal<T | undefined>;\n\nexport function coerceSignal<T>(value: MaybeSignal<T>, options?: {coerceUndefined?: true}): Signal<T> | undefined {\n  if (value === undefined && !options?.coerceUndefined) {\n    return undefined;\n  }\n  return isSignal(value) ? value : signal(value);\n}\n\n/**\n * Like {@link toObservable}, but lazily creates the effect upon subscription, binding it to the subscription lifecycle instead of the injection context, plus, emits the signal's initial value synchronously.\n */\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>>, options?: {injector?: Injector}): Observable<NonNullable<T>>;\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>> | undefined, options?: {injector?: Injector}): Observable<NonNullable<T>> | undefined;\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>> | undefined, options?: {injector?: Injector}): Observable<NonNullable<T>> | undefined {\n  if (signal === undefined) {\n    return undefined;\n  }\n  if (!isSignal(signal)) {\n    return of(signal);\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  return new Observable(observer => {\n    const initialValue = signal();\n    let isFirstEffectRun = true;\n\n    // Emit initial value synchronously.\n    observer.next(initialValue);\n\n    const effectRef = effect(() => {\n      const value = signal();\n\n      untracked(() => {\n        if (!isFirstEffectRun || initialValue !== value) {\n          observer.next(value);\n        }\n        isFirstEffectRun = false;\n      });\n    }, {injector, manualCleanup: true});\n\n    return () => effectRef.destroy();\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 {assertInInjectionContext as ngAssertInInjectionContext, DestroyableInjector, DestroyRef, inject, Injector, Provider} from '@angular/core';\n\n/**\n * Creates a {@link DestroyableInjector} bound to the lifecycle of its parent injector. Defaults to the current injector if not configuring a parent injector.\n *\n * Unlike injectors created via {@link Injector.create}, the returned injector:\n * - Is destroyed with its parent, also if used outside a component injection context.\n * - Does not throw an error when invoking {@link DestroyableInjector.destroy} if already destroyed.\n * - Uses the current injection context as parent if no explicit parent injector is specified.\n *\n * @docs-private Not public API. For internal use only.\n *\n * @param options - Configures the injector.\n * @param options.parent - Specifies the parent injector. Defaults to the current injector.\n * @param options.providers - Specifies providers to associate with the injector.\n * @param options.name - Names the injector, useful for debugging the injector hierarchy.\n */\nexport function createDestroyableInjector(options?: {parent?: Injector; providers?: Provider[]; name?: string}): DestroyableInjector {\n  const parentInjector = options?.parent ?? inject(Injector);\n  const injector = Injector.create({parent: parentInjector, providers: options?.providers ?? [], name: options?.name});\n\n  // Destroy injector manually since not destroyed when the parent injector is destroyed.\n  // Angular only destroys child injectors in the scope of a component injector.\n  parentInjector.get(DestroyRef).onDestroy(() => injector.destroy());\n\n  // Patch `Injector.destroy` to not error if already destroyed.\n  const realDestroyFn = injector.destroy;\n  const destroyRef = injector.get(DestroyRef);\n  injector.destroy = () => !destroyRef.destroyed && realDestroyFn.apply(injector);\n  return injector;\n}\n\n/**\n * Asserts that the current stack frame is within an injection context and has access to inject.\n *\n * Delegates to `assertInInjectionContext` from @angular/core, adding the given message to the error if the assertion fails.\n *\n * @docs-private Not public API. For internal use only.\n */\nexport function assertInInjectionContext(debugFn: Function, message: string): void { // eslint-disable-line @typescript-eslint/no-unsafe-function-type\n  try {\n    ngAssertInInjectionContext(debugFn);\n  }\n  catch {\n    throw Error([`${debugFn.name}() can only be used within an injection context.`].concat(message ? message : []).join(' '));\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 {Directive, effect, ElementRef, inject, input, IterableDiffers, Renderer2, untracked} from '@angular/core';\n\n/**\n * Use to add specified attributes to the host element.\n */\n@Directive({selector: '[sciAttributes]'})\nexport class SciAttributesDirective {\n\n  /**\n   * Specifies attributes to add to the host element.\n   *\n   * Attributes with `null` or `undefined` values are removed.\n   */\n  public readonly attributes = input<{[name: string]: unknown | undefined | null} | undefined | null>(undefined, {alias: 'sciAttributes'});\n\n  constructor() {\n    const host = inject(ElementRef).nativeElement as HTMLElement;\n    const attributeDiffer = inject(IterableDiffers).find([]).create<string>();\n    const renderer = inject(Renderer2);\n\n    effect(() => {\n      const attributes = this.attributes() ?? {};\n\n      untracked(() => {\n        // Delete removed attributes.\n        const diff = attributeDiffer.diff(Object.keys(attributes));\n        diff?.forEachRemovedItem(({item: name}) => renderer.removeAttribute(host, name));\n\n        // Update added or changed attributes.\n        Object.entries(attributes).forEach(([key, value]) => {\n          if (value !== undefined && value !== null) {\n            renderer.setAttribute(host, key, `${value}`);\n          }\n          else {\n            renderer.removeAttribute(host, key);\n          }\n        });\n      });\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 {Binding, ComponentRef, Directive, effect, inject, Injector, input, inputBinding, Provider, Type, untracked, ViewContainerRef} from '@angular/core';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {SciAttributesDirective} from './attributes.directive';\nimport {coerceSignal, MaybeSignal} from './signal.util';\n\n/**\n * Renders a component based on a descriptor, similar to `ngComponentOutlet`, but with input bindings.\n *\n * Usage:\n *\n * ```html\n * <ng-container *sciComponentOutlet=\"descriptor\"/>\n * ````\n *\n * ```ts\n * protected readonly descriptor: SciComponentDescriptor = {\n *   component: FilterComponent,\n *   bindings: [\n *     inputBinding('placeholder', signal('Filter items...')),\n *   ],\n * };\n * ```\n */\n@Directive({selector: 'ng-template[sciComponentOutlet]'})\nexport class SciComponentOutletDirective {\n\n  /**\n   * Specifies the component to render.\n   */\n  public readonly descriptor = input.required<SciComponentDescriptor | undefined | null>({alias: 'sciComponentOutlet'});\n\n  constructor() {\n    const viewContainerRef = inject(ViewContainerRef);\n\n    effect(onCleanup => {\n      const descriptor = this.descriptor();\n\n      untracked(() => {\n        const component = descriptor && createComponent(viewContainerRef, descriptor);\n        onCleanup(() => component?.destroy());\n      });\n    });\n  }\n}\n\n/**\n * Instantiates the specified component and inserts it after the specified view container.\n */\nfunction createComponent(viewContainerRef: ViewContainerRef, descriptor: SciComponentDescriptor): ComponentRef<unknown> {\n  // Provide providers via host directive.\n  @Directive({providers: descriptor.providers ?? []})\n  class ProvidersDirective {\n  }\n\n  // Provide CSS classes via host directive.\n  @Directive({host: {'[class]': 'cssClass?.()'}})\n  class CssClassDirective {\n    protected readonly cssClass = coerceSignal(descriptor.cssClass);\n  }\n\n  return viewContainerRef.createComponent(descriptor.component, {\n    directives: [\n      ProvidersDirective,\n      CssClassDirective,\n      {type: SciAttributesDirective, bindings: [inputBinding('sciAttributes', coerceSignal(descriptor.attributes ?? {}))]},\n      ...descriptor.directives ?? [],\n    ],\n    bindings: descriptor.bindings,\n    injector: descriptor.injector,\n  });\n}\n\n/**\n * Describes the rendering of a component.\n */\nexport interface SciComponentDescriptor {\n  /**\n   * Specifies the component to render.\n   */\n  component: ComponentType<unknown>;\n  /**\n   * Specifies input and output bindings.\n   *\n   * @example - Passing inputs to the component\n   * ```ts\n   * bindings: [inputBinding('placeholder', signal('Filter items...'))];\n   * ```\n   *\n   * Inputs are available as input properties in the component.\n   *\n   * @example - Reading inputs in the component\n   * ```ts\n   * public placeholder = input.required<string>();\n   * ```\n   *\n   * @see inputBinding\n   * @see outputBinding\n   * @see twoWayBinding\n   */\n  bindings?: Binding[];\n  /**\n   * Specifies directives to be applied to the component.\n   */\n  directives?: Array<Type<unknown> | {type: Type<unknown>; bindings: Binding[]}>;\n  /**\n   * Specifies the injector used to instantiate the component, giving control over which objects are available for injection. Defaults to the element injector.\n   *\n   * ```ts\n   * Injector.create({\n   *   parent: ...,\n   *   providers: [\n   *    {provide: <TOKEN>, useValue: <VALUE>}\n   *   ],\n   * })\n   * ```\n   */\n  injector?: Injector;\n  /**\n   * Specifies providers available for injection in the component.\n   */\n  providers?: Provider[];\n  /**\n   * Specifies CSS classes to associate with the component.\n   */\n  cssClass?: MaybeSignal<string | string[]>;\n  /**\n   * Specifies HTML attributes to associate with the component.\n   *\n   * Data attributes should start with the `data-` prefix.\n   */\n  attributes?: MaybeSignal<{[name: string]: string | 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\n/*\n * Secondary entrypoint: '@scion/components/common'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {coerceSignal, type MaybeSignal, toLazyObservable} from './signal.util';\nexport {createDestroyableInjector, assertInInjectionContext} from './injector.util';\nexport {type SciComponentDescriptor, SciComponentOutletDirective} from './component-outlet.directive';\nexport {SciAttributesDirective} from './attributes.directive';\nexport {type SciTemplateDescriptor} from './template-descriptor';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ngAssertInInjectionContext"],"mappings":"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"}
+{"version":3,"file":"scion-components-common.mjs","sources":["../../../../projects/scion/components/common/src/signal.util.ts","../../../../projects/scion/components/common/src/injector.util.ts","../../../../projects/scion/components/common/src/attributes.directive.ts","../../../../projects/scion/components/common/src/component-outlet.directive.ts","../../../../projects/scion/components/common/src/locale.ts","../../../../projects/scion/components/common/src/public_api.ts","../../../../projects/scion/components/common/src/scion-components-common.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 {effect, inject, Injector, isSignal, signal, Signal, untracked} from '@angular/core';\nimport {Observable, of} from 'rxjs';\n\n/**\n * Represents a value or a {@link Signal} of that value.\n */\nexport type MaybeSignal<T> = T | Signal<T>;\n\n/**\n * Coerces the given value into a {@link Signal}. If the value is already a signal, it is returned as-is; otherwise, it is wrapped in a signal.\n *\n * Passing `undefined` returns `undefined`, unless the option `coerceUndefined` is set to `true`.\n *\n * @param value - Specifies the value to coerece.\n */\nexport function coerceSignal<T extends MaybeSignal<unknown>>(value: T): T extends Signal<unknown> ? T : T extends undefined ? undefined : Signal<T>;\n/**\n * Coerces the given value into a {@link Signal}. If the value is already a signal, it is returned as-is; otherwise, it is wrapped in a signal.\n *\n * @param value - Specifies the value to coerece.\n * @param options - Controls coercion.\n * @param options.coerceUndefined - If `true`, returns `signal(undefined)` for a `undefined` value. Defaults to `false`.\n */\nexport function coerceSignal<T>(value: MaybeSignal<T> | undefined, options: {coerceUndefined: true}): Signal<T | undefined>;\n\nexport function coerceSignal<T>(value: MaybeSignal<T>, options?: {coerceUndefined?: true}): Signal<T> | undefined {\n  if (value === undefined && !options?.coerceUndefined) {\n    return undefined;\n  }\n  return isSignal(value) ? value : signal(value);\n}\n\n/**\n * Like {@link toObservable}, but lazily creates the effect upon subscription, binding it to the subscription lifecycle instead of the injection context, plus, emits the signal's initial value synchronously.\n */\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>>, options?: {injector?: Injector}): Observable<NonNullable<T>>;\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>> | undefined, options?: {injector?: Injector}): Observable<NonNullable<T>> | undefined;\nexport function toLazyObservable<T>(signal: MaybeSignal<NonNullable<T>> | undefined, options?: {injector?: Injector}): Observable<NonNullable<T>> | undefined {\n  if (signal === undefined) {\n    return undefined;\n  }\n  if (!isSignal(signal)) {\n    return of(signal);\n  }\n\n  const injector = options?.injector ?? inject(Injector);\n  return new Observable(observer => {\n    const initialValue = signal();\n    let isFirstEffectRun = true;\n\n    // Emit initial value synchronously.\n    observer.next(initialValue);\n\n    const effectRef = effect(() => {\n      const value = signal();\n\n      untracked(() => {\n        if (!isFirstEffectRun || initialValue !== value) {\n          observer.next(value);\n        }\n        isFirstEffectRun = false;\n      });\n    }, {injector, manualCleanup: true});\n\n    return () => effectRef.destroy();\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 {assertInInjectionContext as ngAssertInInjectionContext, DestroyableInjector, DestroyRef, inject, Injector, Provider} from '@angular/core';\n\n/**\n * Creates a {@link DestroyableInjector} bound to the lifecycle of its parent injector. Defaults to the current injector if not configuring a parent injector.\n *\n * Unlike injectors created via {@link Injector.create}, the returned injector:\n * - Is destroyed with its parent, also if used outside a component injection context.\n * - Does not throw an error when invoking {@link DestroyableInjector.destroy} if already destroyed.\n * - Uses the current injection context as parent if no explicit parent injector is specified.\n *\n * @docs-private Not public API. For internal use only.\n *\n * @param options - Configures the injector.\n * @param options.parent - Specifies the parent injector. Defaults to the current injector.\n * @param options.providers - Specifies providers to associate with the injector.\n * @param options.name - Names the injector, useful for debugging the injector hierarchy.\n */\nexport function createDestroyableInjector(options?: {parent?: Injector; providers?: Provider[]; name?: string}): DestroyableInjector {\n  const parentInjector = options?.parent ?? inject(Injector);\n  const injector = Injector.create({parent: parentInjector, providers: options?.providers ?? [], name: options?.name});\n\n  // Destroy injector manually since not destroyed when the parent injector is destroyed.\n  // Angular only destroys child injectors in the scope of a component injector.\n  parentInjector.get(DestroyRef).onDestroy(() => injector.destroy());\n\n  // Patch `Injector.destroy` to not error if already destroyed.\n  const realDestroyFn = injector.destroy;\n  const destroyRef = injector.get(DestroyRef);\n  injector.destroy = () => !destroyRef.destroyed && realDestroyFn.apply(injector);\n  return injector;\n}\n\n/**\n * Asserts that the current stack frame is within an injection context and has access to inject.\n *\n * Delegates to `assertInInjectionContext` from @angular/core, adding the given message to the error if the assertion fails.\n *\n * @docs-private Not public API. For internal use only.\n */\nexport function assertInInjectionContext(debugFn: Function, message: string): void { // eslint-disable-line @typescript-eslint/no-unsafe-function-type\n  try {\n    ngAssertInInjectionContext(debugFn);\n  }\n  catch {\n    throw Error([`${debugFn.name}() can only be used within an injection context.`].concat(message ? message : []).join(' '));\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 {Directive, effect, ElementRef, inject, input, IterableDiffers, Renderer2, untracked} from '@angular/core';\n\n/**\n * Use to add specified attributes to the host element.\n */\n@Directive({selector: '[sciAttributes]'})\nexport class SciAttributesDirective {\n\n  /**\n   * Specifies attributes to add to the host element.\n   *\n   * Attributes with `null` or `undefined` values are removed.\n   */\n  public readonly attributes = input<{[name: string]: unknown | undefined | null} | undefined | null>(undefined, {alias: 'sciAttributes'});\n\n  constructor() {\n    const host = inject(ElementRef).nativeElement as HTMLElement;\n    const attributeDiffer = inject(IterableDiffers).find([]).create<string>();\n    const renderer = inject(Renderer2);\n\n    effect(() => {\n      const attributes = this.attributes() ?? {};\n\n      untracked(() => {\n        // Delete removed attributes.\n        const diff = attributeDiffer.diff(Object.keys(attributes));\n        diff?.forEachRemovedItem(({item: name}) => renderer.removeAttribute(host, name));\n\n        // Update added or changed attributes.\n        Object.entries(attributes).forEach(([key, value]) => {\n          if (value !== undefined && value !== null) {\n            renderer.setAttribute(host, key, `${value}`);\n          }\n          else {\n            renderer.removeAttribute(host, key);\n          }\n        });\n      });\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 {Binding, ComponentRef, Directive, effect, inject, Injector, input, inputBinding, Provider, Type, untracked, ViewContainerRef} from '@angular/core';\nimport {ComponentType} from '@angular/cdk/portal';\nimport {SciAttributesDirective} from './attributes.directive';\nimport {coerceSignal, MaybeSignal} from './signal.util';\n\n/**\n * Renders a component based on a descriptor, similar to `ngComponentOutlet`, but with input bindings.\n *\n * Usage:\n *\n * ```html\n * <ng-container *sciComponentOutlet=\"descriptor\"/>\n * ````\n *\n * ```ts\n * protected readonly descriptor: SciComponentDescriptor = {\n *   component: FilterComponent,\n *   bindings: [\n *     inputBinding('placeholder', signal('Filter items...')),\n *   ],\n * };\n * ```\n */\n@Directive({selector: 'ng-template[sciComponentOutlet]'})\nexport class SciComponentOutletDirective {\n\n  /**\n   * Specifies the component to render.\n   */\n  public readonly descriptor = input.required<SciComponentDescriptor | undefined | null>({alias: 'sciComponentOutlet'});\n\n  constructor() {\n    const viewContainerRef = inject(ViewContainerRef);\n\n    effect(onCleanup => {\n      const descriptor = this.descriptor();\n\n      untracked(() => {\n        const component = descriptor && createComponent(viewContainerRef, descriptor);\n        onCleanup(() => component?.destroy());\n      });\n    });\n  }\n}\n\n/**\n * Instantiates the specified component and inserts it after the specified view container.\n */\nfunction createComponent(viewContainerRef: ViewContainerRef, descriptor: SciComponentDescriptor): ComponentRef<unknown> {\n  // Provide providers via host directive.\n  @Directive({providers: descriptor.providers ?? []})\n  class ProvidersDirective {\n  }\n\n  // Provide CSS classes via host directive.\n  @Directive({host: {'[class]': 'cssClass?.()'}})\n  class CssClassDirective {\n    protected readonly cssClass = coerceSignal(descriptor.cssClass);\n  }\n\n  return viewContainerRef.createComponent(descriptor.component, {\n    directives: [\n      ProvidersDirective,\n      CssClassDirective,\n      {type: SciAttributesDirective, bindings: [inputBinding('sciAttributes', coerceSignal(descriptor.attributes ?? {}))]},\n      ...descriptor.directives ?? [],\n    ],\n    bindings: descriptor.bindings,\n    injector: descriptor.injector,\n  });\n}\n\n/**\n * Describes the rendering of a component.\n */\nexport interface SciComponentDescriptor {\n  /**\n   * Specifies the component to render.\n   */\n  component: ComponentType<unknown>;\n  /**\n   * Specifies input and output bindings.\n   *\n   * @example - Passing inputs to the component\n   * ```ts\n   * bindings: [inputBinding('placeholder', signal('Filter items...'))];\n   * ```\n   *\n   * Inputs are available as input properties in the component.\n   *\n   * @example - Reading inputs in the component\n   * ```ts\n   * public placeholder = input.required<string>();\n   * ```\n   *\n   * @see inputBinding\n   * @see outputBinding\n   * @see twoWayBinding\n   */\n  bindings?: Binding[];\n  /**\n   * Specifies directives to be applied to the component.\n   */\n  directives?: Array<Type<unknown> | {type: Type<unknown>; bindings: Binding[]}>;\n  /**\n   * Specifies the injector used to instantiate the component, giving control over which objects are available for injection. Defaults to the element injector.\n   *\n   * ```ts\n   * Injector.create({\n   *   parent: ...,\n   *   providers: [\n   *    {provide: <TOKEN>, useValue: <VALUE>}\n   *   ],\n   * })\n   * ```\n   */\n  injector?: Injector;\n  /**\n   * Specifies providers available for injection in the component.\n   */\n  providers?: Provider[];\n  /**\n   * Specifies CSS classes to associate with the component.\n   */\n  cssClass?: MaybeSignal<string | string[]>;\n  /**\n   * Specifies HTML attributes to associate with the component.\n   *\n   * Data attributes should start with the `data-` prefix.\n   */\n  attributes?: MaybeSignal<{[name: string]: string | 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 {inject, InjectionToken, LOCALE_ID, signal, WritableSignal} from '@angular/core';\n\n/**\n * DI token providing the current locale to SCION components for localizing dates and numbers.\n *\n * Defaults to {@link LOCALE_ID}. Changing the locale updates formatting in SCION components, unless overridden at the component level.\n *\n * Change the locale at runtime as follows:\n * ```ts\n * inject(SCI_LOCALE).set('de-CH');\n * ```\n *\n * Angular includes only `en-US` by default. Register other locales via `registerLocaleData()`, typically in an environment initializer at app startup:\n *\n * ```ts\n * import {bootstrapApplication} from '@angular/platform-browser';\n * import {provideEnvironmentInitializer} from '@angular/core';\n * import {registerLocaleData} from '@angular/common';\n *\n * import localeDeCH from '@angular/common/locales/de-CH';\n * import localeFrCH from '@angular/common/locales/fr-CH';\n * import localeItCH from '@angular/common/locales/it-CH';\n *\n * bootstrapApplication(AppComponent, {\n *   providers: [\n *     provideEnvironmentInitializer(() => {\n *       registerLocaleData(localeDeCH);\n *       registerLocaleData(localeFrCH);\n *       registerLocaleData(localeItCH);\n *     }),\n *   ],\n * });\n * ```\n */\nexport const SCI_LOCALE = new InjectionToken<WritableSignal<string>>('SCI_LOCALE', {\n  providedIn: 'root',\n  factory: () => signal(inject(LOCALE_ID)),\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\n/*\n * Secondary entrypoint: '@scion/components/common'\n *\n * @see https://github.com/ng-packagr/ng-packagr/blob/master/docs/secondary-entrypoints.md\n */\nexport {coerceSignal, type MaybeSignal, toLazyObservable} from './signal.util';\nexport {createDestroyableInjector, assertInInjectionContext} from './injector.util';\nexport {type SciComponentDescriptor, SciComponentOutletDirective} from './component-outlet.directive';\nexport {SciAttributesDirective} from './attributes.directive';\nexport {type SciTemplateDescriptor} from './template-descriptor';\nexport {SCI_LOCALE} from './locale';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":["ngAssertInInjectionContext"],"mappings":"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"}

package/fesm2022/scion-components-menu.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { untracked, inject, Injector, InjectionToken, computed, runInInjectionContext, effect, assertNotInReactiveContext, NgZone, DOCUMENT, DestroyRef, isSignal, Injectable, Pipe, input, createComponent, inputBinding, ElementRef, EnvironmentInjector, ApplicationRef, Component, model, viewChild, signal, viewChildren, linkedSignal, ViewContainerRef, afterRenderEffect, Directive } from '@angular/core';
+import { untracked, inject, Injector, InjectionToken, computed, runInInjectionContext, effect, assertNotInReactiveContext, NgZone, DOCUMENT, DestroyRef, isSignal, Injectable, Pipe, input, createComponent, inputBinding, ElementRef, EnvironmentInjector, ApplicationRef, Component, model, viewChild, signal, viewChildren, linkedSignal, ViewContainerRef, onIdle, afterRenderEffect, Directive } from '@angular/core';
 import * as i1$1 from '@scion/components/common';
 import { coerceSignal, createDestroyableInjector, SciComponentOutletDirective, SciAttributesDirective, assertInInjectionContext } from '@scion/components/common';
 import { Objects, Arrays, prune, Maps } from '@scion/toolkit/util';
@@ -1595,14 +1595,8 @@ class SciMenuComponent {
         // Wait until menu items are available, maximal until idle; may initially be empty due to asynchronous menu contributions.
         toObservable(this.menuItems)
             .pipe(filter(menuItems => !!menuItems.length), observeOn(animationFrameScheduler), // Wait until next render cycle to capture menu width.
-        raceWith(new Promise(resolve => {
-            if (typeof requestIdleCallback === 'function') {
-                requestIdleCallback(resolve, { timeout: 250 });
-            }
-            else {
-                setTimeout(resolve, 250); // Fallback if browser does not support `requestIdleCallback`, e.g., Safari
-            }
-        })), take(1), takeUntilDestroyed())
+        raceWith(onIdle({ timeout: 250 })), // Fallback if no menu items are contributed.
+        take(1), takeUntilDestroyed())
             .subscribe(() => {
             this.menuSize.update(size => ({ ...size, width: `${host.getBoundingClientRect().width}px` }));
         });