@siemens/element-ng 48.0.0-next.2 → 48.0.0-next.4

package/icon/index.d.ts

@@ -1,30 +1,71 @@
 import * as _angular_core from '@angular/core';
-import { InjectionToken, Provider } from '@angular/core';
-import { TranslatableString } from '@siemens/element-translate-ng/translate';
+import { Provider, InjectionToken } from '@angular/core';
+import * as _angular_platform_browser from '@angular/platform-browser';
 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';
+import { TranslatableString } from '@siemens/element-translate-ng/translate';
 
+/**
+ * Global configuration for icons.
+ *
+ * @experimental
+ */
+interface IconConfig {
+    /**
+     * If true, the si-icon 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 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}
+     * 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
      *
-     * @defaultValue 'icon'
+     * @example
+     * ```ts
+     * import { elementUser } from '@simpl/element-icons/ionic';
+     *
+     * @Component({template: `
+     *   <si-icon [icon]="icons.elementUser" />
+     *   <si-icon icon="element-user" />
+     *   <si-icon icon="elementUser" />
+     *
+     * `})
+     * class MyComponent {
+     *   icons = addIcons(elementUser);
+     * }
+     * ```
      */
-    readonly size: _angular_core.InputSignal<string>;
-    protected readonly altText: _angular_core.Signal<string>;
+    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<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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconComponent, "si-icon", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class SiIconModule {
@@ -44,8 +85,8 @@ declare class SiIconModule {
  * @experimental
  */
 declare const STATUS_ICON_CONFIG: InjectionToken<{
-    success: StatusIcon;
     info: StatusIcon;
+    success: StatusIcon;
     warning: StatusIcon;
     danger: StatusIcon;
     caution: StatusIcon;
@@ -70,7 +111,7 @@ declare const STATUS_ICON_CONFIG: InjectionToken<{
  * import { elementIcon } from '@simpl/element-icons/ionic';
  * import { addIcons } from '@siemens/element-ng/icon'
  *
- * @Component({`<si-icon-next [icon]="icons.elementIcon"`})
+ * @Component({`<si-icon [icon]="icons.elementIcon"`})
  * class MyComponent {
  *   icons = addIcons({ elementIcon })
  * }
@@ -79,66 +120,61 @@ declare const STATUS_ICON_CONFIG: InjectionToken<{
 declare const addIcons: <T extends string>(icons: Record<T, string>) => Record<T, string>;
 
 /**
- * Global configuration for icons.
+ * @deprecated This component should no longer be used.
+ * Use the {@link SiIconComponent} instead.
+ * Existing usages can be replaced as follows:
  *
- * @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.
+ * ```html
+ * <!-- before -->
+ * <si-icon icon="element-user" color="text-danger" />
+ * <!-- after -->
+ * <si-icon icon="element-user" class="icon text-danger" />
+ * ```
  *
- * @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.
+ * **Important:** Previously, the class `icon` was automatically applied. Unless not needed,
+ * it must now be applied manually.
+ * The icon class scales up the icon compared to its surrounding text.
  *
- * The content of this component is hidden in the a11y tree.
- * If needed, the consumer must set proper labels.
+ * Stacked icons need to be constructed in HTML directly.
+ * If applicable, the `si-status-icon` component should be used instead.
  *
- * @experimental
+ * ```html
+ * <!-- before -->
+ * <si-icon
+ *   icon="element-circle-filled"
+ *   color="status-success"
+ *   stackedIcon="element-state-tick"
+ *   stackedColor="status-success-contrast"
+ *   alt="Success"
+ * />
+ *
+ * <!-- after -->
+ * <div class="icon-stack icon" aria-label="Success">
+ *   <si-icon icon="element-circle-filled" class="status-success" />
+ *   <si-icon icon="element-state-tick" class="status-success-contrast" />
+ * </div>
+ * ```
  */
-declare class SiIconNextComponent {
+declare class SiIconLegacyComponent {
+    /** 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>;
     /**
-     * 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" />
+     * Text-size class for icon size, see {@link https://element.siemens.io/fundamentals/typography/#type-styles-classes}
      *
-     * `})
-     * class MyComponent {
-     *   icons = addIcons(elementUser);
-     * }
-     * ```
+     * @defaultValue 'icon'
      */
-    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>;
+    readonly size: _angular_core.InputSignal<string>;
+    protected readonly altText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiIconLegacyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiIconLegacyComponent, "si-icon-legacy", 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 SiStatusIconComponent {
@@ -210,5 +246,5 @@ declare const elementAlarmTick = "data:image/svg+xml;utf8,<svg xmlns='http://www
 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 { STATUS_ICON_CONFIG, SiIconComponent, SiIconLegacyComponent, SiIconModule, 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/list-details/index.d.ts

@@ -72,9 +72,9 @@ declare class SiListDetailsComponent implements OnInit, OnChanges, OnDestroy {
     readonly maxDetailsSize: Signal<string>;
     protected readonly listStateId: Signal<string | undefined>;
     protected readonly detailsStateId: Signal<string | undefined>;
-    protected readonly opacity: Signal<"0" | "">;
+    protected readonly opacity: Signal<"" | "0">;
     /** @internal */
-    readonly detailsExpandedAnimation: Signal<"collapsed" | "expanded" | "disabled">;
+    readonly detailsExpandedAnimation: Signal<"disabled" | "expanded" | "collapsed">;
     private hadLargeSizePreviously;
     private detailsActivePreviously;
     private previouslyFocusedElementInList;

package/menu/index.d.ts

@@ -117,7 +117,7 @@ interface MenuDivider {
 type MenuItem = MenuItemGroup | MenuItemAction | MenuItemRouterLink | MenuItemLink | MenuItemRadioGroup | MenuItemCheckbox | MenuItemRadio | MenuItemHeader | MenuDivider;
 
 declare class SiMenuFactoryComponent {
-    readonly items: i0.InputSignal<readonly (MenuItem | MenuItem$1)[] | undefined>;
+    readonly items: i0.InputSignal<readonly (MenuItem$1 | MenuItem)[] | undefined>;
     readonly actionParam: i0.InputSignal<unknown>;
     private linkActionService;
     private menuActionService;

package/navbar-vertical/index.d.ts

@@ -118,7 +118,7 @@ declare class SiNavbarVerticalComponent implements OnChanges, OnInit, OnDestroy
      *
      * @defaultValue []
      */
-    readonly items: _angular_core.ModelSignal<(NavbarVerticalItem | MenuItem)[]>;
+    readonly items: _angular_core.ModelSignal<(MenuItem | NavbarVerticalItem)[]>;
     /**
      * Set to `true` if there are no icons
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/element-ng",
   "description": "Element Angular component library, implementing the Siemens Design Language",
-  "version": "48.0.0-next.2",
+  "version": "48.0.0-next.4",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@angular/router": "20",
     "@ngx-formly/bootstrap": "^6.2.2",
     "@ngx-formly/core": "^6.2.2",
-    "@siemens/element-translate-ng": "48.0.0-next.2",
-    "@siemens/element-theme": "48.0.0-next.2",
+    "@siemens/element-translate-ng": "48.0.0-next.4",
+    "@siemens/element-theme": "48.0.0-next.4",
     "@siemens/ngx-datatable": "22 - 24",
     "flag-icons": "^7.3.2",
     "google-libphonenumber": "^3.2.40",

package/popover/index.d.ts

@@ -11,8 +11,8 @@ declare class SiPopoverDirective implements OnInit, OnDestroy {
      *
      * @defaultValue 'auto'
      */
-    readonly placement: _angular_core.InputSignal<"start" | "end" | "top" | "bottom" | "auto">;
-    readonly placementInternal: _angular_core.Signal<"start" | "end" | "top" | "bottom" | "auto">;
+    readonly placement: _angular_core.InputSignal<"auto" | "start" | "end" | "top" | "bottom">;
+    readonly placementInternal: _angular_core.Signal<"auto" | "start" | "end" | "top" | "bottom">;
     /**
      * The trigger event(s) on which the popover shall be displayed.
      * Applications can pass multiple triggers separated by space.

package/popover-next/index.d.ts

@@ -14,8 +14,8 @@ declare class SiPopoverNextDirective implements OnDestroy {
      *
      * @defaultValue 'auto'
      */
-    readonly placement: _angular_core.InputSignal<"start" | "end" | "top" | "bottom" | "auto">;
-    readonly placementInternal: _angular_core.Signal<"start" | "end" | "top" | "bottom" | "auto">;
+    readonly placement: _angular_core.InputSignal<"auto" | "start" | "end" | "top" | "bottom">;
+    readonly placementInternal: _angular_core.Signal<"auto" | "start" | "end" | "top" | "bottom">;
     /**
      * The title to be displayed on top for the popover
      *

package/tooltip/index.d.ts

@@ -11,13 +11,13 @@ declare class SiTooltipDirective implements OnDestroy {
      *
      * @defaultValue ''
      */
-    readonly siTooltip: i0.InputSignal<TranslatableString | TemplateRef<any>>;
+    readonly siTooltip: i0.InputSignal<TemplateRef<any> | TranslatableString>;
     /**
      * The placement of the tooltip. One of 'top', 'start', end', 'bottom'
      *
      * @defaultValue 'auto'
      */
-    readonly placement: i0.InputSignal<"start" | "end" | "top" | "bottom" | "auto">;
+    readonly placement: i0.InputSignal<"auto" | "top" | "start" | "end" | "bottom">;
     /**
      * The trigger event on which the tooltip shall be displayed
      */

package/tree-view/index.d.ts

@@ -70,11 +70,6 @@ declare class SiTreeViewItemComponent implements OnInit, OnDestroy, AfterViewIni
     protected get showCheckOrOptionBox(): boolean;
     private updateContextMenuItem;
     protected getItemFolderStateClass(): string;
-    /**
-     * Show icon if the item is selected.
-     * Per default the `filled` icon is used, this can be configured using {@link disableFilledIcons}.
-     **/
-    protected getIconClass(): string;
     protected getStateIndicatorColor(): string;
     protected onItemFolderClicked(newState?: string): void;
     private childrenLoadingDone;
@@ -191,12 +186,6 @@ declare class SiTreeViewComponent implements OnInit, OnChanges, OnDestroy, After
      * @defaultref {@link SiTreeViewVirtualizationService#pagesVirtualized}
      */
     readonly pagesVirtualized: _angular_core.InputSignalWithTransform<number, number>;
-    /**
-     * Whether "filled" icons should not be used when a tree item is selected.
-     * Per default filled icons are used when available.
-     * @defaultValue false
-     */
-    readonly disableFilledIcons: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /**
      * Sets if the folder state icon shall be shown on the left (in LTR) or on the right (in LTR) side
      * of the tree item. Per default the icon will be shown on the left (in LTR). Has no
@@ -551,7 +540,7 @@ declare class SiTreeViewComponent implements OnInit, OnChanges, OnDestroy, After
     private treeItemsUpdated;
     private selectTreeItems;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiTreeViewComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiTreeViewComponent, "si-tree-view", never, { "contextMenuItems": { "alias": "contextMenuItems"; "required": false; "isSignal": true; }; "childrenIndentation": { "alias": "childrenIndentation"; "required": false; "isSignal": true; }; "horizontalScrolling": { "alias": "horizontalScrolling"; "required": false; "isSignal": true; }; "compactMode": { "alias": "compactMode"; "required": false; "isSignal": true; }; "expandCollapseAll": { "alias": "expandCollapseAll"; "required": false; "isSignal": true; }; "expandAllTooltip": { "alias": "expandAllTooltip"; "required": false; "isSignal": true; }; "collapseAllTooltip": { "alias": "collapseAllTooltip"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pagesVirtualized": { "alias": "pagesVirtualized"; "required": false; "isSignal": true; }; "disableFilledIcons": { "alias": "disableFilledIcons"; "required": false; "isSignal": true; }; "folderStateStart": { "alias": "folderStateStart"; "required": false; "isSignal": true; }; "isVirtualized": { "alias": "isVirtualized"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "singleSelectMode": { "alias": "singleSelectMode"; "required": false; "isSignal": true; }; "enableDataField1": { "alias": "enableDataField1"; "required": false; "isSignal": true; }; "enableDataField2": { "alias": "enableDataField2"; "required": false; "isSignal": true; }; "enableStateIndicator": { "alias": "enableStateIndicator"; "required": false; "isSignal": true; }; "enableIcon": { "alias": "enableIcon"; "required": false; "isSignal": true; }; "enableContextMenuButton": { "alias": "enableContextMenuButton"; "required": false; "isSignal": true; }; "enableSelection": { "alias": "enableSelection"; "required": false; "isSignal": true; }; "deleteChildrenOnCollapse": { "alias": "deleteChildrenOnCollapse"; "required": false; "isSignal": true; }; "flatTree": { "alias": "flatTree"; "required": false; "isSignal": true; }; "groupedList": { "alias": "groupedList"; "required": false; "isSignal": true; }; "enableCheckbox": { "alias": "enableCheckbox"; "required": false; "isSignal": true; }; "enableOptionbox": { "alias": "enableOptionbox"; "required": false; "isSignal": true; }; "expandOnClick": { "alias": "expandOnClick"; "required": false; "isSignal": true; }; "inheritChecked": { "alias": "inheritChecked"; "required": false; "isSignal": true; }; "noActionsString": { "alias": "noActionsString"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "itemsVirtualizedChanged": "itemsVirtualizedChanged"; "treeItemFolderClicked": "treeItemFolderClicked"; "treeItemFolderStateChanged": "treeItemFolderStateChanged"; "treeItemClicked": "treeItemClicked"; "treeItemCheckboxClicked": "treeItemCheckboxClicked"; "loadChildren": "loadChildren"; "treeItemsSelected": "treeItemsSelected"; }, ["templates", "treeItemContentTemplate", "nextItems"], ["[cdkDropList], [siTreeViewItem]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiTreeViewComponent, "si-tree-view", never, { "contextMenuItems": { "alias": "contextMenuItems"; "required": false; "isSignal": true; }; "childrenIndentation": { "alias": "childrenIndentation"; "required": false; "isSignal": true; }; "horizontalScrolling": { "alias": "horizontalScrolling"; "required": false; "isSignal": true; }; "compactMode": { "alias": "compactMode"; "required": false; "isSignal": true; }; "expandCollapseAll": { "alias": "expandCollapseAll"; "required": false; "isSignal": true; }; "expandAllTooltip": { "alias": "expandAllTooltip"; "required": false; "isSignal": true; }; "collapseAllTooltip": { "alias": "collapseAllTooltip"; "required": false; "isSignal": true; }; "icons": { "alias": "icons"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pagesVirtualized": { "alias": "pagesVirtualized"; "required": false; "isSignal": true; }; "folderStateStart": { "alias": "folderStateStart"; "required": false; "isSignal": true; }; "isVirtualized": { "alias": "isVirtualized"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; "singleSelectMode": { "alias": "singleSelectMode"; "required": false; "isSignal": true; }; "enableDataField1": { "alias": "enableDataField1"; "required": false; "isSignal": true; }; "enableDataField2": { "alias": "enableDataField2"; "required": false; "isSignal": true; }; "enableStateIndicator": { "alias": "enableStateIndicator"; "required": false; "isSignal": true; }; "enableIcon": { "alias": "enableIcon"; "required": false; "isSignal": true; }; "enableContextMenuButton": { "alias": "enableContextMenuButton"; "required": false; "isSignal": true; }; "enableSelection": { "alias": "enableSelection"; "required": false; "isSignal": true; }; "deleteChildrenOnCollapse": { "alias": "deleteChildrenOnCollapse"; "required": false; "isSignal": true; }; "flatTree": { "alias": "flatTree"; "required": false; "isSignal": true; }; "groupedList": { "alias": "groupedList"; "required": false; "isSignal": true; }; "enableCheckbox": { "alias": "enableCheckbox"; "required": false; "isSignal": true; }; "enableOptionbox": { "alias": "enableOptionbox"; "required": false; "isSignal": true; }; "expandOnClick": { "alias": "expandOnClick"; "required": false; "isSignal": true; }; "inheritChecked": { "alias": "inheritChecked"; "required": false; "isSignal": true; }; "noActionsString": { "alias": "noActionsString"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "itemsVirtualizedChanged": "itemsVirtualizedChanged"; "treeItemFolderClicked": "treeItemFolderClicked"; "treeItemFolderStateChanged": "treeItemFolderStateChanged"; "treeItemClicked": "treeItemClicked"; "treeItemCheckboxClicked": "treeItemCheckboxClicked"; "loadChildren": "loadChildren"; "treeItemsSelected": "treeItemsSelected"; }, ["templates", "treeItemContentTemplate", "nextItems"], ["[cdkDropList], [siTreeViewItem]"], true, never>;
 }
 
 /**