@siemens/element-ng 48.9.0 → 49.0.0-rc.1

package/fesm2022/siemens-element-ng-icon.mjs

@@ -1,6 +1,5 @@
 import * as i0 from '@angular/core';
 import { input, computed, ChangeDetectionStrategy, Component, inject, DestroyRef, Injectable, InjectionToken, NgModule } from '@angular/core';
-import { NgClass } from '@angular/common';
 import { SiTranslatePipe, t } from '@siemens/element-translate-ng/translate';
 import { DomSanitizer } from '@angular/platform-browser';
 import { SiThemeService } from '@siemens/element-ng/theme';
@@ -47,31 +46,31 @@ import { SiThemeService } from '@siemens/element-ng/theme';
  */
 class SiIconLegacyComponent {
     /** Icon token, see {@link https://element.siemens.io/icons/element} */
-    icon = input();
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : []));
     /** Color class, see {@link https://element.siemens.io/fundamentals/typography/#color-variants-classes} */
-    color = input();
+    color = input(...(ngDevMode ? [undefined, { debugName: "color" }] : []));
     /** Icon token, see {@link https://element.siemens.io/fundamentals/icons/} */
-    stackedIcon = input();
+    stackedIcon = input(...(ngDevMode ? [undefined, { debugName: "stackedIcon" }] : []));
     /** Color class, see {@link https://element.siemens.io/fundamentals/icons/} */
-    stackedColor = input();
+    stackedColor = input(...(ngDevMode ? [undefined, { debugName: "stackedColor" }] : []));
     /** Alternative name or translation key for icon. Used for A11y. */
-    alt = input();
+    alt = input(...(ngDevMode ? [undefined, { debugName: "alt" }] : []));
     /**
      * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}
      *
      * @defaultValue 'icon'
      */
