@siemens/charts-ng 51.3.0 → 51.5.0

package/fesm2022/siemens-charts-ng-custom-legend.mjs

@@ -44,11 +44,11 @@ class SiCustomLegendComponent {
         this.legendClickEvent.emit(legend);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiCustomLegendComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiCustomLegendComponent, isStandalone: true, selector: "si-custom-legend", inputs: { customLegend: { classPropertyName: "customLegend", publicName: "customLegend", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, titleColor: { classPropertyName: "titleColor", publicName: "titleColor", isSignal: true, isRequired: false, transformFunction: null }, subTitleColor: { classPropertyName: "subTitleColor", publicName: "subTitleColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { legendIconClickEvent: "legendIconClickEvent", legendClickEvent: "legendClickEvent", legendHoverStartEvent: "legendHoverStartEvent", legendHoverEndEvent: "legendHoverEndEvent" }, viewQueries: [{ propertyName: "customLegendContainer", first: true, predicate: ["customLegendContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"me-4 d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{--flex-dir1: row;--flex-dir2: row-reverse;margin:12px;display:flex;flex-direction:column}:host-context(:dir(rtl)){--flex-dir1: row-reverse;--flex-dir2: row}:host-context([dir=rtl]){--flex-dir1: row-reverse;--flex-dir2: row}.legend-container{display:flex;flex-direction:var(--flex-dir1);max-height:40px;flex:1 1 auto}.legend-item-container{width:50%;vertical-align:top;display:flex;flex-wrap:wrap;flex:1 1 100%;flex-direction:var(--flex-dir1);height:fit-content;max-height:40px;max-width:50%;min-width:50%;overflow-y:auto;scrollbar-width:thin}.legend-item-container::-webkit-scrollbar{width:4px;height:6px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container::-webkit-scrollbar-thumb{border-radius:12px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.legend-item-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:12px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container .custom-legend-left{flex-direction:var(--flex-dir1);flex:1 1 50%}.legend-item-container .custom-legend-right{flex-direction:var(--flex-dir2);flex:1 1 50%}.legend-item-container-right-floating-inner{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-right:12px;float:left}.legend-single-axis{max-width:100%;min-width:100%}.legend-empty{width:0%}.tooltip{display:none;max-width:375px;word-break:break-word;margin-top:16px;inset-block-start:0;margin-inline-start:-6px}.tooltip-arrow{left:12px}.legend-item{cursor:pointer;margin-right:12px;display:flex;flex-direction:var(--flex-dir1);align-items:center;height:20px;position:initial;width:calc(100% - 12px);max-width:fit-content}.legend-item:hover .tooltip{display:block}.legend-item-right{margin-right:0;margin-left:12px}.right-legend-circle{margin-right:0;margin-left:8px}.legend-text{box-sizing:inherit;display:inline;cursor:pointer}.hidden-legend .right-legend-circle,.hidden-legend div:first-child,.hidden-legend .legend-text{opacity:.4}.both-scenario-left-unit-container,.both-scenario-right-unit-container{min-width:32px;max-width:32px;overflow:hidden}.both-scenario-right-unit-container{max-height:100%}.both-scenario-left-unit-container{min-height:100%}.both-scenario-legend-container{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-left:12px}.right-unit-text{min-width:100%;min-height:100%;padding-left:2px}.left-legends{padding-right:36px}.right-legends{padding-left:28px}.both-legend-container{padding-right:0;padding-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: SiCustomLegendComponent, isStandalone: true, selector: "si-custom-legend", inputs: { customLegend: { classPropertyName: "customLegend", publicName: "customLegend", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subTitle: { classPropertyName: "subTitle", publicName: "subTitle", isSignal: true, isRequired: false, transformFunction: null }, titleColor: { classPropertyName: "titleColor", publicName: "titleColor", isSignal: true, isRequired: false, transformFunction: null }, subTitleColor: { classPropertyName: "subTitleColor", publicName: "subTitleColor", isSignal: true, isRequired: false, transformFunction: null }, textColor: { classPropertyName: "textColor", publicName: "textColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { legendIconClickEvent: "legendIconClickEvent", legendClickEvent: "legendClickEvent", legendHoverStartEvent: "legendHoverStartEvent", legendHoverEndEvent: "legendHoverEndEvent" }, viewQueries: [{ propertyName: "customLegendContainer", first: true, predicate: ["customLegendContainer"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"left-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{--flex-dir1: row;--flex-dir2: row-reverse;margin:12px;display:flex;flex-direction:column}:host-context(:dir(rtl)){--flex-dir1: row-reverse;--flex-dir2: row}:host-context([dir=rtl]){--flex-dir1: row-reverse;--flex-dir2: row}.legend-container{display:flex;flex-direction:var(--flex-dir1);max-height:40px;flex:1 1 auto}.legend-item-container{width:50%;vertical-align:top;display:flex;flex-wrap:wrap;flex:1 1 100%;flex-direction:var(--flex-dir1);height:fit-content;max-height:40px;max-width:50%;min-width:50%;overflow-y:auto;scrollbar-width:thin}.legend-item-container::-webkit-scrollbar{width:4px;height:6px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container::-webkit-scrollbar-thumb{border-radius:12px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.legend-item-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:12px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container .custom-legend-left{flex-direction:var(--flex-dir1);flex:1 1 50%}.legend-item-container .custom-legend-right{flex-direction:var(--flex-dir2);flex:1 1 50%}.legend-item-container-right-floating-inner{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-right:12px;float:left}.legend-single-axis{max-width:100%;min-width:100%}.legend-empty{width:0%}.tooltip{display:none;max-width:375px;word-break:break-word;margin-top:16px;inset-block-start:0;margin-inline-start:-6px}.tooltip-arrow{left:12px}.legend-item{cursor:pointer;margin-right:12px;display:flex;flex-direction:var(--flex-dir1);align-items:center;height:20px;position:initial;width:calc(100% - 12px);max-width:fit-content}.legend-item:hover .tooltip{display:block}.legend-item-right{margin-right:0;margin-left:12px}.left-legend-circle{margin-right:8px}.right-legend-circle{margin-right:0;margin-left:8px}.legend-text{box-sizing:inherit;display:inline;cursor:pointer}.hidden-legend .right-legend-circle,.hidden-legend div:first-child,.hidden-legend .legend-text{opacity:.4}.both-scenario-left-unit-container,.both-scenario-right-unit-container{min-width:32px;max-width:32px;overflow:hidden}.both-scenario-right-unit-container{max-height:100%}.both-scenario-left-unit-container{min-height:100%}.both-scenario-legend-container{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-left:12px}.right-unit-text{min-width:100%;min-height:100%;padding-left:2px}.left-legends{padding-right:36px}.right-legends{padding-left:28px}.both-legend-container{padding-right:0;padding-left:0}\n"], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SiCustomLegendComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'si-custom-legend', changeDetection: ChangeDetectionStrategy.Eager, template: "@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"me-4 d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{--flex-dir1: row;--flex-dir2: row-reverse;margin:12px;display:flex;flex-direction:column}:host-context(:dir(rtl)){--flex-dir1: row-reverse;--flex-dir2: row}:host-context([dir=rtl]){--flex-dir1: row-reverse;--flex-dir2: row}.legend-container{display:flex;flex-direction:var(--flex-dir1);max-height:40px;flex:1 1 auto}.legend-item-container{width:50%;vertical-align:top;display:flex;flex-wrap:wrap;flex:1 1 100%;flex-direction:var(--flex-dir1);height:fit-content;max-height:40px;max-width:50%;min-width:50%;overflow-y:auto;scrollbar-width:thin}.legend-item-container::-webkit-scrollbar{width:4px;height:6px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container::-webkit-scrollbar-thumb{border-radius:12px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.legend-item-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:12px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container .custom-legend-left{flex-direction:var(--flex-dir1);flex:1 1 50%}.legend-item-container .custom-legend-right{flex-direction:var(--flex-dir2);flex:1 1 50%}.legend-item-container-right-floating-inner{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-right:12px;float:left}.legend-single-axis{max-width:100%;min-width:100%}.legend-empty{width:0%}.tooltip{display:none;max-width:375px;word-break:break-word;margin-top:16px;inset-block-start:0;margin-inline-start:-6px}.tooltip-arrow{left:12px}.legend-item{cursor:pointer;margin-right:12px;display:flex;flex-direction:var(--flex-dir1);align-items:center;height:20px;position:initial;width:calc(100% - 12px);max-width:fit-content}.legend-item:hover .tooltip{display:block}.legend-item-right{margin-right:0;margin-left:12px}.right-legend-circle{margin-right:0;margin-left:8px}.legend-text{box-sizing:inherit;display:inline;cursor:pointer}.hidden-legend .right-legend-circle,.hidden-legend div:first-child,.hidden-legend .legend-text{opacity:.4}.both-scenario-left-unit-container,.both-scenario-right-unit-container{min-width:32px;max-width:32px;overflow:hidden}.both-scenario-right-unit-container{max-height:100%}.both-scenario-left-unit-container{min-height:100%}.both-scenario-legend-container{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-left:12px}.right-unit-text{min-width:100%;min-height:100%;padding-left:2px}.left-legends{padding-right:36px}.right-legends{padding-left:28px}.both-legend-container{padding-right:0;padding-left:0}\n"] }]
+            args: [{ selector: 'si-custom-legend', changeDetection: ChangeDetectionStrategy.Eager, template: "@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"left-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n", styles: [":host{--flex-dir1: row;--flex-dir2: row-reverse;margin:12px;display:flex;flex-direction:column}:host-context(:dir(rtl)){--flex-dir1: row-reverse;--flex-dir2: row}:host-context([dir=rtl]){--flex-dir1: row-reverse;--flex-dir2: row}.legend-container{display:flex;flex-direction:var(--flex-dir1);max-height:40px;flex:1 1 auto}.legend-item-container{width:50%;vertical-align:top;display:flex;flex-wrap:wrap;flex:1 1 100%;flex-direction:var(--flex-dir1);height:fit-content;max-height:40px;max-width:50%;min-width:50%;overflow-y:auto;scrollbar-width:thin}.legend-item-container::-webkit-scrollbar{width:4px;height:6px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container::-webkit-scrollbar-thumb{border-radius:12px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.legend-item-container::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:12px;background-color:var(--si-sys-color-background-0, #f0f2f5)}.legend-item-container .custom-legend-left{flex-direction:var(--flex-dir1);flex:1 1 50%}.legend-item-container .custom-legend-right{flex-direction:var(--flex-dir2);flex:1 1 50%}.legend-item-container-right-floating-inner{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-right:12px;float:left}.legend-single-axis{max-width:100%;min-width:100%}.legend-empty{width:0%}.tooltip{display:none;max-width:375px;word-break:break-word;margin-top:16px;inset-block-start:0;margin-inline-start:-6px}.tooltip-arrow{left:12px}.legend-item{cursor:pointer;margin-right:12px;display:flex;flex-direction:var(--flex-dir1);align-items:center;height:20px;position:initial;width:calc(100% - 12px);max-width:fit-content}.legend-item:hover .tooltip{display:block}.legend-item-right{margin-right:0;margin-left:12px}.left-legend-circle{margin-right:8px}.right-legend-circle{margin-right:0;margin-left:8px}.legend-text{box-sizing:inherit;display:inline;cursor:pointer}.hidden-legend .right-legend-circle,.hidden-legend div:first-child,.hidden-legend .legend-text{opacity:.4}.both-scenario-left-unit-container,.both-scenario-right-unit-container{min-width:32px;max-width:32px;overflow:hidden}.both-scenario-right-unit-container{max-height:100%}.both-scenario-left-unit-container{min-height:100%}.both-scenario-legend-container{max-width:calc(100% - 32px);min-width:calc(100% - 32px);padding-left:12px}.right-unit-text{min-width:100%;min-height:100%;padding-left:2px}.left-legends{padding-right:36px}.right-legends{padding-left:28px}.both-legend-container{padding-right:0;padding-left:0}\n"] }]
         }], propDecorators: { customLegendContainer: [{ type: i0.ViewChild, args: ['customLegendContainer', { isSignal: true }] }], customLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "customLegend", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subTitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitle", required: false }] }], titleColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "titleColor", required: false }] }], subTitleColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "subTitleColor", required: false }] }], textColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "textColor", required: false }] }], legendIconClickEvent: [{ type: i0.Output, args: ["legendIconClickEvent"] }], legendClickEvent: [{ type: i0.Output, args: ["legendClickEvent"] }], legendHoverStartEvent: [{ type: i0.Output, args: ["legendHoverStartEvent"] }], legendHoverEndEvent: [{ type: i0.Output, args: ["legendHoverEndEvent"] }] } });
 
 /**

package/fesm2022/siemens-charts-ng-custom-legend.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-charts-ng-custom-legend.mjs","sources":["../../../../projects/charts-ng/custom-legend/si-custom-legend.component.ts","../../../../projects/charts-ng/custom-legend/si-custom-legend.component.html","../../../../projects/charts-ng/custom-legend/index.ts","../../../../projects/charts-ng/custom-legend/siemens-charts-ng-custom-legend.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  viewChild\n} from '@angular/core';\n\nimport { CustomLegend, CustomLegendItem } from './si-custom-legend.interface';\n\n@Component({\n  selector: 'si-custom-legend',\n  templateUrl: './si-custom-legend.component.html',\n  styleUrl: './si-custom-legend.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiCustomLegendComponent {\n  /** @internal */\n  readonly customLegendContainer = viewChild.required<ElementRef>('customLegendContainer');\n\n  /** The data and configuration rendered by the custom legend. */\n  readonly customLegend = input<CustomLegend>();\n  /** The legend title. */\n  readonly title = input<string>();\n  /** The legend subtitle. */\n  readonly subTitle = input<string>();\n  /** The color of the legend title. */\n  readonly titleColor = input<string>();\n  /** The color of the legend subtitle. */\n  readonly subTitleColor = input<string>();\n  /** The color of the legend text. */\n  readonly textColor = input<string>();\n  /** The event emitted when a legend icon is clicked. */\n  readonly legendIconClickEvent = output<CustomLegendItem>();\n  /** The event emitted when a legend is clicked. */\n  readonly legendClickEvent = output<CustomLegendItem>();\n  /** The event emitted when the mouse enters a legend. */\n  readonly legendHoverStartEvent = output<CustomLegendItem>();\n  /** The event emitted when the mouse leaves a legend. */\n  readonly legendHoverEndEvent = output<CustomLegendItem>();\n\n  protected legendIconClick(legend: CustomLegendItem): void {\n    legend.selected = !legend.selected;\n    this.legendIconClickEvent.emit(legend);\n  }\n\n  protected legendClick(legend: CustomLegendItem): void {\n    legend.selected = !legend.selected;\n    this.legendClickEvent.emit(legend);\n  }\n}\n","@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"me-4 d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show bs-tooltip-bottom\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-custom-legend.component';\nexport * from './si-custom-legend.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-charts-ng-custom-legend.mjs","sources":["../../../../projects/charts-ng/custom-legend/si-custom-legend.component.ts","../../../../projects/charts-ng/custom-legend/si-custom-legend.component.html","../../../../projects/charts-ng/custom-legend/index.ts","../../../../projects/charts-ng/custom-legend/siemens-charts-ng-custom-legend.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  input,\n  output,\n  viewChild\n} from '@angular/core';\n\nimport { CustomLegend, CustomLegendItem } from './si-custom-legend.interface';\n\n@Component({\n  selector: 'si-custom-legend',\n  templateUrl: './si-custom-legend.component.html',\n  styleUrl: './si-custom-legend.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiCustomLegendComponent {\n  /** @internal */\n  readonly customLegendContainer = viewChild.required<ElementRef>('customLegendContainer');\n\n  /** The data and configuration rendered by the custom legend. */\n  readonly customLegend = input<CustomLegend>();\n  /** The legend title. */\n  readonly title = input<string>();\n  /** The legend subtitle. */\n  readonly subTitle = input<string>();\n  /** The color of the legend title. */\n  readonly titleColor = input<string>();\n  /** The color of the legend subtitle. */\n  readonly subTitleColor = input<string>();\n  /** The color of the legend text. */\n  readonly textColor = input<string>();\n  /** The event emitted when a legend icon is clicked. */\n  readonly legendIconClickEvent = output<CustomLegendItem>();\n  /** The event emitted when a legend is clicked. */\n  readonly legendClickEvent = output<CustomLegendItem>();\n  /** The event emitted when the mouse enters a legend. */\n  readonly legendHoverStartEvent = output<CustomLegendItem>();\n  /** The event emitted when the mouse leaves a legend. */\n  readonly legendHoverEndEvent = output<CustomLegendItem>();\n\n  protected legendIconClick(legend: CustomLegendItem): void {\n    legend.selected = !legend.selected;\n    this.legendIconClickEvent.emit(legend);\n  }\n\n  protected legendClick(legend: CustomLegendItem): void {\n    legend.selected = !legend.selected;\n    this.legendClickEvent.emit(legend);\n  }\n}\n","@if (customLegend() && customLegend()?.customLegends) {\n  <div #customLegendContainer class=\"legend-container si-body\">\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 0 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"left-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'left' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"both-scenario-left-unit-container\"\n            [class.left-scenario-unit-container]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            <span class=\"text-secondary\">{{ leg.unit }}</span>\n          </div>\n          <div\n            class=\"legend-item-container both-scenario-legend-container custom-legend-left\"\n            [class.legend-single-axis]=\"customLegend()?.legendAxis === 'left'\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div class=\"legend-item\" [class.hidden-legend]=\"!legendItem.selected\">\n                <div\n                  class=\"left-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                  (mouseenter)=\"legendHoverStartEvent.emit(legendItem)\"\n                  (mouseleave)=\"legendHoverEndEvent.emit(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n        </div>\n      }\n    }\n\n    @for (leg of customLegend()?.customLegends; track legendIndex; let legendIndex = $index) {\n      @if (legendIndex === 1 && leg && leg.list && leg.list.length > 0) {\n        <div\n          class=\"right-legends legend-item-container\"\n          [class.legend-empty]=\"\n            customLegend()?.legendAxis !== 'right' && customLegend()?.legendAxis !== 'both'\n          \"\n          [class.legend-single-axis]=\"customLegend()?.legendAxis === 'right'\"\n          [class.both-legend-container]=\"customLegend()?.legendAxis === 'both'\"\n        >\n          <div\n            class=\"legend-item-container custom-legend-right legend-item-container-right-floating-inner\"\n          >\n            @for (legendItem of leg.list; track legendItem.name) {\n              <div\n                class=\"legend-item legend-item-right\"\n                [class.hidden-legend]=\"!legendItem.selected\"\n              >\n                <span\n                  class=\"legend-text text-truncate\"\n                  [style.color]=\"textColor()\"\n                  (click)=\"legendClick(legendItem)\"\n                >\n                  {{ legendItem.displayName }}\n                </span>\n                <div\n                  class=\"right-legend-circle d-flex align-items-center justify-content-center\"\n                  (click)=\"legendIconClick(legendItem)\"\n                >\n                  <svg width=\"12\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path [attr.d]=\"legendItem.symbol\" [attr.fill]=\"legendItem.color\" />\n                  </svg>\n                </div>\n                @if (legendItem.tooltip) {\n                  <div class=\"tooltip show tooltip-center-top\" role=\"tooltip\">\n                    <div class=\"tooltip-arrow\"></div>\n                    <div class=\"tooltip-inner\">{{ legendItem.tooltip }}</div>\n                  </div>\n                }\n              </div>\n            }\n          </div>\n          <div\n            class=\"both-scenario-right-unit-container\"\n            [class.right-scenario-unit-container]=\"customLegend()?.legendAxis === 'right'\"\n          >\n            <span class=\"right-unit-text text-secondary\">{{ leg.unit }}</span>\n          </div>\n        </div>\n      }\n    }\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-custom-legend.component';\nexport * from './si-custom-legend.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/siemens-charts-ng-gauge.mjs

@@ -146,15 +146,16 @@ class SiChartGaugeComponent extends SiChartBaseComponent {
                 : this.getThemeCustomValue(['gauge', 'defaultColor'], colors[0]);
             newColors = [[1, dataColor]];
         }
+        const series = this.actualOptions.series;
         if (hasIndicator) {
-            this.setAxisLineColor(newColors, this.actualOptions.series[0].axisLine);
+            this.setAxisLineColor(newColors, series[0].axisLine);
         }
-        this.actualOptions.series[0].axisLine.show = hasIndicator;
-        this.setAxisLineColor(newColors, this.actualOptions.series[2].axisLine);
+        series[0].axisLine.show = hasIndicator;
+        this.setAxisLineColor(newColors, series[2].axisLine);
         this.refreshSeries();
     }
     setAxisLineColor(colors, axisLine) {
-        axisLine.lineStyle = axisLine.lineStyle ?? {};
+        axisLine.lineStyle ??= {};
         axisLine.lineStyle.color = colors;
     }
     getResponsiveConfig() {

package/fesm2022/siemens-charts-ng-gauge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"siemens-charts-ng-gauge.mjs","sources":["../../../../projects/charts-ng/gauge/si-chart-gauge.component.ts","../../../../projects/charts-ng/common/si-chart-base.component.html","../../../../projects/charts-ng/gauge/index.ts","../../../../projects/charts-ng/gauge/siemens-charts-ng-gauge.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  LOCALE_ID,\n  OnChanges,\n  SimpleChange,\n  SimpleChanges\n} from '@angular/core';\nimport { SiChartBaseComponent, GaugeSeriesOption, echarts } from '@siemens/charts-ng/common';\nimport { SiCustomLegendComponent } from '@siemens/charts-ng/custom-legend';\nimport { SiChartLoadingSpinnerComponent } from '@siemens/charts-ng/loading-spinner';\nimport { GaugeChart } from 'echarts/charts';\n\nimport { GaugeChartSeries } from './si-chart-gauge.interface';\n\necharts.use([GaugeChart]);\n\n@Component({\n  selector: 'si-chart-gauge',\n  imports: [SiCustomLegendComponent, SiChartLoadingSpinnerComponent],\n  templateUrl: '../common/si-chart-base.component.html',\n  styleUrl: '../common/si-chart-base.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiChartGaugeComponent extends SiChartBaseComponent implements OnChanges {\n  /** The lowest value displayed on the gauge axis.\n   *\n   * @defaultValue 0\n   */\n  readonly minValue = input(0);\n  /** The highest value displayed on the gauge axis.\n   *\n   * @defaultValue 100\n   */\n  readonly maxValue = input(100);\n  /** The value displayed by the gauge.\n   *\n   * @defaultValue 0\n   */\n  readonly value = input(0);\n  /** The number of intervals displayed on the gauge axis. */\n  readonly splitSteps = input<number>();\n  /** Whether the number of gauge-axis intervals adapts to the component size.\n   *\n   * @defaultValue true\n   */\n  readonly responsiveSplitSteps = input(true);\n  /** The unit displayed with the gauge value.\n   *\n   * @defaultValue '%'\n   */\n  readonly unit = input('%');\n  /** Whether to display the unit on gauge-axis labels.\n   *\n   * @defaultValue false\n   */\n  readonly unitsOnSplit = input(false);\n  /**\n   * Custom formatter for axis labels.\n   * Takes precedence when specified, i.e. number of decimals, unit etc needs\n   * to be set by the user using this formatter.\n   */\n  readonly labelFormatter = input<(val: number) => string>();\n  /**\n   * Custom formatter for value.\n   * Takes precedence when specified, i.e. number of decimals needs\n   * to be set by the user using this formatter.\n   */\n  readonly valueFormatter = input<(val: number) => string>();\n  /**\n   * Min number of decimals.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly minNumberOfDecimals = input(0);\n  /**\n   * Max number of decimals.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly maxNumberOfDecimals = input(0);\n  /**\n   * Number of decimals on the axis.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly axisNumberOfDecimals = input(0);\n  /** Whether to hide the gauge-axis labels.\n   *\n   * @defaultValue false\n   */\n  readonly hideAxisLabels = input(false, { transform: booleanAttribute });\n  /**\n   * Segments on the arc from 0 (implicit) to 1 (explicit)\n   * E.g. 0.2 means from 0 to 0.2 of the possible range (maxValue - minValue)\n   *\n   * @defaultValue [0.2, 0.8, 1]\n   */\n  readonly segments = input<number[]>([0.2, 0.8, 1]);\n  /**\n   * Colors for the defined segments.\n   * If there are less colors then segments, the colors will be repeated. Defaults to the standard color palette\n   */\n  readonly colors = input<string[]>();\n\n  private readonly locale = inject(LOCALE_ID).toString();\n  private readonly numberFormat = computed(() => {\n    const minDecimals = this.minNumberOfDecimals();\n    return new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: minDecimals,\n      maximumFractionDigits: Math.max(minDecimals, this.maxNumberOfDecimals())\n    });\n  });\n\n  private readonly axisNumberFormat = computed(() => {\n    const decimals = this.axisNumberOfDecimals();\n    return new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals\n    });\n  });\n\n  protected override afterChartInit(): void {\n    super.afterChartInit();\n    this.applyOptions();\n    this.updateColors();\n    this.refreshSeries();\n  }\n\n  private updateColors(): void {\n    // gauge doesn't respect color palette, it needs a bit convincing\n    const effectiveOpts: any = this.getOptionNoClone();\n    const colors: string[] = this.colors() ?? effectiveOpts.color;\n    const hasIndicator = !!this.segments().length;\n\n    let newColors: [number, string][];\n    if (hasIndicator) {\n      newColors = this.segments().map((threshold, index) => {\n        const color = colors[index % colors.length];\n        return [threshold, color];\n      });\n    } else {\n      const colorsValue = this.colors();\n      const dataColor = colorsValue?.length\n        ? colorsValue[0]\n        : this.getThemeCustomValue(['gauge', 'defaultColor'], colors[0]);\n      newColors = [[1, dataColor]];\n    }\n\n    if (hasIndicator) {\n      this.setAxisLineColor(newColors, (this.actualOptions.series![0] as any).axisLine);\n    }\n    (this.actualOptions.series![0] as any).axisLine.show = hasIndicator;\n\n    this.setAxisLineColor(newColors, (this.actualOptions.series![2] as any).axisLine);\n    this.refreshSeries();\n  }\n\n  private setAxisLineColor(colors: [number, string][], axisLine: any): void {\n    axisLine.lineStyle = axisLine.lineStyle ?? {};\n    axisLine.lineStyle.color = colors;\n  }\n\n  private getResponsiveConfig(): {\n    outerRadius: number;\n    center: (string | number)[];\n    progressWidth: number;\n    indicatorWidth: number;\n    gap: number;\n    splits: number;\n    axisLabelDist: number;\n    axisFontSize: number;\n    valueFontSize: number;\n    unitFontSize: number;\n  } {\n    const marginY = 12;\n    const maxHeight = this.curHeight - marginY;\n    const dim = Math.min(this.curWidth / 2, maxHeight);\n    const top = dim < maxHeight ? this.curHeight / 2 + dim / 2 : maxHeight;\n\n    if (dim < 150) {\n      const splits = dim < 100 ? 1 : 4;\n      const axisLabelDist = dim < 100 ? -6 : 0;\n      return {\n        outerRadius: dim - 4,\n        center: ['50%', top],\n        progressWidth: 8,\n        indicatorWidth: 1,\n        gap: 2,\n        splits,\n        axisLabelDist,\n        axisFontSize: 12,\n        valueFontSize: 18,\n        unitFontSize: 12\n      };\n    }\n\n    if (dim < 200) {\n      return {\n        outerRadius: dim - 7,\n        center: ['50%', top],\n        progressWidth: 14,\n        indicatorWidth: 3,\n        gap: 3,\n        splits: 6,\n        axisLabelDist: 12,\n        axisFontSize: 16,\n        valueFontSize: 30,\n        unitFontSize: 14\n      };\n    }\n\n    return {\n      outerRadius: dim - 12,\n      center: ['50%', top],\n      progressWidth: 24,\n      indicatorWidth: 4,\n      gap: 5,\n      splits: 0,\n      axisLabelDist: 20,\n      axisFontSize: 20,\n      valueFontSize: 40,\n      unitFontSize: 14\n    };\n  }\n\n  private readonly axisLabelFormatter = (value: any): string => {\n    const formatted = this.axisNumberFormat().format(Number(value));\n    return this.unitsOnSplit() ? `${formatted} ${this.unit()}` : formatted;\n  };\n\n  protected override applyOptions(): void {\n    const resp = this.getResponsiveConfig();\n    const hasIndicator = !!this.segments().length;\n\n    const splitNumber =\n      this.responsiveSplitSteps() && resp.splits ? resp.splits : this.splitSteps();\n    const grey = this.getThemeCustomValue(['gauge', 'grey'], '#F0F2F5');\n    const axisColor = this.getThemeCustomValue(['gauge', 'unit'], '#656A6F');\n\n    const indicator: GaugeSeriesOption = {\n      type: 'gauge',\n      radius: resp.outerRadius - resp.progressWidth - resp.gap,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      center: resp.center,\n      axisLine: {\n        show: hasIndicator,\n        lineStyle: { width: resp.indicatorWidth }\n      },\n      axisTick: {\n        length: 0,\n        splitNumber: 1,\n        lineStyle: {\n          width: 2,\n          color: axisColor\n        }\n      },\n      splitLine: {\n        length: 0,\n        lineStyle: {\n          width: 1,\n          color: axisColor\n        }\n      },\n      axisLabel: { show: false }\n    };\n\n    const labelDistance = resp.axisLabelDist + (hasIndicator ? resp.indicatorWidth + resp.gap : 0);\n\n    const shade: GaugeSeriesOption = {\n      type: 'gauge',\n      radius: resp.outerRadius,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      splitNumber,\n      axisTick: { show: false },\n      splitLine: { show: false },\n      title: { show: false },\n      center: resp.center,\n      axisLine: {\n        lineStyle: {\n          width: resp.progressWidth,\n          opacity: 0.6,\n          color: [[1, grey]]\n        }\n      },\n      axisLabel: {\n        show: !this.hideAxisLabels(),\n        distance: labelDistance,\n        color: axisColor,\n        fontSize: resp.axisFontSize,\n        formatter: this.labelFormatter() ?? this.axisLabelFormatter\n      }\n    };\n\n    const data: GaugeSeriesOption = {\n      type: 'gauge',\n      silent: false,\n      radius: resp.outerRadius,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      splitNumber,\n      progress: {\n        show: true,\n        itemStyle: { color: 'auto' },\n        width: resp.progressWidth\n      },\n      emphasis: {\n        // This code is added to avoid flickering when the progress is hovered and\n        // when mouse effects are enabled with `silent: false` flag. The issue occurs\n        // because of the progress.itemStyle.color is set to `auto` which tries to\n        // calculate the color dynamically and it conflicts with the mouse hover action\n        // which tries to apply the hover style\n        itemStyle: { color: 'auto' }\n      },\n      pointer: {\n        show: true,\n        length: '0%',\n        itemStyle: {\n          color: 'auto',\n          opacity: 0.001\n        }\n      },\n      center: resp.center,\n      axisLine: {\n        show: false,\n        lineStyle: { opacity: 0.6 }\n      },\n      axisTick: { show: false },\n      splitLine: { show: false },\n      axisLabel: { show: false },\n      title: { show: false },\n      detail: {\n        offsetCenter: [0, -0.5 * resp.valueFontSize],\n        valueAnimation: true,\n        formatter: this.valueFormatterInternal(),\n        rich: {\n          value: {\n            fontSize: resp.valueFontSize,\n            lineHeight: resp.valueFontSize,\n            fontWeight: 600\n          },\n          unit: {\n            fontSize: resp.unitFontSize,\n            lineHeight: resp.unitFontSize,\n            padding: [0, 0, (resp.unitFontSize - resp.valueFontSize) / 2, 0]\n          }\n        }\n      },\n      data: [{ value: this.value() }]\n    };\n\n    const series: GaugeSeriesOption[] = [indicator, shade, data];\n\n    this.showLegend.set(false);\n    this.actualOptions.series = series;\n\n    this.applyTitles();\n  }\n\n  private valueFormatterInternal(): (val: number) => string {\n    const unit = this.unit();\n    const valueFormatter = this.valueFormatter();\n\n    const formattedUnit = unit ? (unit.length > 5 ? `\\n{unit|${unit}}` : ` {unit|${unit}}`) : '';\n\n    return (value: number): string => {\n      if (valueFormatter) {\n        return `{value|${valueFormatter(value)}}${formattedUnit}`;\n      }\n      return `{value|${this.numberFormat().format(value)}}${formattedUnit}`;\n    };\n  }\n\n  override ngOnChanges(changes: SimpleChanges<unknown>): void {\n    if (this.chart && (changes.palette || changes.colors || changes.segments)) {\n      this.updateColors();\n    }\n    changes.forceAll = new SimpleChange(false, true, false);\n    super.ngOnChanges(changes);\n  }\n\n  protected override applyDataZoom(): void {}\n\n  protected override afterChartResize(): void {\n    this.applyOptions();\n    this.refreshSeries();\n  }\n\n  /**\n   * Update gauge chart value.\n   */\n  setValue(value: number): void {\n    const optionSeries = this.actualOptions.series as GaugeChartSeries[];\n    optionSeries[2].data[0].value = value;\n    this.refreshSeries();\n  }\n}\n","@if (showCustomLegend() && (title() || subTitle())) {\n  <div class=\"si-h5 chart-title chart-title-width\" [style.background-color]=\"backgroundColor()\">\n    <div class=\"chart-title-text\" [style.color]=\"titleColor()\">{{ title() }}</div>\n    @if (subTitle()) {\n      <div class=\"si-body\" [style.color]=\"subTitleColor()\">{{ subTitle() }}</div>\n    }\n  </div>\n}\n\n<div\n  #chartContainerWrapper\n  class=\"chart-container-wrapper\"\n  [class.chart-scroll]=\"containerHeight()\"\n  [attr.tabindex]=\"containerHeight() ? '0' : null\"\n>\n  <div class=\"chart-container\" [style.height.px]=\"containerHeight()\">\n    @if (showCustomLegend()) {\n      @for (cl of customLegend; track $index) {\n        <si-custom-legend\n          #siCustomLegend\n          class=\"custom-legend\"\n          [style.top.px]=\"cl.top\"\n          [title]=\"title()\"\n          [subTitle]=\"subTitle()\"\n          [customLegend]=\"cl\"\n          [style.background-color]=\"backgroundColor()\"\n          [titleColor]=\"titleColor()\"\n          [subTitleColor]=\"subTitleColor()\"\n          [textColor]=\"textColor()\"\n          (legendIconClickEvent)=\"handleLegendClick($event)\"\n          (legendClickEvent)=\"handleLegendClick($event)\"\n          (legendHoverStartEvent)=\"handleLegendHover($event, true)\"\n          (legendHoverEndEvent)=\"handleLegendHover($event, false)\"\n        />\n      }\n    }\n    <div #chart class=\"echart-container\" [style.height.px]=\"containerHeight()\"></div>\n  </div>\n</div>\n@if (externalZoomSlider()) {\n  <div\n    #externalZoomSlider\n    class=\"external-zoom-container\"\n    [class.has-time-range-bar]=\"showTimeRangeBar()\"\n    [style.--time-bar-height.px]=\"timeBarHeight()\"\n  ></div>\n}\n\n@if (showTimeRangeBar() && zoomSlider()) {\n  <div\n    class=\"time-range-bar\"\n    [style.bottom.px]=\"timeBarBottom()\"\n    [style.padding-left.px]=\"timeBarLeft()\"\n    [style.padding-right.px]=\"timeBarRight()\"\n  >\n    <ng-content select=\"[slot=timeRangeBar]\" />\n  </div>\n}\n\n@if (inProgress()) {\n  <div class=\"progress-container\">\n    <si-chart-loading-spinner />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-chart-gauge.component';\nexport * from './si-chart-gauge.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"siemens-charts-ng-gauge.mjs","sources":["../../../../projects/charts-ng/gauge/si-chart-gauge.component.ts","../../../../projects/charts-ng/common/si-chart-base.component.html","../../../../projects/charts-ng/gauge/index.ts","../../../../projects/charts-ng/gauge/siemens-charts-ng-gauge.ts"],"sourcesContent":["/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  LOCALE_ID,\n  OnChanges,\n  SimpleChange,\n  SimpleChanges\n} from '@angular/core';\nimport { SiChartBaseComponent, GaugeSeriesOption, echarts } from '@siemens/charts-ng/common';\nimport { SiCustomLegendComponent } from '@siemens/charts-ng/custom-legend';\nimport { SiChartLoadingSpinnerComponent } from '@siemens/charts-ng/loading-spinner';\nimport { GaugeChart } from 'echarts/charts';\n\nimport { GaugeChartSeries } from './si-chart-gauge.interface';\n\necharts.use([GaugeChart]);\n\n@Component({\n  selector: 'si-chart-gauge',\n  imports: [SiCustomLegendComponent, SiChartLoadingSpinnerComponent],\n  templateUrl: '../common/si-chart-base.component.html',\n  styleUrl: '../common/si-chart-base.component.scss',\n  changeDetection: ChangeDetectionStrategy.Eager\n})\nexport class SiChartGaugeComponent extends SiChartBaseComponent implements OnChanges {\n  /** The lowest value displayed on the gauge axis.\n   *\n   * @defaultValue 0\n   */\n  readonly minValue = input(0);\n  /** The highest value displayed on the gauge axis.\n   *\n   * @defaultValue 100\n   */\n  readonly maxValue = input(100);\n  /** The value displayed by the gauge.\n   *\n   * @defaultValue 0\n   */\n  readonly value = input(0);\n  /** The number of intervals displayed on the gauge axis. */\n  readonly splitSteps = input<number>();\n  /** Whether the number of gauge-axis intervals adapts to the component size.\n   *\n   * @defaultValue true\n   */\n  readonly responsiveSplitSteps = input(true);\n  /** The unit displayed with the gauge value.\n   *\n   * @defaultValue '%'\n   */\n  readonly unit = input('%');\n  /** Whether to display the unit on gauge-axis labels.\n   *\n   * @defaultValue false\n   */\n  readonly unitsOnSplit = input(false);\n  /**\n   * Custom formatter for axis labels.\n   * Takes precedence when specified, i.e. number of decimals, unit etc needs\n   * to be set by the user using this formatter.\n   */\n  readonly labelFormatter = input<(val: number) => string>();\n  /**\n   * Custom formatter for value.\n   * Takes precedence when specified, i.e. number of decimals needs\n   * to be set by the user using this formatter.\n   */\n  readonly valueFormatter = input<(val: number) => string>();\n  /**\n   * Min number of decimals.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly minNumberOfDecimals = input(0);\n  /**\n   * Max number of decimals.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly maxNumberOfDecimals = input(0);\n  /**\n   * Number of decimals on the axis.\n   * Possible values are from 0 to 100.\n   * @defaultValue 0\n   */\n  readonly axisNumberOfDecimals = input(0);\n  /** Whether to hide the gauge-axis labels.\n   *\n   * @defaultValue false\n   */\n  readonly hideAxisLabels = input(false, { transform: booleanAttribute });\n  /**\n   * Segments on the arc from 0 (implicit) to 1 (explicit)\n   * E.g. 0.2 means from 0 to 0.2 of the possible range (maxValue - minValue)\n   *\n   * @defaultValue [0.2, 0.8, 1]\n   */\n  readonly segments = input<number[]>([0.2, 0.8, 1]);\n  /**\n   * Colors for the defined segments.\n   * If there are less colors then segments, the colors will be repeated. Defaults to the standard color palette\n   */\n  readonly colors = input<string[]>();\n\n  private readonly locale = inject(LOCALE_ID).toString();\n  private readonly numberFormat = computed(() => {\n    const minDecimals = this.minNumberOfDecimals();\n    return new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: minDecimals,\n      maximumFractionDigits: Math.max(minDecimals, this.maxNumberOfDecimals())\n    });\n  });\n\n  private readonly axisNumberFormat = computed(() => {\n    const decimals = this.axisNumberOfDecimals();\n    return new Intl.NumberFormat(this.locale, {\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals\n    });\n  });\n\n  protected override afterChartInit(): void {\n    super.afterChartInit();\n    this.applyOptions();\n    this.updateColors();\n    this.refreshSeries();\n  }\n\n  private updateColors(): void {\n    // gauge doesn't respect color palette, it needs a bit convincing\n    const effectiveOpts: any = this.getOptionNoClone();\n    const colors: string[] = this.colors() ?? effectiveOpts.color;\n    const hasIndicator = !!this.segments().length;\n\n    let newColors: [number, string][];\n    if (hasIndicator) {\n      newColors = this.segments().map((threshold, index) => {\n        const color = colors[index % colors.length];\n        return [threshold, color];\n      });\n    } else {\n      const colorsValue = this.colors();\n      const dataColor = colorsValue?.length\n        ? colorsValue[0]\n        : this.getThemeCustomValue(['gauge', 'defaultColor'], colors[0]);\n      newColors = [[1, dataColor]];\n    }\n\n    const series = this.actualOptions.series as GaugeSeriesOption[];\n    if (hasIndicator) {\n      this.setAxisLineColor(newColors, series[0].axisLine!);\n    }\n    series[0].axisLine!.show = hasIndicator;\n\n    this.setAxisLineColor(newColors, series[2].axisLine!);\n    this.refreshSeries();\n  }\n\n  private setAxisLineColor(\n    colors: [number, string][],\n    axisLine: NonNullable<GaugeSeriesOption['axisLine']>\n  ): void {\n    axisLine.lineStyle ??= {};\n    axisLine.lineStyle.color = colors;\n  }\n\n  private getResponsiveConfig(): {\n    outerRadius: number;\n    center: (string | number)[];\n    progressWidth: number;\n    indicatorWidth: number;\n    gap: number;\n    splits: number;\n    axisLabelDist: number;\n    axisFontSize: number;\n    valueFontSize: number;\n    unitFontSize: number;\n  } {\n    const marginY = 12;\n    const maxHeight = this.curHeight - marginY;\n    const dim = Math.min(this.curWidth / 2, maxHeight);\n    const top = dim < maxHeight ? this.curHeight / 2 + dim / 2 : maxHeight;\n\n    if (dim < 150) {\n      const splits = dim < 100 ? 1 : 4;\n      const axisLabelDist = dim < 100 ? -6 : 0;\n      return {\n        outerRadius: dim - 4,\n        center: ['50%', top],\n        progressWidth: 8,\n        indicatorWidth: 1,\n        gap: 2,\n        splits,\n        axisLabelDist,\n        axisFontSize: 12,\n        valueFontSize: 18,\n        unitFontSize: 12\n      };\n    }\n\n    if (dim < 200) {\n      return {\n        outerRadius: dim - 7,\n        center: ['50%', top],\n        progressWidth: 14,\n        indicatorWidth: 3,\n        gap: 3,\n        splits: 6,\n        axisLabelDist: 12,\n        axisFontSize: 16,\n        valueFontSize: 30,\n        unitFontSize: 14\n      };\n    }\n\n    return {\n      outerRadius: dim - 12,\n      center: ['50%', top],\n      progressWidth: 24,\n      indicatorWidth: 4,\n      gap: 5,\n      splits: 0,\n      axisLabelDist: 20,\n      axisFontSize: 20,\n      valueFontSize: 40,\n      unitFontSize: 14\n    };\n  }\n\n  private readonly axisLabelFormatter = (value: any): string => {\n    const formatted = this.axisNumberFormat().format(Number(value));\n    return this.unitsOnSplit() ? `${formatted} ${this.unit()}` : formatted;\n  };\n\n  protected override applyOptions(): void {\n    const resp = this.getResponsiveConfig();\n    const hasIndicator = !!this.segments().length;\n\n    const splitNumber =\n      this.responsiveSplitSteps() && resp.splits ? resp.splits : this.splitSteps();\n    const grey = this.getThemeCustomValue(['gauge', 'grey'], '#F0F2F5');\n    const axisColor = this.getThemeCustomValue(['gauge', 'unit'], '#656A6F');\n\n    const indicator: GaugeSeriesOption = {\n      type: 'gauge',\n      radius: resp.outerRadius - resp.progressWidth - resp.gap,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      center: resp.center,\n      axisLine: {\n        show: hasIndicator,\n        lineStyle: { width: resp.indicatorWidth }\n      },\n      axisTick: {\n        length: 0,\n        splitNumber: 1,\n        lineStyle: {\n          width: 2,\n          color: axisColor\n        }\n      },\n      splitLine: {\n        length: 0,\n        lineStyle: {\n          width: 1,\n          color: axisColor\n        }\n      },\n      axisLabel: { show: false }\n    };\n\n    const labelDistance = resp.axisLabelDist + (hasIndicator ? resp.indicatorWidth + resp.gap : 0);\n\n    const shade: GaugeSeriesOption = {\n      type: 'gauge',\n      radius: resp.outerRadius,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      splitNumber,\n      axisTick: { show: false },\n      splitLine: { show: false },\n      title: { show: false },\n      center: resp.center,\n      axisLine: {\n        lineStyle: {\n          width: resp.progressWidth,\n          opacity: 0.6,\n          color: [[1, grey]]\n        }\n      },\n      axisLabel: {\n        show: !this.hideAxisLabels(),\n        distance: labelDistance,\n        color: axisColor,\n        fontSize: resp.axisFontSize,\n        formatter: this.labelFormatter() ?? this.axisLabelFormatter\n      }\n    };\n\n    const data: GaugeSeriesOption = {\n      type: 'gauge',\n      silent: false,\n      radius: resp.outerRadius,\n      startAngle: 180,\n      endAngle: 0,\n      min: this.minValue(),\n      max: this.maxValue(),\n      splitNumber,\n      progress: {\n        show: true,\n        itemStyle: { color: 'auto' },\n        width: resp.progressWidth\n      },\n      emphasis: {\n        // This code is added to avoid flickering when the progress is hovered and\n        // when mouse effects are enabled with `silent: false` flag. The issue occurs\n        // because of the progress.itemStyle.color is set to `auto` which tries to\n        // calculate the color dynamically and it conflicts with the mouse hover action\n        // which tries to apply the hover style\n        itemStyle: { color: 'auto' }\n      },\n      pointer: {\n        show: true,\n        length: '0%',\n        itemStyle: {\n          color: 'auto',\n          opacity: 0.001\n        }\n      },\n      center: resp.center,\n      axisLine: {\n        show: false,\n        lineStyle: { opacity: 0.6 }\n      },\n      axisTick: { show: false },\n      splitLine: { show: false },\n      axisLabel: { show: false },\n      title: { show: false },\n      detail: {\n        offsetCenter: [0, -0.5 * resp.valueFontSize],\n        valueAnimation: true,\n        formatter: this.valueFormatterInternal(),\n        rich: {\n          value: {\n            fontSize: resp.valueFontSize,\n            lineHeight: resp.valueFontSize,\n            fontWeight: 600\n          },\n          unit: {\n            fontSize: resp.unitFontSize,\n            lineHeight: resp.unitFontSize,\n            padding: [0, 0, (resp.unitFontSize - resp.valueFontSize) / 2, 0]\n          }\n        }\n      },\n      data: [{ value: this.value() }]\n    };\n\n    const series: GaugeSeriesOption[] = [indicator, shade, data];\n\n    this.showLegend.set(false);\n    this.actualOptions.series = series;\n\n    this.applyTitles();\n  }\n\n  private valueFormatterInternal(): (val: number) => string {\n    const unit = this.unit();\n    const valueFormatter = this.valueFormatter();\n\n    const formattedUnit = unit ? (unit.length > 5 ? `\\n{unit|${unit}}` : ` {unit|${unit}}`) : '';\n\n    return (value: number): string => {\n      if (valueFormatter) {\n        return `{value|${valueFormatter(value)}}${formattedUnit}`;\n      }\n      return `{value|${this.numberFormat().format(value)}}${formattedUnit}`;\n    };\n  }\n\n  override ngOnChanges(changes: SimpleChanges<unknown>): void {\n    if (this.chart && (changes.palette || changes.colors || changes.segments)) {\n      this.updateColors();\n    }\n    changes.forceAll = new SimpleChange(false, true, false);\n    super.ngOnChanges(changes);\n  }\n\n  protected override applyDataZoom(): void {}\n\n  protected override afterChartResize(): void {\n    this.applyOptions();\n    this.refreshSeries();\n  }\n\n  /**\n   * Update gauge chart value.\n   */\n  setValue(value: number): void {\n    const optionSeries = this.actualOptions.series as GaugeChartSeries[];\n    optionSeries[2].data[0].value = value;\n    this.refreshSeries();\n  }\n}\n","@if (showCustomLegend() && (title() || subTitle())) {\n  <div class=\"si-h5 chart-title chart-title-width\" [style.background-color]=\"backgroundColor()\">\n    <div class=\"chart-title-text\" [style.color]=\"titleColor()\">{{ title() }}</div>\n    @if (subTitle()) {\n      <div class=\"si-body\" [style.color]=\"subTitleColor()\">{{ subTitle() }}</div>\n    }\n  </div>\n}\n\n<div\n  #chartContainerWrapper\n  class=\"chart-container-wrapper\"\n  [class.chart-scroll]=\"containerHeight()\"\n  [attr.tabindex]=\"containerHeight() ? '0' : null\"\n>\n  <div class=\"chart-container\" [style.height.px]=\"containerHeight()\">\n    @if (showCustomLegend()) {\n      @for (cl of customLegend; track $index) {\n        <si-custom-legend\n          #siCustomLegend\n          class=\"custom-legend\"\n          [style.top.px]=\"cl.top\"\n          [title]=\"title()\"\n          [subTitle]=\"subTitle()\"\n          [customLegend]=\"cl\"\n          [style.background-color]=\"backgroundColor()\"\n          [titleColor]=\"titleColor()\"\n          [subTitleColor]=\"subTitleColor()\"\n          [textColor]=\"textColor()\"\n          (legendIconClickEvent)=\"handleLegendClick($event)\"\n          (legendClickEvent)=\"handleLegendClick($event)\"\n          (legendHoverStartEvent)=\"handleLegendHover($event, true)\"\n          (legendHoverEndEvent)=\"handleLegendHover($event, false)\"\n        />\n      }\n    }\n    <div #chart class=\"echart-container\" [style.height.px]=\"containerHeight()\"></div>\n  </div>\n</div>\n@if (externalZoomSlider()) {\n  <div\n    #externalZoomSlider\n    class=\"external-zoom-container\"\n    [class.has-time-range-bar]=\"showTimeRangeBar()\"\n    [style.--time-bar-height.px]=\"timeBarHeight()\"\n  ></div>\n}\n\n@if (showTimeRangeBar() && zoomSlider()) {\n  <div\n    class=\"time-range-bar\"\n    [style.bottom.px]=\"timeBarBottom()\"\n    [style.padding-left.px]=\"timeBarLeft()\"\n    [style.padding-right.px]=\"timeBarRight()\"\n  >\n    <ng-content select=\"[slot=timeRangeBar]\" />\n  </div>\n}\n\n@if (inProgress()) {\n  <div class=\"progress-container\">\n    <si-chart-loading-spinner />\n  </div>\n}\n","/**\n * Copyright (c) Siemens 2016 - 2026\n * SPDX-License-Identifier: MIT\n */\nexport * from './si-chart-gauge.component';\nexport * from './si-chart-gauge.interface';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAAA;;;AAGG;AAoBH,OAAO,CAAC,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;AASnB,MAAO,qBAAsB,SAAQ,oBAAoB,CAAA;AAC7D;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAC,CAAC;iFAAC;AAC5B;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAC,GAAG;iFAAC;AAC9B;;;AAGG;IACM,KAAK,GAAG,KAAK,CAAC,CAAC;8EAAC;;AAEhB,IAAA,UAAU,GAAG,KAAK;8FAAU;AACrC;;;AAGG;IACM,oBAAoB,GAAG,KAAK,CAAC,IAAI;6FAAC;AAC3C;;;AAGG;IACM,IAAI,GAAG,KAAK,CAAC,GAAG;6EAAC;AAC1B;;;AAGG;IACM,YAAY,GAAG,KAAK,CAAC,KAAK;qFAAC;AACpC;;;;AAIG;AACM,IAAA,cAAc,GAAG,KAAK;kGAA2B;AAC1D;;;;AAIG;AACM,IAAA,cAAc,GAAG,KAAK;kGAA2B;AAC1D;;;;AAIG;IACM,mBAAmB,GAAG,KAAK,CAAC,CAAC;4FAAC;AACvC;;;;AAIG;IACM,mBAAmB,GAAG,KAAK,CAAC,CAAC;4FAAC;AACvC;;;;AAIG;IACM,oBAAoB,GAAG,KAAK,CAAC,CAAC;6FAAC;AACxC;;;AAGG;IACM,cAAc,GAAG,KAAK,CAAC,KAAK,sFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AACvE;;;;;AAKG;IACM,QAAQ,GAAG,KAAK,CAAW,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;iFAAC;AAClD;;;AAGG;AACM,IAAA,MAAM,GAAG,KAAK;0FAAY;IAElB,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,QAAQ,EAAE;AACrC,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAK;AAC5C,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE;QAC9C,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;AACxC,YAAA,qBAAqB,EAAE,WAAW;YAClC,qBAAqB,EAAE,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,mBAAmB,EAAE;AACxE,SAAA,CAAC;IACJ,CAAC;qFAAC;AAEe,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AAChD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,oBAAoB,EAAE;QAC5C,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;AACxC,YAAA,qBAAqB,EAAE,QAAQ;AAC/B,YAAA,qBAAqB,EAAE;AACxB,SAAA,CAAC;IACJ,CAAC;yFAAC;IAEiB,cAAc,GAAA;QAC/B,KAAK,CAAC,cAAc,EAAE;QACtB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,aAAa,EAAE;IACtB;IAEQ,YAAY,GAAA;;AAElB,QAAA,MAAM,aAAa,GAAQ,IAAI,CAAC,gBAAgB,EAAE;QAClD,MAAM,MAAM,GAAa,IAAI,CAAC,MAAM,EAAE,IAAI,aAAa,CAAC,KAAK;QAC7D,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM;AAE7C,QAAA,IAAI,SAA6B;QACjC,IAAI,YAAY,EAAE;AAChB,YAAA,SAAS,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,KAAI;gBACnD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC;AAC3C,gBAAA,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC;AAC3B,YAAA,CAAC,CAAC;QACJ;aAAO;AACL,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,EAAE;AACjC,YAAA,MAAM,SAAS,GAAG,WAAW,EAAE;AAC7B,kBAAE,WAAW,CAAC,CAAC;AACf,kBAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,EAAE,cAAc,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;YAClE,SAAS,GAAG,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;QAC9B;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC,MAA6B;QAC/D,IAAI,YAAY,EAAE;AAChB,YAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC;QACvD;QACA,MAAM,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC,IAAI,GAAG,YAAY;AAEvC,QAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,QAAS,CAAC;QACrD,IAAI,CAAC,aAAa,EAAE;IACtB;IAEQ,gBAAgB,CACtB,MAA0B,EAC1B,QAAoD,EAAA;AAEpD,QAAA,QAAQ,CAAC,SAAS,KAAK,EAAE;AACzB,QAAA,QAAQ,CAAC,SAAS,CAAC,KAAK,GAAG,MAAM;IACnC;IAEQ,mBAAmB,GAAA;QAYzB,MAAM,OAAO,GAAG,EAAE;AAClB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,OAAO;AAC1C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,EAAE,SAAS,CAAC;QAClD,MAAM,GAAG,GAAG,GAAG,GAAG,SAAS,GAAG,IAAI,CAAC,SAAS,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,SAAS;AAEtE,QAAA,IAAI,GAAG,GAAG,GAAG,EAAE;AACb,YAAA,MAAM,MAAM,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,CAAC;AAChC,YAAA,MAAM,aAAa,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,CAAC;YACxC,OAAO;gBACL,WAAW,EAAE,GAAG,GAAG,CAAC;AACpB,gBAAA,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;AACpB,gBAAA,aAAa,EAAE,CAAC;AAChB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,GAAG,EAAE,CAAC;gBACN,MAAM;gBACN,aAAa;AACb,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,YAAY,EAAE;aACf;QACH;AAEA,QAAA,IAAI,GAAG,GAAG,GAAG,EAAE;YACb,OAAO;gBACL,WAAW,EAAE,GAAG,GAAG,CAAC;AACpB,gBAAA,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;AACpB,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,cAAc,EAAE,CAAC;AACjB,gBAAA,GAAG,EAAE,CAAC;AACN,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,YAAY,EAAE,EAAE;AAChB,gBAAA,aAAa,EAAE,EAAE;AACjB,gBAAA,YAAY,EAAE;aACf;QACH;QAEA,OAAO;YACL,WAAW,EAAE,GAAG,GAAG,EAAE;AACrB,YAAA,MAAM,EAAE,CAAC,KAAK,EAAE,GAAG,CAAC;AACpB,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,cAAc,EAAE,CAAC;AACjB,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,YAAY,EAAE,EAAE;AAChB,YAAA,aAAa,EAAE,EAAE;AACjB,YAAA,YAAY,EAAE;SACf;IACH;AAEiB,IAAA,kBAAkB,GAAG,CAAC,KAAU,KAAY;AAC3D,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/D,QAAA,OAAO,IAAI,CAAC,YAAY,EAAE,GAAG,CAAA,EAAG,SAAS,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,GAAG,SAAS;AACxE,IAAA,CAAC;IAEkB,YAAY,GAAA;AAC7B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,EAAE;QACvC,MAAM,YAAY,GAAG,CAAC,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,MAAM;QAE7C,MAAM,WAAW,GACf,IAAI,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE;AAC9E,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC;AACnE,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,mBAAmB,CAAC,CAAC,OAAO,EAAE,MAAM,CAAC,EAAE,SAAS,CAAC;AAExE,QAAA,MAAM,SAAS,GAAsB;AACnC,YAAA,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,GAAG;AACxD,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;AACpB,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACpB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE,YAAY;AAClB,gBAAA,SAAS,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc;AACxC,aAAA;AACD,YAAA,QAAQ,EAAE;AACR,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,WAAW,EAAE,CAAC;AACd,gBAAA,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,KAAK,EAAE;AACR;AACF,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,MAAM,EAAE,CAAC;AACT,gBAAA,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,KAAK,EAAE;AACR;AACF,aAAA;AACD,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK;SACzB;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,aAAa,IAAI,YAAY,GAAG,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC;AAE9F,QAAA,MAAM,KAAK,GAAsB;AAC/B,YAAA,IAAI,EAAE,OAAO;YACb,MAAM,EAAE,IAAI,CAAC,WAAW;AACxB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;AACpB,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACpB,WAAW;AACX,YAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AACzB,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACtB,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,YAAA,QAAQ,EAAE;AACR,gBAAA,SAAS,EAAE;oBACT,KAAK,EAAE,IAAI,CAAC,aAAa;AACzB,oBAAA,OAAO,EAAE,GAAG;AACZ,oBAAA,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC;AAClB;AACF,aAAA;AACD,YAAA,SAAS,EAAE;AACT,gBAAA,IAAI,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;AAC5B,gBAAA,QAAQ,EAAE,aAAa;AACvB,gBAAA,KAAK,EAAE,SAAS;gBAChB,QAAQ,EAAE,IAAI,CAAC,YAAY;gBAC3B,SAAS,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC;AAC1C;SACF;AAED,QAAA,MAAM,IAAI,GAAsB;AAC9B,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,IAAI,CAAC,WAAW;AACxB,YAAA,UAAU,EAAE,GAAG;AACf,YAAA,QAAQ,EAAE,CAAC;AACX,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;AACpB,YAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,EAAE;YACpB,WAAW;AACX,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;gBAC5B,KAAK,EAAE,IAAI,CAAC;AACb,aAAA;AACD,YAAA,QAAQ,EAAE;;;;;;AAMR,gBAAA,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM;AAC3B,aAAA;AACD,YAAA,OAAO,EAAE;AACP,gBAAA,IAAI,EAAE,IAAI;AACV,gBAAA,MAAM,EAAE,IAAI;AACZ,gBAAA,SAAS,EAAE;AACT,oBAAA,KAAK,EAAE,MAAM;AACb,oBAAA,OAAO,EAAE;AACV;AACF,aAAA;YACD,MAAM,EAAE,IAAI,CAAC,MAAM;AACnB,YAAA,QAAQ,EAAE;AACR,gBAAA,IAAI,EAAE,KAAK;AACX,gBAAA,SAAS,EAAE,EAAE,OAAO,EAAE,GAAG;AAC1B,aAAA;AACD,YAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AACzB,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AAC1B,YAAA,KAAK,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AACtB,YAAA,MAAM,EAAE;gBACN,YAAY,EAAE,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,aAAa,CAAC;AAC5C,gBAAA,cAAc,EAAE,IAAI;AACpB,gBAAA,SAAS,EAAE,IAAI,CAAC,sBAAsB,EAAE;AACxC,gBAAA,IAAI,EAAE;AACJ,oBAAA,KAAK,EAAE;wBACL,QAAQ,EAAE,IAAI,CAAC,aAAa;wBAC5B,UAAU,EAAE,IAAI,CAAC,aAAa;AAC9B,wBAAA,UAAU,EAAE;AACb,qBAAA;AACD,oBAAA,IAAI,EAAE;wBACJ,QAAQ,EAAE,IAAI,CAAC,YAAY;wBAC3B,UAAU,EAAE,IAAI,CAAC,YAAY;AAC7B,wBAAA,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,aAAa,IAAI,CAAC,EAAE,CAAC;AAChE;AACF;AACF,aAAA;YACD,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE;SAC/B;QAED,MAAM,MAAM,GAAwB,CAAC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC;AAE5D,QAAA,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,MAAM;QAElC,IAAI,CAAC,WAAW,EAAE;IACpB;IAEQ,sBAAsB,GAAA;AAC5B,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACxB,QAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE;AAE5C,QAAA,MAAM,aAAa,GAAG,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,CAAA,QAAA,EAAW,IAAI,CAAA,CAAA,CAAG,GAAG,CAAA,OAAA,EAAU,IAAI,CAAA,CAAA,CAAG,IAAI,EAAE;QAE5F,OAAO,CAAC,KAAa,KAAY;YAC/B,IAAI,cAAc,EAAE;gBAClB,OAAO,CAAA,OAAA,EAAU,cAAc,CAAC,KAAK,CAAC,CAAA,CAAA,EAAI,aAAa,EAAE;YAC3D;AACA,YAAA,OAAO,CAAA,OAAA,EAAU,IAAI,CAAC,YAAY,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,CAAA,EAAI,aAAa,EAAE;AACvE,QAAA,CAAC;IACH;AAES,IAAA,WAAW,CAAC,OAA+B,EAAA;AAClD,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,CAAC,OAAO,IAAI,OAAO,CAAC,MAAM,IAAI,OAAO,CAAC,QAAQ,CAAC,EAAE;YACzE,IAAI,CAAC,YAAY,EAAE;QACrB;AACA,QAAA,OAAO,CAAC,QAAQ,GAAG,IAAI,YAAY,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC;AACvD,QAAA,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC;IAC5B;AAEmB,IAAA,aAAa,KAAU;IAEvB,gBAAgB,GAAA;QACjC,IAAI,CAAC,YAAY,EAAE;QACnB,IAAI,CAAC,aAAa,EAAE;IACtB;AAEA;;AAEG;AACH,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,MAA4B;AACpE,QAAA,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK;QACrC,IAAI,CAAC,aAAa,EAAE;IACtB;uGA/XW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,mBAAA,EAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,iBAAA,EAAA,sBAAA,EAAA,UAAA,EAAA,sBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChClC,omEAgEA,EAAA,MAAA,EAAA,CAAA,4/BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrCY,uBAAuB,+PAAE,8BAA8B,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,KAAA,EAAA,CAAA;;2FAKtD,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAPjC,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,CAAC,uBAAuB,EAAE,8BAA8B,CAAC,EAAA,eAAA,EAGjD,uBAAuB,CAAC,KAAK,EAAA,QAAA,EAAA,omEAAA,EAAA,MAAA,EAAA,CAAA,4/BAAA,CAAA,EAAA;;;AE9BhD;;;AAGG;;ACHH;;AAEG;;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@siemens/charts-ng",
   "description": "Element Charts library.",
-  "version": "51.3.0",
+  "version": "51.5.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/types/siemens-charts-ng-cartesian.d.ts

@@ -47,7 +47,12 @@ declare class SiChartCartesianComponent extends SiChartBaseComponent implements
     readonly yAxis: _angular_core.InputSignal<ChartYAxis | ChartYAxis[] | undefined>;
     /** The x axis in cartesian(rectangular) coordinate. */
     readonly xAxis: _angular_core.InputSignal<ChartXAxis | ChartXAxis[] | undefined>;
-    /** The content formatter of tooltip's floating layer which supports string template and callback function (see (see {@link https://echarts.apache.org/en/option.html#tooltip.formatter }). */
+    /**
+     * The content formatter of the tooltip's floating layer, supporting string templates and callbacks.
+     * Custom formatters are responsible for escaping untrusted values with `echarts.format.encodeHTML`
+     * before inserting them into HTML. Built-in formatters display names and values as plain text.
+     * See {@link https://echarts.apache.org/en/option.html#tooltip.formatter}.
+     */
     readonly tooltipFormatter: _angular_core.InputSignal<string | echarts.TooltipComponentFormatterCallback<echarts.TooltipComponentFormatterCallbackParams> | undefined>;
     /**
      * Used to display the chart as a stacked one.