@siemens/element-ng 49.0.0-rc.4 → 49.1.0

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Injectable, input, booleanAttribute, output, signal, computed, inject, ElementRef, Component, DestroyRef, viewChild, ChangeDetectorRef, DOCUMENT, NgModule, model } from '@angular/core';
+import { Injectable, input, booleanAttribute, output, signal, computed, inject, ElementRef, Component, DestroyRef, viewChild, ChangeDetectorRef, DOCUMENT, NgModule, Directive, model } from '@angular/core';
 import { elementZoom, elementPinch, elementRight2, elementSortUp, elementSortDown } from '@siemens/element-icons';
 import { SiCardComponent } from '@siemens/element-ng/card';
 import { SiContentActionBarComponent } from '@siemens/element-ng/content-action-bar';
@@ -465,13 +465,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * SPDX-License-Identifier: MIT
  */
 /**
- * The SiWidgetBaseComponent<T> implements the timing for the skeleton loading
+ * The SiWidgetBaseDirective<T> implements the timing for the skeleton loading
  * indicator of widgets. It supports a generic value input property that represents
  * the main value to be displayed by a widget. When the value is not set, the `showLoadingIndicator`
  * changes after the `initialLoadingIndicatorDebounceTime` delay to `true` and subclasses
  * should show the skeleton loading indicator.
  */
-class SiWidgetBaseComponent {
+class SiWidgetBaseDirective {
     /**
      * The main value to be displayed. If no value is set,
      * the skeleton indicates the loading of the value. Disable
@@ -504,7 +504,6 @@ class SiWidgetBaseComponent {
      * @defaultValue 300
      */
     initialLoadingIndicatorDebounceTime = input(300, ...(ngDevMode ? [{ debugName: "initialLoadingIndicatorDebounceTime" }] : []));
-    cdRef = inject(ChangeDetectorRef);
     loadingTimer;
     ngOnChanges(changes) {
         if (!this.disableAutoLoadingIndicator() &&
@@ -524,14 +523,11 @@ class SiWidgetBaseComponent {
             }, this.initialLoadingIndicatorDebounceTime());
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiWidgetBaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.8", type: SiWidgetBaseComponent, isStandalone: true, selector: "ng-component", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disableAutoLoadingIndicator: { classPropertyName: "disableAutoLoadingIndicator", publicName: "disableAutoLoadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, showLoadingIndicatorInput: { classPropertyName: "showLoadingIndicatorInput", publicName: "showLoadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, initialLoadingIndicatorDebounceTime: { classPropertyName: "initialLoadingIndicatorDebounceTime", publicName: "initialLoadingIndicatorDebounceTime", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiWidgetBaseDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.0.8", type: SiWidgetBaseDirective, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disableAutoLoadingIndicator: { classPropertyName: "disableAutoLoadingIndicator", publicName: "disableAutoLoadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, showLoadingIndicatorInput: { classPropertyName: "showLoadingIndicatorInput", publicName: "showLoadingIndicator", isSignal: true, isRequired: false, transformFunction: null }, initialLoadingIndicatorDebounceTime: { classPropertyName: "initialLoadingIndicatorDebounceTime", publicName: "initialLoadingIndicatorDebounceTime", isSignal: true, isRequired: false, transformFunction: null } }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiWidgetBaseComponent, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SiWidgetBaseDirective, decorators: [{
+            type: Directive
         }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disableAutoLoadingIndicator: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableAutoLoadingIndicator", required: false }] }], showLoadingIndicatorInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLoadingIndicator", required: false }] }], initialLoadingIndicatorDebounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialLoadingIndicatorDebounceTime", required: false }] }] } });
 
 /**
@@ -542,7 +538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * The `<si-link-widget>` supports an easy composition of links and actions
  * with support for skeleton loading indicator.
  */
-class SiLinkWidgetComponent extends SiWidgetBaseComponent {
+class SiLinkWidgetComponent extends SiWidgetBaseDirective {
     /**
      * Option to enable trailing link arrow icons for each link.
      *
@@ -573,7 +569,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * The `<si-link-widget>` supports an easy composition of links and actions
  * with support for skeleton loading indicator.
  */
-class SiListWidgetItemComponent extends SiWidgetBaseComponent {
+class SiListWidgetItemComponent extends SiWidgetBaseDirective {
     isLink = computed(() => {
         return typeof this.value()?.label === 'object';
     }, ...(ngDevMode ? [{ debugName: "isLink" }] : []));
@@ -606,7 +602,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * The `<si-list-widget-body>` implements the body of the <si-list-widget> that can be
  * used for composition within other components.
  */
-class SiListWidgetBodyComponent extends SiWidgetBaseComponent {
+class SiListWidgetBodyComponent extends SiWidgetBaseDirective {
     /** Optional footer link for the list widget */
     link = input(...(ngDevMode ? [undefined, { debugName: "link" }] : []));
     /**
@@ -725,7 +721,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * The `<si-list-widget>` supports an easy composition of links and actions
  * with support for skeleton loading indicator, wrapped in a card.
  */
-class SiListWidgetComponent extends SiWidgetBaseComponent {
+class SiListWidgetComponent extends SiWidgetBaseDirective {
     icons = addIcons({ elementRight2, elementSortDown, elementSortUp });
     /** List widget heading. */
     heading = input(...(ngDevMode ? [undefined, { debugName: "heading" }] : []));
@@ -881,7 +877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 /**
  * The items of the `<si-timeline-widget>`.
  */
-class SiTimelineWidgetItemComponent extends SiWidgetBaseComponent {
+class SiTimelineWidgetItemComponent extends SiWidgetBaseDirective {
     /**
      * Whether to show or hide the description row during skeleton progress indication.
      *
@@ -907,7 +903,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-class SiTimelineWidgetBodyComponent extends SiWidgetBaseComponent {
+class SiTimelineWidgetBodyComponent extends SiWidgetBaseDirective {
     /**
      * Number of skeleton progress indication items.
      *
@@ -936,7 +932,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
  * Copyright (c) Siemens 2016 - 2026
  * SPDX-License-Identifier: MIT
  */
-class SiTimelineWidgetComponent extends SiWidgetBaseComponent {
+class SiTimelineWidgetComponent extends SiWidgetBaseDirective {
     /**
      * Timeline widget header text.
      */
@@ -1001,7 +997,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 /**
  * The body of the `<si-value-widget>`. Useful for compositions.
  */
-class SiValueWidgetBodyComponent extends SiWidgetBaseComponent {
+class SiValueWidgetBodyComponent extends SiWidgetBaseDirective {
     /**
      * The unit of the value (e.g. kWh or users). Only visible if `value` is available.
      */