-    size = input('icon');
+    size = input('icon', ...(ngDevMode ? [{ debugName: "size" }] : []));
     altText = computed(() => {
         return this.alt() ?? this.icon()?.replace('element-', '').split('-').join(' ') ?? '';
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiIconLegacyComponent, isStandalone: true, selector: "si-icon-legacy", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  class=\"d-inline-block position-relative\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n  [ngClass]=\"[icon() ?? '', color() ?? '', size()]\"\n>\n  @if (stackedIcon()) {\n    <i\n      class=\"position-absolute start-0\"\n      aria-hidden=\"true\"\n      [ngClass]=\"[stackedIcon(), stackedColor() ?? '']\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    }, ...(ngDevMode ? [{ debugName: "altText" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconLegacyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiIconLegacyComponent, isStandalone: true, selector: "si-icon-legacy", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, stackedIcon: { classPropertyName: "stackedIcon", publicName: "stackedIcon", isSignal: true, isRequired: false, transformFunction: null }, stackedColor: { classPropertyName: "stackedColor", publicName: "stackedColor", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<span\n  [class]=\"`d-inline-block position-relative ${icon() ?? ''} ${color() ?? ''} ${size()}`\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n>\n  @if (stackedIcon()) {\n    <i\n      aria-hidden=\"true\"\n      [class]=\"`position-absolute start-0 ${stackedIcon()} ${stackedColor() ?? ''}`\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"], dependencies: [{ kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconLegacyComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconLegacyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-icon-legacy', imports: [NgClass, SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"d-inline-block position-relative\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n  [ngClass]=\"[icon() ?? '', color() ?? '', size()]\"\n>\n  @if (stackedIcon()) {\n    <i\n      class=\"position-absolute start-0\"\n      aria-hidden=\"true\"\n      [ngClass]=\"[stackedIcon(), stackedColor() ?? '']\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"] }]
-        }] });
+            args: [{ selector: 'si-icon-legacy', imports: [SiTranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  [class]=\"`d-inline-block position-relative ${icon() ?? ''} ${color() ?? ''} ${size()}`\"\n  [attr.aria-label]=\"altText() ? (altText() | translate) : null\"\n  [attr.aria-hidden]=\"!altText()\"\n  [attr.role]=\"altText() ? 'img' : 'presentation'\"\n>\n  @if (stackedIcon()) {\n    <i\n      aria-hidden=\"true\"\n      [class]=\"`position-absolute start-0 ${stackedIcon()} ${stackedColor() ?? ''}`\"\n    ></i>\n  }\n</span>\n", styles: [":host,span{line-height:1}\n"] }]
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], stackedIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackedIcon", required: false }] }], stackedColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackedColor", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -145,10 +144,10 @@ class IconService {
     kebabToCamelCase(str) {
         return str?.replace(/-./g, match => match.charAt(1).toUpperCase());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: IconService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IconService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IconService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: IconService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: IconService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -203,12 +202,12 @@ class SiIconComponent {
      * }
      * ```
      */
-    icon = input.required();
+    icon = input.required(...(ngDevMode ? [{ debugName: "icon" }] : []));
     config = inject(ICON_CONFIG);
     iconService = inject(IconService);
-    svgIcon = computed(() => this.config.disableSvgIcons ? undefined : this.iconService.getIcon(this.icon()));
+    svgIcon = computed(() => this.config.disableSvgIcons ? undefined : this.iconService.getIcon(this.icon()), ...(ngDevMode ? [{ debugName: "svgIcon" }] : []));
     /** Icon class, which is ensured to be kebab-case. */
-    fontIcon = computed(() => this.svgIcon() ? undefined : this.camelToKebabCase(this.icon()));
+    fontIcon = computed(() => this.svgIcon() ? undefined : this.camelToKebabCase(this.icon()), ...(ngDevMode ? [{ debugName: "fontIcon" }] : []));
     isKebabCase(str) {
         return /^[a-z0-9]+(-[a-z0-9]+)*$/.test(str);
     }
@@ -227,34 +226,34 @@ class SiIconComponent {
                 .replace(/([0-9])([A-Z])/g, '$1-$2')
                 .toLowerCase();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: SiIconComponent, isStandalone: true, selector: "si-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-icon": "icon()" } }, ngImport: i0, template: ` <div
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: SiIconComponent, isStandalone: true, selector: "si-icon", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-icon": "icon()" } }, ngImport: i0, template: ` <div
     aria-hidden="true"
-    [ngClass]="svgIcon() ? '' : fontIcon()"
+    [class]="svgIcon() ? '' : fontIcon()"
     [innerHTML]="svgIcon()"
-  ></div>`, isInline: true, styles: [":host{display:inline-flex;font-weight:400;vertical-align:middle;line-height:1}:host ::ng-deep svg{display:block;block-size:1em;fill:currentColor}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  ></div>`, isInline: true, styles: [":host{display:inline-flex;font-weight:400;vertical-align:middle;line-height:1}:host ::ng-deep svg{display:block;block-size:1em;fill:currentColor}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-icon', imports: [NgClass], template: ` <div
+            args: [{ selector: 'si-icon', template: ` <div
     aria-hidden="true"
-    [ngClass]="svgIcon() ? '' : fontIcon()"
+    [class]="svgIcon() ? '' : fontIcon()"
     [innerHTML]="svgIcon()"
   ></div>`, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[attr.data-icon]': 'icon()'
                     }, styles: [":host{display:inline-flex;font-weight:400;vertical-align:middle;line-height:1}:host ::ng-deep svg{display:block;block-size:1em;fill:currentColor}\n"] }]
-        }] });
+        }], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
 class SiIconModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: SiIconModule, imports: [SiIconComponent, SiIconLegacyComponent], exports: [SiIconComponent, SiIconLegacyComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: SiIconModule, imports: [SiIconComponent, SiIconLegacyComponent], exports: [SiIconComponent, SiIconLegacyComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [SiIconComponent, SiIconLegacyComponent],
@@ -327,6 +326,28 @@ const elementPinch = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000
 const elementZoom = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><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-.06H308a12 12 0 0 0 0 24h75l-100.82 100.8a12 12 0 0 0 17 17L400 129v75a12 12 0 0 0 24 0V100a10.88 10.88 0 0 0-.06-1.18ZM212.85 282.18 112 383v-75a12 12 0 0 0-24 0v104a10.88 10.88 0 0 0 .06 1.14c0 .19 0 .37.08.55s0 .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.17.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.52.32.48.28c.18.1.37.18.55.27l.52.24.54.19c.19.07.37.14.57.2a5.36 5.36 0 0 0 .54.14c.2.05.39.11.6.15s.42.06.63.09l.53.08a11.51 11.51 0 0 0 1.23.15h104a12 12 0 0 0 0-24h-75l100.82-100.85a12 12 0 1 0-17-17Z'/></svg>";
 const elementBack = "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>";
 const elementOptions = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 284a28 28 0 1 1 28-28 28 28 0 0 1-28 28ZM368 284a28 28 0 1 1 28-28 28 28 0 0 1-28 28ZM144 284a28 28 0 1 1 28-28 28 28 0 0 1-28 28Z'/></svg>";
+const elementUp2 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M159.21 308.79a12.45 12.45 0 0 1-1.44-15.86l1.44-1.72 88-88a12.45 12.45 0 0 1 15.86-1.44l1.72 1.44 88 88a12.43 12.43 0 0 1-15.86 19l-1.72-1.44L256 229.58l-79.21 79.21a12.45 12.45 0 0 1-15.86 1.44Z' data-name='Arrow/Right-3'/></svg>";
+const elementDownload = "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 d='M351.15 212.85a12 12 0 0 0-17 0L268 279V100a12 12 0 0 0-24 0v179l-66.18-66.18a12 12 0 1 0-17 17l86.66 86.67.06.05c.27.26.54.5.82.74l.46.34.48.36c.18.12.37.22.55.33s.3.19.46.27l.56.27c.17.08.33.16.51.23s.36.14.55.21l.55.19a5.73 5.73 0 0 0 .56.14c.19.05.39.11.59.15l.63.09.53.08a11.63 11.63 0 0 0 2.36 0l.53-.08.64-.09.58-.15a5.73 5.73 0 0 0 .56-.14l.55-.19c.19-.07.37-.13.55-.21s.34-.15.51-.23l.56-.27c.16-.08.31-.18.46-.27s.37-.21.55-.33l.48-.36.46-.34c.28-.24.55-.48.82-.74l.06-.05 86.66-86.67a12 12 0 0 0 .03-16.97Z'/></svg>";
+const elementPin = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M285.5 388.25a17.12 17.12 0 0 1-10.69 4.95c-.47 0-.95.06-1.42.06a16.94 16.94 0 0 1-12.08-5l-60.76-60.75-91.69 91.68A12.13 12.13 0 0 1 91.71 402l91.69-91.68-60.77-60.76a17.13 17.13 0 0 1 0-24.19 17.73 17.73 0 0 1 2.14-1.82c1.67-1.19 40.72-28.44 90.49-12l86.74-76.4a90.75 90.75 0 0 1 4.32-45.28 17.1 17.1 0 0 1 28.13-6.14l92.66 92.67a17.12 17.12 0 0 1 0 24.18 17 17 0 0 1-6.14 3.94 90.45 90.45 0 0 1-45.29 4.32l-76.46 86.79a104.3 104.3 0 0 1 1.51 60.7 99.77 99.77 0 0 1-13.44 29.74 17.53 17.53 0 0 1-1.79 2.18ZM197.33 290l19.43 19.43 55.12 55.12a80.18 80.18 0 0 0 2.29-66.88l-.43-1.06 1.8-10.7 87.36-99.17 10.19-3.18 1.09.27a66.08 66.08 0 0 0 27.09 1l-75.2-75.2a66.25 66.25 0 0 0 1 27.09l.27 1.09-3.17 10.19L225 235.35l-10.7 1.79-1.06-.43a80 80 0 0 0-66.89 2.29Z'/></svg>";
+const elementPaste = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M352 112h-20v-4a28 28 0 0 0-28-28h-96a28 28 0 0 0-28 28v4h-20a44.05 44.05 0 0 0-44 44v224a44.05 44.05 0 0 0 44 44h192a44.05 44.05 0 0 0 44-44V156a44.05 44.05 0 0 0-44-44Zm-148-4a4 4 0 0 1 4-4h96a4 4 0 0 1 4 4v32a4 4 0 0 1-4 4h-96a4 4 0 0 1-4-4Zm168 272a20 20 0 0 1-20 20H160a20 20 0 0 1-20-20V156a20 20 0 0 1 20-20h20v4a28 28 0 0 0 28 28h96a28 28 0 0 0 28-28v-4h20a20 20 0 0 1 20 20Z'/></svg>";
+const elementCancelFilled = "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 64Zm104.49 279.51a12 12 0 0 1-17 17L256 273l-87.51 87.52a12 12 0 0 1-17-17L239 256l-87.52-87.51a12 12 0 0 1 17-17L256 239l87.51-87.52a12 12 0 0 1 17 17L273 256Z'/></svg>";
+const elementBusy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M197.22 175.1a16 16 0 0 1-22.35-3.54L139.61 123a16 16 0 1 1 25.88-18.81l35.27 48.54a16 16 0 0 1-3.54 22.37ZM160.89 225.1a16 16 0 0 1-20.16 10.27l-57.06-18.54a16 16 0 1 1 9.89-30.43l57.06 18.54a16 16 0 0 1 10.27 20.16ZM160.89 286.9a16 16 0 0 1-10.27 20.16L93.56 325.6a16 16 0 0 1-9.89-30.43l57.06-18.54a16 16 0 0 1 20.16 10.27ZM197.22 336.9a16 16 0 0 1 3.54 22.35l-35.27 48.54A16 16 0 1 1 139.61 389l35.26-48.54a16 16 0 0 1 22.35-3.56ZM256 356a16 16 0 0 1 16 16v60a16 16 0 0 1-32 0v-60a16 16 0 0 1 16-16ZM314.78 336.9a16 16 0 0 1 22.35 3.54L372.39 389a16 16 0 1 1-25.88 18.81l-35.27-48.54a16 16 0 0 1 3.54-22.37ZM351.11 286.9a16 16 0 0 1 20.16-10.27l57.06 18.54a16 16 0 1 1-9.89 30.43l-57.06-18.54a16 16 0 0 1-10.27-20.16ZM351.11 225.1a16 16 0 0 1 10.27-20.16l57.06-18.54a16 16 0 1 1 9.89 30.43l-57.06 18.54a16 16 0 0 1-20.16-10.27ZM314.78 175.1a16 16 0 0 1-3.54-22.35l35.27-48.54A16 16 0 1 1 372.39 123l-35.26 48.54a16 16 0 0 1-22.35 3.56ZM256 156a16 16 0 0 1-16-16V80a16 16 0 0 1 32 0v60a16 16 0 0 1-16 16Z'/></svg>";
+const elementLink = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M333.56 88.16a90 90 0 0 0-62.83 25.39l-.13.12-27 26.82a12 12 0 0 0 16.92 17l26.92-26.76a66.44 66.44 0 0 1 94 93.94l-47 47a67.6 67.6 0 0 1-7.19 6.23 66.44 66.44 0 0 1-93-13.41A12 12 0 0 0 215 278.88a89.88 89.88 0 0 0 59.52 35.34 91.93 91.93 0 0 0 13.1.94 89.77 89.77 0 0 0 54-18 90.87 90.87 0 0 0 9.79-8.48l47.07-47.07.14-.15a90.44 90.44 0 0 0-65.06-153.3Z'/><path d='m251.28 354.51-26.75 26.75a66.44 66.44 0 0 1-93.95-93.95l47-47a68.76 68.76 0 0 1 7.19-6.23 66.53 66.53 0 0 1 93 13.41A12 12 0 0 0 297 233.12a90.5 90.5 0 0 0-136.39-9.77l-47.06 47.07-.15.15a90.44 90.44 0 0 0 127.88 127.88.93.93 0 0 0 .14-.14l26.83-26.83a12 12 0 0 0-17-17Z'/></svg>";
+const elementCut = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M378.51 124.22 263.71 239 220 195.32a58.29 58.29 0 1 0-17 17L246.74 256 203 299.71a58.32 58.32 0 1 0 17 17l175.5-175.49a12 12 0 1 0-17-17ZM137 163.53a34.24 34.24 0 1 1 58.55 24.07 1.42 1.42 0 0 0-.13.12l-.11.13A34.22 34.22 0 0 1 137 163.53Zm34.24 219.18a34.24 34.24 0 1 1 24.07-58.56l.11.13a1.42 1.42 0 0 0 .13.12 34.22 34.22 0 0 1-24.31 58.31ZM310.25 285.73a12 12 0 1 0-16.95 17l85.22 85.08a12 12 0 0 0 17-17Z'/></svg>";
+const elementLayoutPane3Alt = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M406 112H106a42 42 0 0 0-42 42v204a42 42 0 0 0 42 42h300a42 42 0 0 0 42-42V154a42 42 0 0 0-42-42Zm-93.35 24v240h-113.3V136ZM88 358V154a18 18 0 0 1 18-18h69.35v240H106a18 18 0 0 1-18-18Zm336 0a18 18 0 0 1-18 18h-69.35V136H406a18 18 0 0 1 18 18Z'/></svg>";
+const elementPalette = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M351.33 256a26 26 0 1 1 26-26 26 26 0 0 1-26 26M299.33 186.67a26 26 0 1 1 26-26 26 26 0 0 1-26 26M212.67 186.67a26 26 0 1 1 26-26 26 26 0 0 1-26 26M160.67 256a26 26 0 1 1 26-26 26 26 0 0 1-26 26'/><path d='M256 424c-92.64 0-168-75.36-168-168S163.36 88 256 88s168 67.59 168 150.67a98.78 98.78 0 0 1-98.67 98.66h-30.68a14 14 0 0 0-14 14 14.81 14.81 0 0 0 3.61 9.41A37.49 37.49 0 0 1 294 386a38 38 0 0 1-38 38Zm0-312c-79.4 0-144 64.6-144 144s64.6 144 144 144a14 14 0 0 0 14-14 13.49 13.49 0 0 0-3.58-9.19l-.32-.36a38.93 38.93 0 0 1-9.45-25.12 38 38 0 0 1 38-38h30.68A74.75 74.75 0 0 0 400 238.67C400 168.82 335.4 112 256 112Z'/></svg>";
+const elementReport = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M373 356V196a12 12 0 0 0-24 0v160a12 12 0 0 0 24 0ZM253 100v256a12 12 0 0 0 24 0V100a12 12 0 0 0-24 0ZM181 356v-96a12 12 0 0 0-24 0v96a12 12 0 0 0 24 0Z'/><path d='M412 400H112V100a12 12 0 0 0-24 0v312a12 12 0 0 0 12 12h312a12 12 0 0 0 0-24Z'/></svg>";
+const elementMove = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m445.28 263.61.34-.45.36-.49c.12-.18.22-.37.33-.55s.19-.3.27-.46.18-.37.27-.56.16-.33.23-.51.14-.37.21-.55.13-.37.19-.55.1-.38.15-.57.1-.38.14-.57.07-.45.1-.67.05-.33.07-.49a11.83 11.83 0 0 0 0-2.38c0-.16-.05-.33-.07-.49s-.06-.45-.1-.67-.09-.38-.14-.57-.09-.38-.15-.57-.13-.36-.19-.55-.13-.37-.21-.55-.15-.34-.23-.51-.17-.37-.27-.56-.18-.31-.27-.46-.21-.37-.33-.55l-.36-.49-.34-.45c-.23-.28-.48-.55-.74-.82l-.05-.06-44.58-44.57a12 12 0 0 0-17 17L407 244h-75a12 12 0 0 0 0 24h75l-24.09 24.09a12 12 0 0 0 17 17l44.58-44.57.05-.06c.26-.3.51-.57.74-.85ZM180 244h-75l24.09-24.09a12 12 0 0 0-17-17l-44.58 44.6-.05.06c-.26.27-.51.54-.74.82l-.34.45-.36.49c-.12.18-.22.37-.33.55s-.19.3-.27.46-.18.38-.27.56-.16.33-.23.51-.14.37-.21.55-.13.37-.19.55-.1.38-.15.57-.1.38-.14.57-.07.45-.1.67 0 .33-.07.49a11.83 11.83 0 0 0 0 2.38c0 .16 0 .33.07.49s.06.45.1.67.09.38.14.57.09.38.15.57.13.36.19.55.13.37.21.55.15.34.23.51.17.37.27.56.18.31.27.46.21.37.33.55l.36.49.34.45c.23.28.48.55.74.82l.05.06 44.58 44.57a12 12 0 0 0 17-17L105 268h75a12 12 0 0 0 0-24ZM223.34 125.63 244 105v75a12 12 0 0 0 24 0v-75l20.66 20.66a12 12 0 0 0 17-17l-41.17-41.15-.1-.08c-.25-.24-.5-.48-.77-.7-.1-.08-.2-.14-.29-.22s-.43-.33-.66-.48a2.07 2.07 0 0 0-.25-.15c-.25-.16-.5-.32-.76-.46a1.51 1.51 0 0 1-.18-.09c-.29-.14-.58-.29-.88-.41h-.12c-.32-.13-.65-.25-1-.35h-.14a8.6 8.6 0 0 0-1-.25h-.3c-.29 0-.57-.1-.86-.13S256.4 64 256 64s-.8 0-1.2.06-.57.08-.86.13h-.3a8.6 8.6 0 0 0-1 .25h-.14c-.33.1-.65.22-1 .35h-.13c-.3.12-.59.27-.88.41l-.18.09c-.26.14-.51.3-.76.46a2.07 2.07 0 0 0-.25.15c-.23.15-.44.32-.66.48s-.19.14-.29.22c-.27.22-.52.46-.77.7l-.1.08-41.14 41.15a12 12 0 0 0 17 17ZM292.09 382.94 268 407v-75a12 12 0 0 0-24 0v75l-24.09-24.09a12 12 0 0 0-17 17l44.57 44.58.06.05c.27.26.54.5.82.74l.46.34.48.36c.18.12.37.22.55.33s.3.19.46.27l.56.27c.17.08.33.16.51.23s.36.14.55.21l.55.19a5.73 5.73 0 0 0 .56.14c.19.05.39.11.59.15l.63.09.53.08a11.63 11.63 0 0 0 2.36 0l.53-.08.64-.09.58-.15a5.73 5.73 0 0 0 .56-.14l.55-.19c.19-.07.37-.13.55-.21s.34-.15.51-.23l.56-.27c.16-.08.31-.18.46-.27s.37-.21.55-.33l.48-.36.46-.34c.28-.24.55-.48.82-.74l.06-.05 44.57-44.58a12 12 0 0 0-17-17Z'/></svg>";
+const elementSum = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M378 424H134c-4.72 0-9-2.77-10.94-7.07-1.94-4.3-1.17-9.34 1.95-12.88L255.98 256 125.01 107.95a11.995 11.995 0 0 1-1.95-12.88C125 90.77 129.28 88 134 88h244c6.63 0 12 5.37 12 12v60c0 6.63-5.37 12-12 12s-12-5.37-12-12v-48H160.64l120.35 136.05a11.989 11.989 0 0 1 0 15.9L160.64 400H366v-48c0-6.63 5.37-12 12-12s12 5.37 12 12v60c0 6.63-5.37 12-12 12Z'/></svg>";
+const elementLinkBroken = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M287.37 315.12c-12.23 0-24.52-2.47-36.07-7.49-6.08-2.64-8.86-9.71-6.22-15.79 2.64-6.08 9.71-8.86 15.79-6.22 21.87 9.51 47.3 6.56 66.37-7.71 2.54-1.9 4.96-3.99 7.19-6.23l46.99-46.99c25.38-26.36 24.63-68.45-1.7-93.88-25.86-24.98-66.37-25-92.26-.06l-26.92 26.76c-4.7 4.67-12.3 4.65-16.97-.05-4.67-4.7-4.65-12.3.05-16.97l26.98-26.83.12-.12c16.95-16.37 39.27-25.39 62.83-25.39s45.88 9.02 62.83 25.39c35.87 34.65 36.87 92.01 2.22 127.89l-.15.15-47.07 47.07c-3.04 3.05-6.34 5.9-9.79 8.48-15.87 11.87-34.99 17.99-54.24 17.99Z'/><path d='M178.44 423.84c-23.57 0-45.88-9.02-62.83-25.39-17.38-16.78-27.18-39.33-27.6-63.48-.42-24.15 8.59-47.03 25.38-64.4l.15-.15 47.07-47.07c3.04-3.04 6.34-5.9 9.79-8.48 26.02-19.46 60.69-23.46 90.49-10.43 6.07 2.66 8.84 9.73 6.19 15.8-2.66 6.07-9.73 8.84-15.8 6.19-21.9-9.58-47.38-6.64-66.49 7.65-2.53 1.9-4.96 3.99-7.19 6.23l-46.99 46.99c-12.29 12.76-18.88 29.53-18.57 47.24.31 17.74 7.51 34.31 20.27 46.64 25.86 24.98 66.36 25 92.25.07l26.75-26.75c4.69-4.69 12.29-4.69 16.97 0 4.69 4.69 4.69 12.28 0 16.97l-26.83 26.83-.15.15c-16.95 16.37-39.27 25.39-62.83 25.39ZM402.83 341.21h-33.06c-6.63 0-12-5.37-12-12s5.37-12 12-12h33.06c6.63 0 12 5.37 12 12s-5.37 12-12 12ZM327.35 417.39c-6.63 0-12-5.37-12-12v-33.06c0-6.63 5.37-12 12-12s12 5.37 12 12v33.06c0 6.63-5.37 12-12 12ZM381.98 395.83c-3.07 0-6.14-1.17-8.49-3.51l-32.34-32.35c-4.69-4.69-4.69-12.28 0-16.97 4.69-4.69 12.28-4.69 16.97 0l32.34 32.35c4.69 4.69 4.69 12.28 0 16.97a11.978 11.978 0 0 1-8.49 3.51ZM141.92 194.09h-33.06c-6.63 0-12-5.37-12-12s5.37-12 12-12h33.06c6.63 0 12 5.37 12 12s-5.37 12-12 12ZM184.33 150.97c-6.63 0-12-5.37-12-12v-33.06c0-6.63 5.37-12 12-12s12 5.37 12 12v33.06c0 6.63-5.37 12-12 12ZM162.05 171.81c-3.07 0-6.14-1.17-8.49-3.51l-32.35-32.35c-4.69-4.69-4.69-12.28 0-16.97 4.69-4.69 12.28-4.69 16.97 0l32.35 32.35c4.69 4.69 4.69 12.28 0 16.97a11.96 11.96 0 0 1-8.49 3.51Z'/></svg>";
+const elementFilter = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M412 103.6H100a12 12 0 0 0-12 12v45a12 12 0 0 0 4.38 9.27l120.42 99v96.33a12 12 0 0 0 6.63 10.73l62.4 31.2a12 12 0 0 0 17.37-10.73V268.81l120.47-100.05a12 12 0 0 0 4.33-9.23V115.6a12 12 0 0 0-12-12Zm-12 24v25.67H112V127.6ZM279.53 253.94a12 12 0 0 0-4.33 9.24V377l-38.4-19.2v-94.6a12 12 0 0 0-4.38-9.27l-93.23-76.64h232.67Z'/></svg>";
+const elementUp4 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m363.48 211.63-98.09-98.09a12 12 0 0 0-18.78 0l-98.09 98.09a12 12 0 1 0 17 17L244 150.09V391a12 12 0 0 0 24 0V150.09l78.51 78.51a12 12 0 1 0 17-17Z'/></svg>";
+const elementCopy = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M380.8 197.2H240.4a43.25 43.25 0 0 0-43.2 43.2v140.4a43.25 43.25 0 0 0 43.2 43.2h140.4a43.25 43.25 0 0 0 43.2-43.2V240.4a43.25 43.25 0 0 0-43.2-43.2ZM400 380.8a19.22 19.22 0 0 1-19.2 19.2H240.4a19.22 19.22 0 0 1-19.2-19.2V240.4a19.22 19.22 0 0 1 19.2-19.2h140.4a19.22 19.22 0 0 1 19.2 19.2Z'/><path d='M146.8 290.8h-15.6a19.22 19.22 0 0 1-19.2-19.2V131.2a19.22 19.22 0 0 1 19.2-19.2h140.4a19.22 19.22 0 0 1 19.2 19.2v15.6a12 12 0 0 0 24 0v-15.6A43.25 43.25 0 0 0 271.6 88H131.2A43.25 43.25 0 0 0 88 131.2v140.4a43.25 43.25 0 0 0 43.2 43.2h15.6a12 12 0 0 0 0-24Z'/></svg>";
+const elementDocumentCsv = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='m196.47 396.85 7.55 20.71c-6.82 3.3-12.78 5.54-17.87 6.7-5.09 1.16-11.37 1.75-18.85 1.75-11.26 0-20.58-1.62-27.94-4.87-10.29-4.55-18.06-11.72-23.31-21.53-4.71-8.77-7.07-19.5-7.07-32.17 0-21.39 6.52-37.58 19.58-48.58 9.48-8.01 21.96-12.02 37.45-12.02 6.61 0 12.62.61 18.03 1.83s11.56 3.37 18.44 6.46l-8.69 19.5c-9.15-4.98-17.93-7.47-26.32-7.47-10.13 0-17.87 3.47-23.23 10.4-5.63 7.26-8.45 16.84-8.45 28.75s2.95 22 8.85 28.96c5.9 6.96 14.05 10.44 24.45 10.44 4.71 0 9.04-.64 13-1.91 3.95-1.27 8.75-3.59 14.38-6.94ZM211.77 419.51l3.74-22.09c13.16 5.52 24.31 8.29 33.47 8.29 5.96 0 10.34-1.46 13.16-4.39 2.44-2.54 3.66-5.66 3.66-9.34 0-3.3-1.19-5.88-3.57-7.72-2.38-1.84-8.26-4.68-17.63-8.53-6.93-2.87-11.82-5.01-14.66-6.42-2.84-1.41-5.46-3.01-7.84-4.79-6.77-5.04-10.15-12.29-10.15-21.77 0-8.18 2.22-15.35 6.66-21.53 6.82-9.58 18.03-14.38 33.63-14.38 11.26 0 23.5 2.09 36.72 6.25l-5.2 21.12c-7.8-2.87-13.66-4.76-17.59-5.69-3.93-.92-8.03-1.38-12.31-1.38-4.87 0-8.58 1.08-11.13 3.25-2.65 2.33-3.98 5.28-3.98 8.85 0 3.09 1.12 5.51 3.37 7.27 2.25 1.76 7.65 4.4 16.21 7.92 8.5 3.52 14.13 5.97 16.9 7.35s5.36 2.99 7.8 4.83c6.66 5.09 9.99 12.86 9.99 23.31 0 12.35-4.2 21.69-12.59 28.02-7.15 5.36-17.17 8.04-30.05 8.04s-26.29-2.17-38.58-6.5ZM341.12 423.98l-43.62-115.1h26.97l19.17 51.66c4.87 13.16 8.53 23.99 10.97 32.49 3.74-11.91 7.28-22.39 10.64-31.44l19.74-52.72h25.67l-43.62 115.1h-25.91ZM392.74 208c-.03-.29-.08-.58-.13-.87-.02-.1-.03-.2-.05-.3-.07-.35-.16-.69-.26-1.02l-.03-.11c-.1-.34-.23-.68-.36-1.01l-.03-.09c-.13-.31-.28-.62-.43-.92-.03-.05-.05-.1-.07-.15-.15-.27-.31-.53-.47-.79-.05-.07-.09-.15-.13-.22-.16-.24-.34-.47-.51-.69-.06-.08-.12-.17-.19-.25-.22-.27-.46-.53-.71-.78-.03-.03-.05-.06-.08-.09l-109.2-109.2s-.06-.05-.08-.08c-.25-.25-.51-.49-.78-.71-.08-.07-.17-.13-.26-.19-.22-.17-.45-.35-.69-.51-.07-.05-.15-.09-.23-.14-.26-.16-.52-.32-.78-.47-.05-.03-.11-.05-.16-.08-.3-.15-.6-.3-.91-.43-.04-.01-.07-.03-.11-.04-.33-.13-.66-.25-1-.36l-.12-.03c-.33-.1-.67-.19-1.01-.25-.1-.02-.2-.03-.3-.05-.29-.05-.57-.1-.86-.13-.4-.04-.8-.06-1.2-.06H162.4c-23.82 0-43.2 19.38-43.2 43.2v147.8c0 6.63 5.37 12 12 12s12-5.37 12-12v-147.8c0-10.59 8.61-19.2 19.2-19.2h97.2v97.2c0 6.63 5.37 12 12 12h97.2v57.8c0 6.63 5.37 12 12 12s12-5.37 12-12v-69.8c0-.4-.02-.8-.06-1.2ZM283.6 128.97l68.23 68.23H283.6v-68.23Z'/></svg>";
+const elementEdit = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M327.54 104.55 115.12 317a12 12 0 0 0-3.12 5.3l-23.58 86.54A12 12 0 0 0 100 424a12.26 12.26 0 0 0 3.16-.42L189.7 400a11.93 11.93 0 0 0 5.33-3.09l212.42-212.45a56.5 56.5 0 1 0-79.91-79.91ZM131.35 342.64a102.28 102.28 0 0 1 21.22 15.85 85.56 85.56 0 0 1 15.83 22.42l-51.3 14Zm259.13-175.15L189.17 368.8a108.81 108.81 0 0 0-19.72-27.38 126.75 126.75 0 0 0-25.56-19.28l200.62-200.62a32.51 32.51 0 1 1 46 46Z'/></svg>";
+const elementJumpToListItem = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M273.22 137h-160a12 12 0 0 0 0 24h160a12 12 0 0 0 0-24ZM273.22 208.33h-160a12 12 0 0 0 0 24h160a12 12 0 0 0 0-24ZM273.22 279.67h-160a12 12 0 1 0 0 24h160a12 12 0 0 0 0-24ZM273.22 351h-160a12 12 0 0 0 0 24h160a12 12 0 0 0 0-24ZM348.78 143.61a12 12 0 1 0-8 22.63 69 69 0 0 1 42 88.06 69.47 69.47 0 0 1-16.27 25.79c-.09.08-.17.18-.26.27L347.78 300v-23.67a12 12 0 1 0-24 0V331.71c0 .18.06.39.09.58s.06.4.1.59.09.36.14.53a5.9 5.9 0 0 0 .17.6 5.62 5.62 0 0 0 .19.53c.07.19.13.37.21.56s.18.36.27.55.15.32.24.48l.33.55.29.45c.11.16.24.33.37.49s.22.3.35.45l.38.42c.14.15.29.31.44.45a.86.86 0 0 0 .13.14 3.61 3.61 0 0 0 .3.25l.44.38.48.36c.15.11.29.21.45.31s.35.22.53.33l.46.25c.18.1.37.19.57.28l.47.21.59.21.5.17.61.16.51.12.7.1c.15 0 .29.05.44.06a11.41 11.41 0 0 0 1.16.06h54a12 12 0 0 0 0-24h-26.17l20.11-21.41a93.47 93.47 0 0 0 21.8-34.61 93 93 0 0 0-56.65-118.7Z'/></svg>";
+const elementCheckedImageShape = 'data:image/svg+xml;base64,PHN2ZyBpZD0iSWNvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+CiAgPHRpdGxlPm9rPC90aXRsZT4KICA8cGF0aCBkPSJNMzc5LjUxLDE1Ni43NmwtMTczLDE3My03NC03NGExMiwxMiwwLDEsMC0xNywxN2w4Mi41LDgyLjVhMTIsMTIsMCwwLDAsMTcsMGwxODEuNS0xODEuNWExMiwxMiwwLDAsMC0xNy0xN1oiLz4KPC9zdmc+Cg==';
+const elementDown4 = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M363.48 283.4a12 12 0 0 0-17 0L268 361.91V121a12 12 0 0 0-24 0v240.91l-78.51-78.51a12 12 0 1 0-17 17l98.09 98.09a12 12 0 0 0 18.78 0l98.09-98.09a12 12 0 0 0 .03-17Z'/></svg>";
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -445,35 +466,35 @@ const STATUS_ICON_CONFIG = new InjectionToken('STATUS_ICON_CONFIG', {
  */
 class SiStatusIconComponent {
     statusIcons = inject(STATUS_ICON_CONFIG);
-    status = input.required();
-    statusIcon = computed(() => this.statusIcons[this.status()]);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiStatusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: SiStatusIconComponent, isStandalone: true, selector: "si-status-icon", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "icon-stack" }, ngImport: i0, template: `
+    status = input.required(...(ngDevMode ? [{ debugName: "status" }] : []));
+    statusIcon = computed(() => this.statusIcons[this.status()], ...(ngDevMode ? [{ debugName: "statusIcon" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiStatusIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: SiStatusIconComponent, isStandalone: true, selector: "si-status-icon", inputs: { status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null } }, host: { classAttribute: "icon-stack" }, ngImport: i0, template: `
     @let iconValue = statusIcon();
     @if (iconValue) {
-      <si-icon [ngClass]="iconValue.color" [icon]="iconValue.icon" />
-      <si-icon [ngClass]="iconValue.stackedColor" [icon]="iconValue.stacked" />
+      <si-icon [class]="iconValue.color" [icon]="iconValue.icon" />
+      <si-icon [class]="iconValue.stackedColor" [icon]="iconValue.stacked" />
       <span class="visually-hidden">{{ iconValue.ariaLabel | translate }}</span>
     }
-  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, dependencies: [{ kind: "component", type: SiIconComponent, selector: "si-icon", inputs: ["icon"] }, { kind: "pipe", type: SiTranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: SiStatusIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiStatusIconComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'si-status-icon',
-                    imports: [NgClass, SiIconComponent, SiTranslatePipe],
+                    imports: [SiIconComponent, SiTranslatePipe],
                     template: `
     @let iconValue = statusIcon();
     @if (iconValue) {
-      <si-icon [ngClass]="iconValue.color" [icon]="iconValue.icon" />
-      <si-icon [ngClass]="iconValue.stackedColor" [icon]="iconValue.stacked" />
+      <si-icon [class]="iconValue.color" [icon]="iconValue.icon" />
+      <si-icon [class]="iconValue.stackedColor" [icon]="iconValue.stacked" />
       <span class="visually-hidden">{{ iconValue.ariaLabel | translate }}</span>
     }
   `,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     host: { class: 'icon-stack' }
                 }]
-        }] });
+        }], propDecorators: { status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: true }] }] } });
 
 /**
  * Copyright (c) Siemens 2016 - 2025
@@ -484,5 +505,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, SiStatusIconComponent, addIcons, element2dEditor, elementAlarmFilled, elementAlarmTick, elementBack, 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, elementOptions, elementOptionsVertical, elementOutOfService, elementPinch, 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, elementZoom, provideIconConfig };
+export { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, SiStatusIconComponent, addIcons, element2dEditor, elementAlarmFilled, elementAlarmTick, elementBack, elementBreadcrumbRoot, elementBusy, elementCalendar, elementCancel, elementCancelFilled, elementChecked, elementCheckedFilled, elementCheckedImageShape, elementCircleFilled, elementCopy, elementCut, elementDelete, elementDocument, elementDocumentCsv, elementDoubleLeft, elementDoubleRight, elementDown2, elementDown4, elementDownload, elementEdit, elementExport, elementFavorites, elementFavoritesFilled, elementFilter, elementHelp, elementHide, elementJumpToListItem, elementLayoutPane3Alt, elementLeft2, elementLeft3, elementLeft4, elementLink, elementLinkBroken, elementLock, elementMenu, elementMinus, elementMove, elementNotChecked, elementOctagonFilled, elementOk, elementOptions, elementOptionsVertical, elementOutOfService, elementPalette, elementPaste, elementPin, elementPinch, elementPlus, elementRadioChecked, elementRecordFilled, elementRedo, elementReport, elementRight2, elementRight3, elementRight4, elementSearch, elementShow, elementSortDown, elementSortUp, elementSoundMute, elementSoundOn, elementSquare45Filled, elementSquareFilled, elementStateExclamationMark, elementStateInfo, elementStatePause, elementStateProgress, elementStateQuestionMark, elementStateTick, elementSum, elementThumbnails, elementTriangleFilled, elementUp2, elementUp4, elementUpload, elementUser, elementWarningFilled, elementZoom, provideIconConfig };
 //# sourceMappingURL=siemens-element-ng-icon.mjs.map