@siemens/element-ng 47.7.0 → 48.0.0-next.1

package/header-dropdown/index.d.ts

@@ -1,9 +1,154 @@
+import * as _siemens_element_ng_header_dropdown from '@siemens/element-ng/header-dropdown';
+import * as _angular_core from '@angular/core';
+import { OnChanges, OnInit, OnDestroy, TemplateRef, InjectionToken } from '@angular/core';
+import { MenuItem } from '@siemens/element-ng/common';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { Observable } from 'rxjs';
+
+/**
+ * Trigger to open dropdowns in a navbar.
+ * A dropdown will always be attached to the view, even if not visible.
+ *
+ * If a dropdown is opened in desktop mode, it will be reattached to an overlay while being opened.
+ */
+declare class SiHeaderDropdownTriggerDirective implements OnChanges, OnInit, OnDestroy {
+    private static idCounter;
+    /** Template that be rendered inside the dropdown. */
+    readonly dropdown: _angular_core.InputSignal<TemplateRef<unknown>>;
+    /** Data that should be passed as template context to the dropdown. */
+    readonly dropdownData: _angular_core.InputSignal<unknown>;
+    /** Emits whenever a dropdown is opened or closed. */
+    readonly openChange: _angular_core.OutputEmitterRef<boolean>;
+    private readonly dropdownClose;
+    /** Child triggers will set themselves here if they are open. */
+    private openSubmenu?;
+    private readonly viewContainerRef;
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly parent;
+    /** @internal */
+    readonly navbar: _siemens_element_ng_header_dropdown.HeaderWithDropdowns | null;
+    private readonly injector;
+    private viewRef?;
+    private portal?;
+    private overlayRef?;
+    /** @internal */
+    readonly level: number;
+    private destroying;
+    /** @internal */
+    readonly id: string;
+    protected _isOpen: boolean;
+    /** @internal */
+    readonly ariaControls: string;
+    private headerAnchorComponentRef?;
+    /** Whether the dropdown is open. */
+    get isOpen(): boolean;
+    /** @internal */
+    get isOverlay(): boolean;
+    ngOnChanges(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Opens the dropdown. */
+    open(): void;
+    /** Closes the dropdown. */
+    close(options?: {
+        all?: boolean;
+    }): void;
+    protected click(): void;
+    private attachDropdownInline;
+    private attachDropdownOverlay;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiHeaderDropdownTriggerDirective, "[siHeaderDropdownTriggerFor]", ["siHeaderDropdownTrigger"], { "dropdown": { "alias": "siHeaderDropdownTriggerFor"; "required": true; "isSignal": true; }; "dropdownData": { "alias": "dropdownData"; "required": false; "isSignal": true; }; }, { "openChange": "openChange"; }, never, never, true, never>;
+}
+
+/**
+ * Wrapper component for {@link SiHeaderDropdownItemComponent}.
+ * Must only be opened using an {@link SiHeaderDropdownTriggerDirective}.
+ */
+declare class SiHeaderDropdownComponent {
+    protected trigger: SiHeaderDropdownTriggerDirective;
+    private readonly focusTrap;
+    private previousElement;
+    private readonly document;
+    private readonly options;
+    constructor();
+    protected get show(): boolean;
+    protected get submenu(): boolean;
+    protected get trapFocus(): boolean;
+    protected escape(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownComponent, "si-header-dropdown", never, {}, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Creates a dropdown-item. Must be used within an {@link SiHeaderDropdownComponent}.
+ */
+declare class SiHeaderDropdownItemComponent {
+    /** Optional icon that will be rendered before the label. */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Badge that is rendered after the label. */
+    readonly badge: _angular_core.InputSignal<string | number | undefined>;
+    /** Badge (always red) that is attached to the icon. */
+    readonly iconBadge: _angular_core.InputSignal<string | number | undefined>;
+    /** Color of the badge (not iconBadge). */
+    readonly badgeColor: _angular_core.InputSignal<string | undefined>;
+    /** Whether the icon is checked with a radio or check mark. */
+    readonly checked: _angular_core.InputSignal<"" | "radio" | "check" | undefined>;
+    protected readonly ownTrigger: SiHeaderDropdownTriggerDirective | null;
+    protected readonly parentTrigger: SiHeaderDropdownTriggerDirective;
+    protected readonly navbar: _siemens_element_ng_header_dropdown.HeaderWithDropdowns | null;
+    protected click(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownItemComponent, "si-header-dropdown-item, a[si-header-dropdown-item], button[si-header-dropdown-item]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "iconBadge": { "alias": "iconBadge"; "required": false; "isSignal": true; }; "badgeColor": { "alias": "badgeColor"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * A factory to render multiple {@link MenuItem}.
+ * Requires a wrapping {@link SiHeaderDropdownComponent}.
+ *
+ * @internal
+ */
+declare class SiHeaderDropdownItemsFactoryComponent {
+    readonly items: _angular_core.InputSignal<MenuItem[]>;
+    readonly activeChange: _angular_core.OutputEmitterRef<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiHeaderDropdownItemsFactoryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiHeaderDropdownItemsFactoryComponent, "si-header-dropdown-items-factory", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, { "activeChange": "activeChange"; }, never, never, true, never>;
+}
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-header-dropdown.component';
-export * from './si-header-dropdown-trigger.directive';
-export * from './si-header-dropdown-item.component';
-export * from './si-header-dropdown-items-factory.component';
-export * from './si-header.model';
+
+/** @internal */
+interface HeaderWithDropdowns {
+    /** Called whenever an item is triggered that is not opening another dropdown. */
+    onDropdownItemTriggered?(): void;
+    /** Whether the dropdown should be opened inline. */
+    inlineDropdown?: Observable<boolean>;
+    /** The position of the dropdown if opened in an overlay. */
+    overlayPosition?: ConnectedPosition[];
+    /** Called whenever a dropdown is opened **/
+    dropdownOpened?(trigger: SiHeaderDropdownTriggerDirective): void;
+    /** Called whenever a dropdown is close **/
+    dropdownClosed?(trigger: SiHeaderDropdownTriggerDirective): void;
+}
+/** @internal */
+declare const SI_HEADER_WITH_DROPDOWNS: InjectionToken<HeaderWithDropdowns>;
+/**
+ * Can be used to pass context-specific options to a header-dropdown
+ * that should / or cannot be provided by a consuming application.
+ * @internal
+ */
+interface HeaderDropdownOptions {
+    /**
+     * If the inline navbar is already wrapped in a focus trap,
+     * set this property to prevent the header-dropdown from creating a focus trap.
+     */
+    disableRootFocusTrapForInlineMode: boolean;
+}
+/** @internal */
+declare const SI_HEADER_DROPDOWN_OPTIONS: InjectionToken<HeaderDropdownOptions>;
+
+export { SI_HEADER_DROPDOWN_OPTIONS, SI_HEADER_WITH_DROPDOWNS, SiHeaderDropdownComponent, SiHeaderDropdownItemComponent, SiHeaderDropdownItemsFactoryComponent, SiHeaderDropdownTriggerDirective };
+export type { HeaderDropdownOptions, HeaderWithDropdowns };

package/help-button/index.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@siemens/element-ng/popover-next';
+
+/**
+ * This component creates a help button that shows contextual help in a popover.
+ *
+ * @example
+ * ```html
+ * <button
+ *   type="button"
+ *   si-help-button
+ *   siHelpTitle="Help for problem"
+ *   siHelpContent="Use your imagination to solve this problem."
+ * >
+ *   <!-- This text is only visible to screen reader. Provide a meaningful text, not only "help" -->
+ *   How to solve the problem?
+ * </button>
+ * ```
+ */
+declare class SiHelpButtonComponent {
+    protected icons: Record<"elementHelp", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiHelpButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiHelpButtonComponent, "button[si-help-button]", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.SiPopoverNextDirective; inputs: { "siPopoverNextTitle": "siHelpTitle"; "siPopoverNext": "siHelpContent"; "siPopoverNextContext": "siHelpContext"; "siPopoverNextPlacement": "siHelpPlacement"; }; outputs: {}; }]>;
+}
+
+export { SiHelpButtonComponent };

package/help-button/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/siemens-element-ng-help-button.mjs"
+}

package/icon/index.d.ts

@@ -1,11 +1,214 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Provider } from '@angular/core';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import * as _siemens_element_ng_common from '@siemens/element-ng/common';
+import { StatusIcon, EntityStatusType } from '@siemens/element-ng/common';
+import * as _angular_platform_browser from '@angular/platform-browser';
+
+declare class SiIconComponent {
+    /** Icon token, see {@link https://element.siemens.io/icons/element} */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes} */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/} */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /** Color class, see {@link https://element.siemens.io/fundamentals/icons/} */
+    readonly stackedColor: _angular_core.InputSignal<string | undefined>;
+    /** Alternative name or translation key for icon. Used for A11y. */
+    readonly alt: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}
+     *
+     * @defaultValue 'icon'
+     */
+    readonly size: _angular_core.InputSignal<string>;
+    protected readonly altText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconComponent, "si-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "stackedColor": { "alias": "stackedColor"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiIconModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiIconModule, never, [typeof SiIconComponent], [typeof SiIconComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiIconModule>;
+}
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-icon.module';
-export * from './icon-status';
-export { addIcons } from './si-icons';
-export * from './si-icon-next.component';
-export * from './si-icon.component';
-export * from './si-status-icon.component';
-export * from './element-icons';
+
+/**
+ * The status icon configuration.
+ *
+ * @experimental
+ */
+declare const STATUS_ICON_CONFIG: InjectionToken<{
+    success: StatusIcon;
+    info: StatusIcon;
+    warning: StatusIcon;
+    danger: StatusIcon;
+    caution: StatusIcon;
+    critical: StatusIcon;
+    unknown: StatusIcon;
+    pending: StatusIcon;
+    progress: StatusIcon;
+}>;
+
+/**
+ * Adds the provided icons.
+ * It requires an Angular InjectionContent.
+ * The Icons are available until the component is destroyed.
+ * Call this function only in the component which actually uses the icon.
+ * Importing all icons on the global level is discouraged.
+ *
+ * When using a string instead of the object to use an icon,
+ * use the kebab-case version of the icon name.
+ *
+ * @example
+ * ```ts
+ * import { elementIcon } from '@simpl/element-icons/ionic';
+ * import { addIcons } from '@siemens/element-ng/icon'
+ *
+ * @Component({`<si-icon-next [icon]="icons.elementIcon"`})
+ * class MyComponent {
+ *   icons = addIcons({ elementIcon })
+ * }
+ * ```
+ */
+declare const addIcons: <T extends string>(icons: Record<T, string>) => Record<T, string>;
+
+/**
+ * Global configuration for icons.
+ *
+ * @experimental
+ */
+interface IconConfig {
+    /**
+     * If true, the si-icon-next component will always render the icon font instead of the svg.
+     *
+     * @defaultValue true
+     */
+    disableSvgIcons?: boolean;
+}
+/**
+ * Configure how Element handles icons. Provide only once in your global configuration.
+ *
+ * @experimental
+ */
+declare const provideIconConfig: (config: IconConfig) => Provider;
+/**
+ * Component to render a font or SVG icon depending on the configuration.
+ * If no SVG icon is found, the component will fall back to render the icon-font.
+ * In that case, an application must ensure that the icon font is loaded.
+ * This component will only attach the respective class.
+ *
+ * The content of this component is hidden in the a11y tree.
+ * If needed, the consumer must set proper labels.
+ *
+ * @experimental
+ */
+declare class SiIconNextComponent {
+    /**
+     * Define which icon should be rendered.
+     * Provide using:
+     * - value of the icon map provided by `addIcons`
+     * - (not recommended): plain string in kebab-case or camelCase
+     *
+     * @example
+     * ```ts
+     * import { elementUser } from '@simpl/element-icons/ionic';
+     *
+     * @Component({template: `
+     *   <si-icon-next [icon]="icons.elementUser" />
+     *   <si-icon-next icon="element-user" />
+     *   <si-icon-next icon="elementUser" />
+     *
+     * `})
+     * class MyComponent {
+     *   icons = addIcons(elementUser);
+     * }
+     * ```
+     */
+    readonly icon: _angular_core.InputSignal<string>;
+    private readonly config;
+    private readonly iconService;
+    protected readonly svgIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml | undefined>;
+    /** Icon class, which is ensured to be kebab-case. */
+    protected readonly fontIcon: _angular_core.Signal<string | undefined>;
+    private camelToKebabCase;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconNextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconNextComponent, "si-icon-next", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiStatusIconComponent {
+    private readonly statusIcons;
+    readonly status: _angular_core.InputSignal<EntityStatusType>;
+    protected readonly statusIcon: _angular_core.Signal<_siemens_element_ng_common.StatusIcon>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiStatusIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiStatusIconComponent, "si-status-icon", never, { "status": { "alias": "status"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
+ */
+declare const elementDown2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M352.79 203.21a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.43 12.43 0 0 1 15.86-19l1.72 1.44L256 282.42l79.21-79.21a12.45 12.45 0 0 1 15.86-1.44Z' data-name='Arrow/Right-3'/></svg>";
+declare const elementCancel = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m273 256 87.52-87.51a12 12 0 0 0-17-17L256 239l-87.51-87.52a12 12 0 0 0-17 17L239 256l-87.52 87.51a12 12 0 0 0 17 17L256 273l87.51 87.52a12 12 0 0 0 17-17Z'/></svg>";
+declare const elementFavoritesFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Z'/></svg>";
+declare const elementFavorites = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.42 216.46a12 12 0 0 0-9.68-8.17L313.41 193l-46.65-94.47a12 12 0 0 0-21.52 0L198.59 193 94.26 208.29a12 12 0 0 0-6.63 20.47l75.48 73.51-17.82 103.86a12 12 0 0 0 17.42 12.65L256 369.72l93.29 49.06a12 12 0 0 0 17.42-12.65l-17.82-103.86 75.48-73.51a12 12 0 0 0 3.05-12.3Zm-99.79 73a12 12 0 0 0-3.46 10.63l14.77 86.11-77.35-40.68a12 12 0 0 0-11.18 0l-77.35 40.68 14.77-86.11a12 12 0 0 0-3.46-10.63l-62.59-61 86.52-12.65a12 12 0 0 0 9-6.56L256 131l38.68 78.36a12 12 0 0 0 9 6.56l86.52 12.65Z'/></svg>";
+declare const elementExport = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M364 248a12 12 0 0 0-12 12v96a20 20 0 0 1-20 20H156a20 20 0 0 1-20-20V180a20 20 0 0 1 20-20h96a12 12 0 0 0 0-24h-96a44.05 44.05 0 0 0-44 44v176a44.05 44.05 0 0 0 44 44h176a44.05 44.05 0 0 0 44-44v-96a12 12 0 0 0-12-12Z'/><path d='M423.94 98.82c0-.19-.05-.37-.08-.55s-.05-.41-.09-.61-.1-.41-.15-.61a4.58 4.58 0 0 0-.14-.53c-.06-.2-.13-.39-.2-.58s-.12-.36-.19-.53-.16-.35-.25-.53-.16-.36-.26-.54-.19-.32-.29-.48-.2-.35-.31-.52-.25-.35-.38-.52l-.32-.43c-.24-.29-.5-.58-.77-.85s-.56-.53-.85-.77l-.44-.33c-.17-.12-.33-.25-.51-.37l-.53-.32-.47-.28c-.18-.1-.37-.18-.56-.27l-.51-.24-.55-.2-.55-.19c-.19-.06-.38-.1-.57-.15l-.57-.14-.67-.1-.49-.07q-.6-.06-1.2-.06H316a12 12 0 0 0 0 24h67L227.51 267.51a12 12 0 0 0 17 17L400 129v67a12 12 0 0 0 24 0v-96a10.88 10.88 0 0 0-.06-1.18Z'/></svg>";
+declare const elementThumbnails = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><circle cx='144' cy='144' r='24'/><circle cx='368' cy='144' r='24'/><circle cx='256' cy='144' r='24'/><circle cx='144' cy='368' r='24'/><circle cx='368' cy='368' r='24'/><circle cx='256' cy='368' r='24'/><circle cx='144' cy='256' r='24'/><circle cx='368' cy='256' r='24'/><circle cx='256' cy='256' r='24'/></svg>";
+declare const elementOptionsVertical = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M284 256a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 144a28 28 0 1 1-28-28 28 28 0 0 1 28 28ZM284 368a28 28 0 1 1-28-28 28 28 0 0 1 28 28Z'/></svg>";
+declare const elementMenu = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M400 244H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 148H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24ZM400 340H112a12 12 0 0 0 0 24h288a12 12 0 0 0 0-24Z'/></svg>";
+declare const elementMinus = "data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M356 268H156a12 12 0 0 1 0-24h200a12 12 0 0 1 0 24Z'/></svg>";
+declare const elementCircleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64Z'/></svg>";
+declare const elementOctagonFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M320.2 77H191.8a24 24 0 0 0-17 7L84 174.83a24 24 0 0 0-7 17V320.2a24 24 0 0 0 7 17l90.8 90.8a24 24 0 0 0 17 7h128.4a24 24 0 0 0 17-7l90.8-90.8a24 24 0 0 0 7-17V191.8a24 24 0 0 0-7-17L337.17 84a24 24 0 0 0-16.97-7Z'/></svg>";
+declare const elementPlus = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M356 244h-88v-88a12 12 0 0 0-24 0v88h-88a12 12 0 0 0 0 24h88v88a12 12 0 0 0 24 0v-88h88a12 12 0 0 0 0-24Z'/></svg>";
+declare const elementSoundMute = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m393 256 39.52-39.51a12 12 0 0 0-17-17L376 239l-39.51-39.52a12 12 0 0 0-17 17L359 256l-39.52 39.51a12 12 0 0 0 17 17L376 273l39.51 39.52a12 12 0 0 0 17-17ZM238 394a12 12 0 0 1-7.5-2.63L143.8 322H76a12 12 0 0 1-12-12V202a12 12 0 0 1 12-12h67.8l86.72-69.37A12 12 0 0 1 250 130v252a12 12 0 0 1-12 12ZM88 298h60a11.93 11.93 0 0 1 7.49 2.63L226 357.05V155l-70.5 56.36A11.93 11.93 0 0 1 148 214H88Z' /></svg>";
+declare const elementSoundOn = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M238 394a12 12 0 0 1-7.5-2.63L143.8 322H76a12 12 0 0 1-12-12V202a12 12 0 0 1 12-12h67.8l86.72-69.37A12 12 0 0 1 250 130v252a12 12 0 0 1-12 12ZM88 298h60a11.93 11.93 0 0 1 7.49 2.63L226 357.05V155l-70.5 56.36A11.93 11.93 0 0 1 148 214H88ZM383.29 395.27a12 12 0 0 1-8.48-20.48c65.48-65.5 65.48-172.08 0-237.58a12 12 0 1 1 17-17c74.83 74.86 74.83 196.66 0 271.52a12 12 0 0 1-8.52 3.54Zm-63.54-63.72a12 12 0 0 1-8.49-20.49 78.1 78.1 0 0 0 0-110.3 12 12 0 1 1 17-17 102.12 102.12 0 0 1 0 144.24 12 12 0 0 1-8.51 3.55Z' /></svg>";
+declare const elementSquare45Filled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='113.17' y='113.17' width='285.65' height='285.65' rx='24' transform='rotate(-45 256 256.002)'/></svg>";
+declare const elementSquareFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><rect x='88' y='88' width='336' height='336' rx='48'/></svg>";
+declare const elementStateExclamationMark = "data:image/svg+xml;utf8,<svg id='Icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><style>.cls-1{stroke-width:0}</style></defs><path class='cls-1' d='M256 279.12c-11.05 0-20-8.95-20-20v-89.8c0-11.05 8.95-20 20-20s20 8.95 20 20v89.8c0 11.05-8.95 20-20 20ZM256.17 359.03h-.34c-13.16 0-23.83-10.75-23.83-24s10.67-24 23.83-24h.34c13.16 0 23.83 10.75 23.83 24s-10.67 24-23.83 24Z'/></svg>";
+declare const elementStateInfo = "data:image/svg+xml;utf8,<svg id='Icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><style>.cls-1{stroke-width:0}</style></defs><path class='cls-1' d='M256 356c-11.05 0-20-8.95-20-20v-80c0-11.05 8.95-20 20-20s20 8.95 20 20v80c0 11.05-8.95 20-20 20ZM256.17 156.32h-.34c-13.16 0-23.83 10.75-23.83 24s10.67 24 23.83 24h.34c13.16 0 23.83-10.75 23.83-24s-10.67-24-23.83-24Z'/></svg>";
+declare const elementStatePause = "data:image/svg+xml;utf8,<svg id='Icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><style>.cls-1{stroke-width:0}</style></defs><path class='cls-1' d='M222 349.5c-11.05 0-20-8.95-20-20v-147c0-11.05 8.95-20 20-20s20 8.95 20 20v147c0 11.05-8.95 20-20 20ZM290 349.5c-11.05 0-20-8.95-20-20v-147c0-11.05 8.95-20 20-20s20 8.95 20 20v147c0 11.05-8.95 20-20 20Z'/></svg>";
+declare const elementStateProgress = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M270.43 253.68V114.43c69.75 0 127.15 62.86 127.15 139.26 0 38.04-14.23 74.47-39.36 100.74l-87.79-100.74Z'/></svg>";
+declare const elementStateQuestionMark = "data:image/svg+xml;utf8,<svg id='Icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><defs><style>.cls-1{stroke-width:0}</style></defs><path class='cls-1' d='M256 311c-11.05 0-20-8.95-20-20v-29.22a19.994 19.994 0 0 1 13.63-18.96c10.43-3.62 33.09-15.84 33.09-28.82.02-11.91-7.5-22.54-18.71-26.49-14.56-5.12-30.58 2.56-35.7 17.12-3.67 10.42-15.08 15.9-25.5 12.23s-15.9-15.08-12.23-25.5c12.44-35.37 51.34-54.02 86.71-41.58 27.22 9.58 45.48 35.4 45.44 64.25 0 13.92-5.57 34.34-32.11 52.4-5.12 3.49-10.2 6.31-14.61 8.5V291c0 11.05-8.95 20-20 20ZM256.16 375h-.32c-13.17 0-23.84-10.75-23.84-24s10.67-24 23.84-24h.32c13.17 0 23.84 10.75 23.84 24s-10.67 24-23.84 24Z'/></svg>";
+declare const elementStateTick = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M222.25 345.88c-5.12 0-10.24-1.95-14.14-5.86l-56.25-56.25c-7.81-7.81-7.81-20.47 0-28.29s20.47-7.81 28.28 0l42.11 42.11 109.61-109.61c7.81-7.81 20.47-7.81 28.28 0s7.81 20.47 0 28.29L236.39 340.02a19.92 19.92 0 0 1-14.14 5.86Z' style='stroke-width:0'/></svg>";
+declare const elementTriangleFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m441.77 338.25-.1-.17L295.72 94.42a46.45 46.45 0 0 0-79.44 0 .21.21 0 0 0 0 .06L70.32 338.08l-.1.17a46.45 46.45 0 0 0 39.72 69.68h292.11a46.46 46.46 0 0 0 39.72-69.68Z'/></svg>";
+declare const elementRight2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M203.21 159.21a12.45 12.45 0 0 1 15.86-1.44l1.72 1.44 88 88a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.43 12.43 0 0 1-19-15.86l1.44-1.72L282.42 256l-79.21-79.21a12.45 12.45 0 0 1-1.44-15.86Z' data-name='Arrow/Right-3'/></svg>";
+declare const elementRecordFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 408c-41.88 0-78.06-14.95-107.55-44.44S104 297.87 104 256s15-78 44.45-107.55S214.13 104 256 104s78 15 107.54 44.45S408 214.15 408 256s-15 78.05-44.45 107.55S297.87 408 256 408Z'/></svg>";
+declare const elementOk = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m379.51 156.76-173 173-74-74a12 12 0 1 0-17 17l82.5 82.5a12 12 0 0 0 17 0l181.5-181.5a12 12 0 0 0-17-17Z'/></svg>";
+declare const elementOutOfService = "data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 436a179.4 179.4 0 0 0 126.28-51.86 12.27 12.27 0 0 0 1.86-1.86A179.4 179.4 0 0 0 436 256c0-99.25-80.75-180-180-180a179.4 179.4 0 0 0-126.28 51.86 12.27 12.27 0 0 0-1.86 1.86A179.4 179.4 0 0 0 76 256c0 99.25 80.75 180 180 180ZM100 256a155.29 155.29 0 0 1 37.59-101.44l219.85 219.85A155.29 155.29 0 0 1 256 412c-86 0-156-70-156-156Zm312 0a155.29 155.29 0 0 1-37.59 101.44L154.56 137.59A155.29 155.29 0 0 1 256 100c86 0 156 70 156 156Z' /></svg>";
+declare const elementLeft3 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M319.39 106.22a11.1 11.1 0 0 1-2.09 6.51L219.49 256l97.82 143.29a11.05 11.05 0 0 1 2.08 6.49 11.24 11.24 0 0 1-4.7 9.13 11.12 11.12 0 0 1-6.51 2.09 11.24 11.24 0 0 1-9.13-4.69L192.61 256 299 99.71a11.24 11.24 0 0 1 9.18-4.71 11.12 11.12 0 0 1 6.51 2.09 11.24 11.24 0 0 1 4.7 9.13Z'/></svg>";
+declare const elementRight3 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M192.61 106.22a11.1 11.1 0 0 0 2.09 6.51L292.51 256l-97.82 143.29a11.05 11.05 0 0 0-2.08 6.49 11.24 11.24 0 0 0 4.7 9.13 11.12 11.12 0 0 0 6.51 2.09 11.24 11.24 0 0 0 9.13-4.69L319.39 256 213 99.71a11.24 11.24 0 0 0-9.18-4.71 11.12 11.12 0 0 0-6.51 2.09 11.24 11.24 0 0 0-4.7 9.13Z'/></svg>";
+declare const elementHide = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 173.58c42.57 0 84.25 14.94 123.9 44.4a278.05 278.05 0 0 1 41.59 38 278.05 278.05 0 0 1-41.59 38 260.79 260.79 0 0 1-25.17 16.59l17.48 17.48q11.49-7 22.63-15.27c32.57-24.34 51.1-48.55 51.87-49.57a12 12 0 0 0 0-14.5c-.77-1-19.3-25.23-51.87-49.57-43.43-32.45-91.44-49.6-138.84-49.6a204.56 204.56 0 0 0-54.72 7.58L220 177a180.12 180.12 0 0 1 34.85-3.42ZM436.49 427.51 349 340l-18-18-28.36-28.36-17.12-17.12-50.09-50.09-17.12-17.12-25-25-18.47-18.47-90.35-90.33a12 12 0 0 0-17 17l84.29 84.28a267.53 267.53 0 0 0-34.72 22.47c-32 24.38-50 48.64-50.75 49.66a12 12 0 0 0 0 14.2c.75 1 18.72 25.28 50.75 49.66 42.69 32.49 90.33 49.66 137.77 49.66a210.29 210.29 0 0 0 70.2-12.4l94.46 94.47a12 12 0 0 0 17-17Zm-215.15-181.2 44.35 44.35a36 36 0 0 1-44.35-44.35Zm33.51 92.11c-42.52 0-83.79-14.91-122.65-44.32A268.8 268.8 0 0 1 91.46 256a268.29 268.29 0 0 1 40.74-38.1 242.38 242.38 0 0 1 37.32-23.41L203 228a59.95 59.95 0 0 0 81 81l22 22.05a183.47 183.47 0 0 1-51.15 7.37Z'/><path d='m291.13 248.16 22.94 22.94a60 60 0 0 0-73.17-73.17l22.94 22.94a36.1 36.1 0 0 1 27.29 27.29Z'/></svg>";
+declare const elementShow = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M254.85 362.42c-47.44 0-95.08-17.17-137.77-49.66-32-24.38-50-48.64-50.75-49.66a12 12 0 0 1 0-14.2c.75-1 18.72-25.28 50.75-49.66 42.69-32.49 90.33-49.66 137.77-49.66s95.41 17.15 138.84 49.6c32.57 24.34 51.1 48.55 51.87 49.57a12 12 0 0 1 0 14.5c-.77 1-19.3 25.23-51.87 49.57-43.43 32.45-91.44 49.6-138.84 49.6ZM91.46 256a268.8 268.8 0 0 0 40.74 38.1c38.86 29.41 80.13 44.32 122.65 44.32s84.25-14.94 123.9-44.4a278.05 278.05 0 0 0 41.59-38 278.05 278.05 0 0 0-41.59-38c-39.65-29.46-81.33-44.4-123.9-44.4s-83.79 14.87-122.65 44.28A268.29 268.29 0 0 0 91.46 256Z'/><path d='M256 316a60 60 0 1 1 60-60 60.07 60.07 0 0 1-60 60Zm0-96a36 36 0 1 0 36 36 36 36 0 0 0-36-36Z'/></svg>";
+declare const elementBreadcrumbRoot = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m300.35 157.77 1.72 1.44 88 88a12.43 12.43 0 0 1 1.44 15.86l-1.44 1.72-88 88a12.43 12.43 0 0 1-19-15.86l1.44-1.72 79.2-79.21-79.21-79.21a12.43 12.43 0 0 1-1.44-15.86l1.44-1.72a12.44 12.44 0 0 1 15.85-1.44Z'/><path d='M186.29 364h-56a12 12 0 0 1-12-12V160a12 12 0 0 1 12-12h56a12 12 0 0 1 8.48 3.51l96 96a12 12 0 0 1 0 17l-96 96a12 12 0 0 1-8.48 3.49Zm-44-24h39l84-84-84-84h-39Z'/></svg>";
+declare const elementSortDown = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M234.39 267.4 190 311.81V176a10 10 0 0 0-9.92-10h-.14a10 10 0 0 0-9.94 10v135.81l-44.4-44.41a10 10 0 0 0-14.13 14.13l60.35 60.34a9.53 9.53 0 0 0 1 1.21 10.24 10.24 0 0 0 14.32 0 9.53 9.53 0 0 0 1-1.21l60.35-60.34a10 10 0 0 0-14.13-14.13ZM369.48 324.45h-71.61a7.17 7.17 0 1 0 0 14.33h71.61a7.17 7.17 0 0 0 0-14.33ZM398.13 248.84H297.87a7.16 7.16 0 1 0 0 14.32h100.26a7.16 7.16 0 1 0 0-14.32ZM441.1 173.22H297.87a7.17 7.17 0 1 0 0 14.33H441.1a7.17 7.17 0 0 0 0-14.33Z'/></svg>";
+declare const elementSortUp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M217.69 300v-.27h-.2ZM369.48 324.45h-71.61a7.17 7.17 0 1 0 0 14.33h71.61a7.17 7.17 0 0 0 0-14.33ZM398.13 248.84H297.87a7.16 7.16 0 1 0 0 14.32h100.26a7.16 7.16 0 1 0 0-14.32ZM441.1 173.22H297.87a7.17 7.17 0 1 0 0 14.33H441.1a7.17 7.17 0 0 0 0-14.33ZM188.17 170.13a9.53 9.53 0 0 0-1-1.21 10.24 10.24 0 0 0-14.32 0 9.53 9.53 0 0 0-1 1.21l-60.35 60.34a10 10 0 0 0 14.13 14.13L170 200.19V336a10 10 0 0 0 9.92 10h.14a10 10 0 0 0 9.94-10V200.19l44.4 44.41a10 10 0 0 0 14.13-14.13Z'/></svg>";
+declare const elementSearch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m420.49 403.51-76.88-76.87A139.39 139.39 0 0 0 377 236c0-77.2-62.8-140-140-140S97 158.8 97 236s62.8 140 140 140a139.33 139.33 0 0 0 89.55-32.48l77 77a12 12 0 0 0 17-17ZM121 236a116 116 0 1 1 116 116 116.13 116.13 0 0 1-116-116Z' /></svg>";
+declare const elementChecked = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 76c-99.25 0-180 80.75-180 180s80.75 180 180 180 180-80.75 180-180S355.25 76 256 76Zm0 336c-86 0-156-70-156-156s70-156 156-156 156 70 156 156-70 156-156 156Z'/><path d='M218.5 336.75a12 12 0 0 1-8.49-3.51l-62.5-62.5a12 12 0 0 1 17-17l54 54 129-129a12 12 0 0 1 17 17L227 333.24a12 12 0 0 1-8.5 3.51Z'/></svg>";
+declare const elementCheckedFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 76c-99.25 0-180 80.75-180 180s80.75 180 180 180 180-80.75 180-180S355.25 76 256 76Zm108.49 119.74L227 333.24a12 12 0 0 1-17 0l-62.5-62.5a12 12 0 0 1 17-17l54 54 129-129a12 12 0 0 1 17 17Z'/></svg>";
+declare const elementLeft4 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M391 244H150.09l78.51-78.51a12 12 0 1 0-17-17l-98.09 98.09a12 12 0 0 0 0 18.78l98.09 98.09a12 12 0 1 0 17-17L150.09 268H391a12 12 0 0 0 0-24Z'/></svg>";
+declare const elementNotChecked = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 76c-99.25 0-180 80.75-180 180s80.75 180 180 180 180-80.75 180-180S355.25 76 256 76Zm0 336c-86 0-156-70-156-156s70-156 156-156 156 70 156 156-70 156-156 156Z'/></svg>";
+declare const elementRight4 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M403 256a12 12 0 0 0-4.54-9.39l-98.09-98.09a12 12 0 1 0-17 17L361.91 244H121a12 12 0 0 0 0 24h240.91l-78.51 78.51a12 12 0 1 0 17 17l98.09-98.09A12 12 0 0 0 403 256Z'/></svg>";
+declare const elementRadioChecked = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 436c-99.25 0-180-80.75-180-180S156.75 76 256 76s180 80.75 180 180-80.75 180-180 180Zm0-336c-86.02 0-156 69.98-156 156s69.98 156 156 156 156-69.98 156-156-69.98-156-156-156Z'/><circle cx='256' cy='256' r='86'/></svg>";
+declare const elementWarningFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m441.77 354.25-.09-.16-146-243.66a46.45 46.45 0 0 0-79.44 0v.06L70.33 354.09l-.1.16A46.47 46.47 0 0 0 110 423.94h292.1a46.45 46.45 0 0 0 39.72-69.69ZM244 205.2a12 12 0 0 1 24 0v68.92a12 12 0 0 1-24 0ZM256.2 360h-.2a16 16 0 0 1 0-32h.22a16 16 0 0 1 0 32Z'/></svg>";
+declare const elementCalendar = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M368 113h-36V93a12 12 0 0 0-24 0v20H204V93a12 12 0 0 0-24 0v20h-36a44.05 44.05 0 0 0-44 44v224a44.05 44.05 0 0 0 44 44h224a44.05 44.05 0 0 0 44-44V157a44.05 44.05 0 0 0-44-44Zm-224 24h36v20a12 12 0 0 0 24 0v-20h104v20a12 12 0 0 0 24 0v-20h36a20 20 0 0 1 20 20v52H124v-52a20 20 0 0 1 20-20Zm224 264H144a20 20 0 0 1-20-20V233h264v148a20 20 0 0 1-20 20Z'/><path d='M335.19 263.36a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM256.21 263.36a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM256.21 326.54a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11ZM177.24 326.54a20 20 0 1 1-20 20.11 20 20 0 0 1 20-20.11Z'/></svg>";
+declare const elementLeft2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M308.79 352.79a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.45 12.45 0 0 1-1.44-15.86l1.44-1.72 88-88a12.43 12.43 0 0 1 19 15.86l-1.44 1.72L229.58 256l79.21 79.21a12.45 12.45 0 0 1 1.44 15.86Z' data-name='Arrow/Right-3'/></svg>";
+declare const elementUpload = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M377.33 424H134.67A46.72 46.72 0 0 1 88 377.33V308a12 12 0 0 1 24 0v69.33A22.7 22.7 0 0 0 134.67 400h242.66A22.7 22.7 0 0 0 400 377.33V308a12 12 0 0 1 24 0v69.33A46.72 46.72 0 0 1 377.33 424Z'></path><path d='m351.15 178.18-86.66-86.67-.06-.05c-.27-.26-.54-.5-.82-.74l-.47-.35-.47-.35c-.18-.12-.37-.22-.56-.33s-.29-.19-.45-.27l-.57-.28-.49-.22c-.19-.08-.38-.14-.57-.21s-.36-.14-.54-.19-.38-.1-.58-.15l-.56-.14-.67-.1-.49-.07a11.83 11.83 0 0 0-2.38 0l-.49.07-.67.1-.56.14c-.2 0-.39.09-.58.15s-.36.12-.54.19l-.57.21-.49.22-.57.28c-.16.08-.3.18-.46.27s-.37.21-.55.33-.32.24-.48.36l-.46.34c-.28.24-.55.48-.82.74l-.06.05-86.66 86.67a12 12 0 1 0 17 17L244 129v179a12 12 0 0 0 24 0V129l66.18 66.18a12 12 0 0 0 17-17Z' /></svg>";
+declare const elementDelete = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M400 144h-72v-12a44.05 44.05 0 0 0-44-44h-56a44.05 44.05 0 0 0-44 44v12h-72a12 12 0 0 0 0 24h20v212a44.05 44.05 0 0 0 44 44h160a44.05 44.05 0 0 0 44-44V168h20a12 12 0 0 0 0-24Zm-192-12a20 20 0 0 1 20-20h56a20 20 0 0 1 20 20v12h-96Zm148 248a20 20 0 0 1-20 20H176a20 20 0 0 1-20-20V168h200Z'></path><path d='M224 344a12 12 0 0 0 12-12v-96a12 12 0 0 0-24 0v96a12 12 0 0 0 12 12ZM288 344a12 12 0 0 0 12-12v-96a12 12 0 0 0-24 0v96a12 12 0 0 0 12 12Z' /></svg>";
+declare const elementRedo = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M411.91 112.2a12 12 0 0 0-12 12v45.09A167.89 167.89 0 0 0 256 88c-92.64 0-168 75.36-168 168s75.36 168 168 168a168 168 0 0 0 166.06-142.43 12 12 0 0 0-23.72-3.63A144 144 0 0 1 256 400c-79.4 0-144-64.6-144-144s64.6-144 144-144a144.55 144.55 0 0 1 124.83 72.2h-40.92a12 12 0 0 0 0 24h72a12 12 0 0 0 12-12v-72a12 12 0 0 0-12-12Z' /></svg>";
+declare const elementDocument = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M162.4 424h187.2a43.25 43.25 0 0 0 43.2-43.2V209.2q0-.6-.06-1.2c0-.29-.08-.58-.13-.86 0-.1 0-.2-.05-.3a8.28 8.28 0 0 0-.25-1v-.13c-.1-.34-.23-.67-.36-1a.49.49 0 0 0 0-.11 9.3 9.3 0 0 0-.43-.9.77.77 0 0 0-.07-.16c-.15-.27-.31-.53-.47-.79l-.14-.22c-.16-.24-.33-.46-.51-.69l-.19-.26a10.41 10.41 0 0 0-.71-.78l-.07-.09-109.27-109.2-.09-.07a10.41 10.41 0 0 0-.78-.71l-.25-.19c-.23-.18-.46-.35-.7-.51l-.22-.14c-.26-.16-.52-.32-.79-.47l-.15-.07c-.3-.16-.6-.3-.91-.43h-.09c-.33-.13-.67-.25-1-.36H275a9.09 9.09 0 0 0-1-.25h-.29c-.29 0-.58-.1-.87-.13S272 88 271.6 88H162.4a43.25 43.25 0 0 0-43.2 43.2v249.6a43.25 43.25 0 0 0 43.2 43.2Zm121.2-295 68.23 68.23H283.6Zm-140.4 2.2a19.22 19.22 0 0 1 19.2-19.2h97.2v97.2a12 12 0 0 0 12 12h97.2v159.6a19.22 19.22 0 0 1-19.2 19.2H162.4a19.22 19.22 0 0 1-19.2-19.2Z' /></svg>";
+declare const elementLock = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M280 305.5a24 24 0 1 0-36 20.78V363a12 12 0 0 0 24 0v-36.72a24 24 0 0 0 12-20.78Z' /><path d='M358.67 224H348v-52a92 92 0 0 0-184 0v52h-10.67c-22.79 0-41.33 19.74-41.33 44v112c0 24.26 18.54 44 41.33 44h205.34c22.79 0 41.33-19.74 41.33-44V268c0-24.26-18.54-44-41.33-44ZM188 172a68 68 0 0 1 136 0v52H188Zm188 208c0 11-7.78 20-17.33 20H153.33c-9.55 0-17.33-9-17.33-20V268c0-11 7.78-20 17.33-20h205.34c9.55 0 17.33 9 17.33 20Z'/></svg>";
+declare const elementDoubleLeft = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m234.77 248.93 1.44-1.72 110-110a12.43 12.43 0 0 1 19 15.86l-1.44 1.72L262.59 256l101.2 101.21a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-110-110a12.45 12.45 0 0 1-1.44-15.86Z'/><path d='m146.77 248.93 1.44-1.72 88-88a12.43 12.43 0 0 1 19 15.86l-1.44 1.72L174.59 256l79.2 79.21a12.45 12.45 0 0 1 1.44 15.86l-1.44 1.72a12.45 12.45 0 0 1-15.86 1.44l-1.72-1.44-88-88a12.45 12.45 0 0 1-1.44-15.86Z'/></svg>";
+declare const elementDoubleRight = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m277.23 263.07-1.44 1.72-110 110a12.43 12.43 0 0 1-19-15.86l1.44-1.72L249.41 256l-101.2-101.21a12.45 12.45 0 0 1-1.44-15.86l1.44-1.72a12.45 12.45 0 0 1 15.86-1.44l1.72 1.44 110 110a12.45 12.45 0 0 1 1.44 15.86Z'/><path d='m365.23 263.07-1.44 1.72-88 88a12.43 12.43 0 0 1-19-15.86l1.44-1.72L337.41 256l-79.2-79.21a12.45 12.45 0 0 1-1.44-15.86l1.44-1.72a12.45 12.45 0 0 1 15.86-1.44l1.72 1.44 88 88a12.45 12.45 0 0 1 1.44 15.86Z'/></svg>";
+declare const element2dEditor = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M436.13 235.87a40.53 40.53 0 0 0-57.32 0L242.64 372a12.06 12.06 0 0 0-3.09 5.33l-15.13 55.47A12 12 0 0 0 236 448a12.26 12.26 0 0 0 3.16-.42l55.47-15.13a12.06 12.06 0 0 0 5.33-3.09l136.17-136.17a40.53 40.53 0 0 0 0-57.32Zm-177.4 162.38a58.16 58.16 0 0 1 7.94 6.51 46.44 46.44 0 0 1 6.75 8.6l-20.32 5.54Zm160.43-122-125 125a71 71 0 0 0-10.6-13.53A82.22 82.22 0 0 0 271 377.61l124.78-124.77a16.53 16.53 0 0 1 23.38 23.38ZM412 348a12 12 0 0 0-12 12v40h-40a12 12 0 0 0 0 24h48a16 16 0 0 0 16-16v-48a12 12 0 0 0-12-12Z'/><path d='M188 159a12 12 0 0 0 12-12v-35h72.39v88a12 12 0 0 0 12 12h66a12 12 0 0 0 0-24h-54v-76H400v88a12 12 0 0 0 24 0v-96a16 16 0 0 0-16-16H104a16 16 0 0 0-16 16v304a16 16 0 0 0 16 16h84a12 12 0 0 0 12-12v-45a12 12 0 0 0-24 0v33h-64V268h64v32a12 12 0 0 0 24 0v-88a12 12 0 0 0-24 0v32h-64V112h64v35a12 12 0 0 0 12 12Z'/></svg>";
+declare const elementAlarmFilled = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M294.06 406.05A12 12 0 0 0 273.3 394a20 20 0 0 1-34.6 0 12 12 0 0 0-20.76 12.05 44 44 0 0 0 76.12 0ZM419.92 326.79c-.35-.31-35.26-32.34-57.55-128.33A198.52 198.52 0 0 0 342 144.89c-20.71-36.52-50-56.08-84.8-56.6h-1.16a11.23 11.23 0 0 0-1.16 0c-34.79.52-64.09 20.08-84.8 56.6a198.33 198.33 0 0 0-20.4 53.57c-22.3 96-57.21 128-57.49 128.27a12 12 0 0 0 7.81 21.08h312a12 12 0 0 0 7.92-21Z'/></svg>";
+declare const elementAlarmTick = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M427.72 116.64 279.19 277.47l-73.9-73.9a12 12 0 0 0-17 17l82.73 82.73a12 12 0 0 0 8.48 3.51h.24a12 12 0 0 0 8.58-3.86l157-170a12 12 0 0 0-17.63-16.28Z'/></svg>";
+declare const elementUser = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 252a76 76 0 1 0-76-76 76.08 76.08 0 0 0 76 76Zm0-128a52 52 0 1 1-52 52 52.06 52.06 0 0 1 52-52ZM124 360.14a12 12 0 0 0 6.71-2.06c.61-.41 61.54-41.08 126.14-41.08 75.3 0 122.86 39.84 123.3 40.23a12 12 0 0 0 15.68-18.18c-2.19-1.88-54.39-46.05-139-46.05C185 293 120 336.35 117.28 338.19a12 12 0 0 0 6.72 21.95Z'/></svg>";
+declare const elementHelp = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 64C150.13 64 64 150.13 64 256s86.13 192 192 192 192-86.13 192-192S361.87 64 256 64Zm0 360c-92.64 0-168-75.36-168-168S163.36 88 256 88s168 75.36 168 168-75.36 168-168 168Z'/><path d='M256 305a12 12 0 0 1-12-12v-29.22a12 12 0 0 1 6.51-10.67 11.63 11.63 0 0 1 1.67-.71c1.14-.4 38.54-14.05 38.54-36.4a36 36 0 0 0-70-12 12 12 0 1 1-22.64-8 60 60 0 0 1 116.6 20c0 31-31.39 48.92-46.72 55.84V293A12 12 0 0 1 256 305ZM256.11 360h-.22a16 16 0 0 1 0-32h.22a16 16 0 0 1 0 32Z'/></svg>";
+
+export { STATUS_ICON_CONFIG, SiIconComponent, SiIconModule, SiIconNextComponent, SiStatusIconComponent, addIcons, element2dEditor, elementAlarmFilled, elementAlarmTick, elementBreadcrumbRoot, elementCalendar, elementCancel, elementChecked, elementCheckedFilled, elementCircleFilled, elementDelete, elementDocument, elementDoubleLeft, elementDoubleRight, elementDown2, elementExport, elementFavorites, elementFavoritesFilled, elementHelp, elementHide, elementLeft2, elementLeft3, elementLeft4, elementLock, elementMenu, elementMinus, elementNotChecked, elementOctagonFilled, elementOk, elementOptionsVertical, elementOutOfService, elementPlus, elementRadioChecked, elementRecordFilled, elementRedo, elementRight2, elementRight3, elementRight4, elementSearch, elementShow, elementSortDown, elementSortUp, elementSoundMute, elementSoundOn, elementSquare45Filled, elementSquareFilled, elementStateExclamationMark, elementStateInfo, elementStatePause, elementStateProgress, elementStateQuestionMark, elementStateTick, elementThumbnails, elementTriangleFilled, elementUpload, elementUser, elementWarningFilled, provideIconConfig };
+export type { IconConfig };

package/icon-status/index.d.ts

@@ -1,6 +1,33 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-icon-status.module';
-export * from './si-icon-status.component';
+import * as _angular_core from '@angular/core';
+
+declare class SiIconStatusComponent {
+    /** Icon to display. */
+    readonly icon: _angular_core.InputSignal<string>;
+    /** Stacked icon to display. */
+    readonly stackedIcon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Counter below the icon
+     *
+     * @defaultValue 0
+     */
+    readonly count: _angular_core.InputSignalWithTransform<number, unknown>;
+    /** Color of the icon */
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Whether the icon is disabled.
+     *
+     * @defaultValue false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly isDisabledOrCountZero: _angular_core.Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconStatusComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconStatusComponent, "si-icon-status", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "stackedIcon": { "alias": "stackedIcon"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiIconStatusModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconStatusModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiIconStatusModule, never, [typeof SiIconStatusComponent], [typeof SiIconStatusComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiIconStatusModule>;
+}
+
+export { SiIconStatusComponent, SiIconStatusModule };

package/index.d.ts

@@ -1,5 +1,7 @@
 /**
- * Generated bundle index. Do not edit.
+ * Copyright (c) Siemens 2016 - 2025
+ * SPDX-License-Identifier: MIT
  */
-/// <amd-module name="@siemens/element-ng" />
-export * from './public-api';
+declare const NOTHING = "nothing";
+
+export { NOTHING };

package/info-page/index.d.ts

@@ -1,5 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { Link } from '@siemens/element-ng/link';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
+
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
+ * The component displays application info messages. A message uses an icon and a title, optionally a copy text,
+ * instructions and a link. Replace the integrated icon by content projection of another icon or image with the
+ * CSS class `.si-info-image`. Use content projection with the CSS class `si-info-actions` to inject more buttons
+ * and options to interact with the page.
  */
-export * from './si-info-page.component';
+declare class SiInfoPageComponent {
+    /**
+     * The element warning icon.
+     *
+     * @defaultValue 'element-warning-filled'
+     */
+    readonly icon: _angular_core.InputSignal<string>;
+    /**
+     * Icon color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes}
+     *
+     * @defaultValue 'status-warning'
+     */
+    readonly iconColor: _angular_core.InputSignal<string | undefined>;
+    /** A short and concise title to explain the error. */
+    readonly titleText: _angular_core.InputSignal<TranslatableString>;
+    /** A more detailed explanation of the error, outlining the reasoning for it and how a user can resolve it. */
+    readonly copyText: _angular_core.InputSignal<TranslatableString | undefined>;
+    /** A detailed instruction on how a user can resolve the error. */
+    readonly instructions: _angular_core.InputSignal<TranslatableString | undefined>;
+    /**
+     * Use the link object if you have one option to follow. A link object
+     * has a title to be displayed and can be configured with an external link,
+     * a router link, or a custom action. If you want to provide multiple options,
+     * add your own content into the component.
+     */
+    readonly link: _angular_core.InputSignal<Link | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiInfoPageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiInfoPageComponent, "si-info-page", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "titleText": { "alias": "titleText"; "required": true; "isSignal": true; }; "copyText": { "alias": "copyText"; "required": false; "isSignal": true; }; "instructions": { "alias": "instructions"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; }, {}, never, [".si-info-image", ".si-info-actions"], true, never>;
+}
+
+export { SiInfoPageComponent };

package/inline-notification/index.d.ts

@@ -1,6 +1,49 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-inline-notification.component';
-export * from './si-inline-notification.module';
+import * as _angular_core from '@angular/core';
+import { StatusType } from '@siemens/element-ng/common';
+import { Link } from '@siemens/element-ng/link';
+
+declare class SiInlineNotificationComponent {
+    /**
+     * Status of inline notification.
+     */
+    readonly severity: _angular_core.InputSignal<StatusType>;
+    /**
+     * Heading of the message.
+     */
+    readonly heading: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Main message of this inline notification.
+     */
+    readonly message: _angular_core.InputSignal<string>;
+    /**
+     * Optional link action for inline notification events.
+     */
+    readonly action: _angular_core.InputSignal<Link | undefined>;
+    /**
+     * Params passed to the translation pipe
+     *
+     * @defaultValue
+     * ```
+     * {}
+     * ```
+     */
+    readonly translationParams: _angular_core.InputSignal<{
+        [key: string]: any;
+    } | undefined>;
+    /**
+     * Displays in embedded style, w/o radius and indicator bar
+     *
+     * @defaultValue false
+     */
+    readonly embedded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiInlineNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiInlineNotificationComponent, "si-inline-notification", never, { "severity": { "alias": "severity"; "required": true; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": true; "isSignal": true; }; "action": { "alias": "action"; "required": false; "isSignal": true; }; "translationParams": { "alias": "translationParams"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiInlineNotificationModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiInlineNotificationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiInlineNotificationModule, never, [typeof SiInlineNotificationComponent], [typeof SiInlineNotificationComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiInlineNotificationModule>;
+}
+
+export { SiInlineNotificationComponent, SiInlineNotificationModule };