@acorex-platform/module-dashboard-management-client 0.0.46 → 0.0.48

package/fesm2022/{acorex-platform-module-dashboard-management-client-acorex-platform-module-dashboard-management-client-Ey27MqFo.mjs → acorex-platform-module-dashboard-management-client-acorex-platform-module-dashboard-management-client-61Q_QY8l.mjs}

@@ -1295,7 +1295,7 @@ const AXPBarChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-bar-chart-widget.component-5c4X-lEC.mjs').then((c) => c.AXPBarChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-bar-chart-widget.component-kw130ESN.mjs').then((c) => c.AXPBarChartWidgetViewComponent),
         },
     },
     meta: {
@@ -1366,7 +1366,7 @@ const AXPChartCardWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-chart-card-widget.component-BYdlIBv9.mjs').then((c) => c.AXPChartCardWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-chart-card-widget.component-B2ztaswG.mjs').then((c) => c.AXPChartCardWidgetViewComponent),
         },
     },
     meta: {
@@ -1409,10 +1409,10 @@ const AXMChartConfiguratorWidget = {
     ],
     components: {
         edit: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-chart-configurator-widget-edit.component-FhtkU52L.mjs').then((c) => c.AXMChartConfiguratorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-chart-configurator-widget-edit.component-BgR51eZ1.mjs').then((c) => c.AXMChartConfiguratorWidgetEditComponent),
         },
         designer: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-chart-configurator-widget-edit.component-FhtkU52L.mjs').then((c) => c.AXMChartConfiguratorWidgetEditComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-chart-configurator-widget-edit.component-BgR51eZ1.mjs').then((c) => c.AXMChartConfiguratorWidgetEditComponent),
         },
         column: {
             component: () => import('./acorex-platform-module-dashboard-management-client-chart-configurator-widget-column.component-DxNKy3bB.mjs').then((c) => c.AXMChartConfiguratorWidgetColumnComponent),
@@ -1655,7 +1655,7 @@ const AXPDonutChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-donut-chart-widget.component-DRiIRbhX.mjs').then((c) => c.AXPDonutChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-donut-chart-widget.component-DB_7rLmK.mjs').then((c) => c.AXPDonutChartWidgetViewComponent),
         },
     },
     meta: {
@@ -1698,7 +1698,7 @@ const AXPFunnelChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-funnel-chart-widget.component-BPY1NchM.mjs').then((c) => c.AXPFunnelChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-funnel-chart-widget.component-CltmXb8c.mjs').then((c) => c.AXPFunnelChartWidgetViewComponent),
         },
     },
     meta: {
@@ -1938,7 +1938,7 @@ const AXPGaugeChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-gauge-chart-widget.component-Cy6fgife.mjs').then((c) => c.AXPGaugeChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-gauge-chart-widget.component-Ci1cRFmt.mjs').then((c) => c.AXPGaugeChartWidgetViewComponent),
         },
     },
     meta: {
@@ -2014,7 +2014,7 @@ const AXPHeatmapChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-heatmap-chart-widget.component-CTelqGbm.mjs').then((c) => c.AXPHeatmapChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-heatmap-chart-widget.component-CzJTc6rm.mjs').then((c) => c.AXPHeatmapChartWidgetViewComponent),
         },
     },
     meta: {
@@ -2401,7 +2401,7 @@ const AXPLineChartWidget = {
     ],
     components: {
         view: {
-            component: () => import('./acorex-platform-module-dashboard-management-client-line-chart-widget.component-B18VZb9t.mjs').then((c) => c.AXPLineChartWidgetViewComponent),
+            component: () => import('./acorex-platform-module-dashboard-management-client-line-chart-widget.component-Fu_lheQe.mjs').then((c) => c.AXPLineChartWidgetViewComponent),
         },
     },
     meta: {
@@ -3139,11 +3139,11 @@ class AXPKpiProgressWidgetViewComponent extends AXPDashboardWidgetComponent {
         this.activeTabIndex.set(index);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiProgressWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiProgressWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-progress axp-kpi-widget-card axp-kpi-widget-card--progress\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-progress__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          <div class=\"axp-kpi-progress__badge\">{{ formattedProgressPercent() }}%</div>\n        </div>\n\n        <div class=\"axp-kpi-progress__main\">\n          <div class=\"axp-kpi-progress__value-block\">\n            <div class=\"axp-kpi-progress__value-row\">\n              <div class=\"axp-kpi-progress__value\">\n                {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n              </div>\n              @if (localized().targetValue) {\n                <div class=\"axp-kpi-progress__target-wrap\">\n                  <span class=\"axp-kpi-progress__target-label\">\n                    {{ '@dashboard:widgets.kpi-progress.target-label' | translate | async }}\n                  </span>\n                  <span class=\"axp-kpi-progress__target\">{{ localized().targetValue }}</span>\n                </div>\n              }\n            </div>\n            @if (localized().subtitle) {\n              <div class=\"axp-kpi-progress__subtitle\">{{ localized().subtitle }}</div>\n            }\n          </div>\n\n          <div\n            [class]=\"'axp-kpi-progress__ring axp-kpi-progress__ring--' + progressBarTone()\"\n            [style.--kpi-ring-progress]=\"progressPercent()\"\n            role=\"img\"\n            [attr.aria-label]=\"formattedProgressPercent() + '% complete'\"\n          >\n            <div class=\"axp-kpi-progress__ring-track\" aria-hidden=\"true\"></div>\n            <div class=\"axp-kpi-progress__ring-fill\" aria-hidden=\"true\"></div>\n            <span class=\"axp-kpi-progress__ring-label\">{{ formattedProgressPercent() }}%</span>\n          </div>\n        </div>\n\n        <div class=\"axp-kpi-progress__bar-wrap\">\n          <div\n            class=\"axp-kpi-progress__bar-track\"\n            role=\"progressbar\"\n            [attr.aria-valuenow]=\"progressPercent()\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n          >\n            <div [class]=\"progressBarFillClasses()\" [style.width.%]=\"progressPercent()\"></div>\n          </div>\n        </div>\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-progress .axp-kpi-progress__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__badge{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #0d9488);background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 22%,white)}}.axp-kpi-progress .axp-kpi-progress__main{display:flex;min-height:0px;flex:1;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:clamp(.125rem,2cqh,.375rem)}.axp-kpi-progress .axp-kpi-progress__value-block{display:flex;min-width:0px;flex:1;flex-direction:column;gap:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-progress .axp-kpi-progress__value-row{display:flex;min-width:0px;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__value{margin:0;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(24cqw,34cqh),3.25rem)}.axp-kpi-progress .axp-kpi-progress__target-wrap{display:flex;min-width:0px;flex-direction:column;align-items:flex-start;padding-bottom:calc(var(--spacing, .25rem) * .5);gap:.1rem}.axp-kpi-progress .axp-kpi-progress__target-label{font-size:.62rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-widest, .1em);letter-spacing:var(--tracking-widest, .1em);text-transform:uppercase;color:#94a3b8}.axp-kpi-progress .axp-kpi-progress__target{font-size:.95rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#64748b}.axp-kpi-progress .axp-kpi-progress__subtitle{font-size:.78rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-progress .axp-kpi-progress__ring{--kpi-ring-size: clamp(3.25rem, min(22cqw, 30cqh), 4.5rem);--kpi-ring-thickness: clamp(.28rem, 1.8cqi, .4rem);position:relative;display:grid;flex-shrink:0;place-items:center;width:var(--kpi-ring-size);height:var(--kpi-ring-size)}.axp-kpi-progress .axp-kpi-progress__ring-track,.axp-kpi-progress .axp-kpi-progress__ring-fill{position:absolute;inset:0;border-radius:calc(infinity * 1px)}.axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 10%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,white)}}.axp-kpi-progress .axp-kpi-progress__ring-fill{background:conic-gradient(var(--kpi-ring-color, var(--axp-kpi-accent, #0d9488)) calc(var(--kpi-ring-progress, 0) * 1%),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));transition:background .5s ease-out}.axp-kpi-progress .axp-kpi-progress__ring--success{--kpi-ring-color: rgb(var(--ax-sys-color-success-500))}.axp-kpi-progress .axp-kpi-progress__ring--primary{--kpi-ring-color: rgb(var(--ax-sys-color-primary-500))}.axp-kpi-progress .axp-kpi-progress__ring--warning{--kpi-ring-color: rgb(var(--ax-sys-color-warning-500))}.axp-kpi-progress .axp-kpi-progress__ring--danger{--kpi-ring-color: rgb(var(--ax-sys-color-danger-500))}.axp-kpi-progress .axp-kpi-progress__ring-label{position:relative;z-index:1;font-size:.68rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#334155}.axp-kpi-progress .axp-kpi-progress__bar-wrap{margin-top:auto}.axp-kpi-progress .axp-kpi-progress__bar-track{width:100%;overflow:hidden;height:clamp(.4rem,2.5cqi,.55rem);border-radius:999px;background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}.axp-kpi-progress .axp-kpi-progress__bar-fill{height:100%;border-radius:calc(infinity * 1px);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out, cubic-bezier(0, 0, .2, 1));box-shadow:0 0 10px var(--kpi-ring-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-fill{box-shadow:0 0 10px color-mix(in srgb,var(--kpi-ring-color, var(--axp-kpi-accent)) 35%,transparent)}}@container kpi-widget (max-height: 140px){.axp-kpi-progress__ring{display:none}.axp-kpi-progress__value{font-size:clamp(1.35rem,min(20cqw,28cqh),2rem)}}@container kpi-widget (min-height: 200px){.axp-kpi-progress__main{padding-block:clamp(.25rem,3cqh,.5rem)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__subtitle,:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__target{color:#94a3b8}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-label{color:#e2e8f0}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 16%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 20%,#1e293b)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiProgressWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-progress axp-kpi-widget-card axp-kpi-widget-card--progress\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-progress__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          <div class=\"axp-kpi-progress__badge\">{{ formattedProgressPercent() }}%</div>\n        </div>\n\n        <div class=\"axp-kpi-progress__main\">\n          <div class=\"axp-kpi-progress__value-block\">\n            <div class=\"axp-kpi-progress__value-row\">\n              <div class=\"axp-kpi-progress__value\">\n                {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n              </div>\n              @if (localized().targetValue) {\n                <div class=\"axp-kpi-progress__target-wrap\">\n                  <span class=\"axp-kpi-progress__target-label\">\n                    {{ '@dashboard:widgets.kpi-progress.target-label' | translate | async }}\n                  </span>\n                  <span class=\"axp-kpi-progress__target\">{{ localized().targetValue }}</span>\n                </div>\n              }\n            </div>\n            @if (localized().subtitle) {\n              <div class=\"axp-kpi-progress__subtitle\">{{ localized().subtitle }}</div>\n            }\n          </div>\n\n          <div\n            [class]=\"'axp-kpi-progress__ring axp-kpi-progress__ring--' + progressBarTone()\"\n            [style.--kpi-ring-progress]=\"progressPercent()\"\n            role=\"img\"\n            [attr.aria-label]=\"formattedProgressPercent() + '% complete'\"\n          >\n            <div class=\"axp-kpi-progress__ring-track\" aria-hidden=\"true\"></div>\n            <div class=\"axp-kpi-progress__ring-fill\" aria-hidden=\"true\"></div>\n            <span class=\"axp-kpi-progress__ring-label\">{{ formattedProgressPercent() }}%</span>\n          </div>\n        </div>\n\n        <div class=\"axp-kpi-progress__bar-wrap\">\n          <div\n            class=\"axp-kpi-progress__bar-track\"\n            role=\"progressbar\"\n            [attr.aria-valuenow]=\"progressPercent()\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n          >\n            <div [class]=\"progressBarFillClasses()\" [style.width.%]=\"progressPercent()\"></div>\n          </div>\n        </div>\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-progress .axp-kpi-progress__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__badge{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #0d9488);background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 22%,white)}}.axp-kpi-progress .axp-kpi-progress__main{display:flex;min-height:0px;flex:1;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:clamp(.125rem,2cqh,.375rem)}.axp-kpi-progress .axp-kpi-progress__value-block{display:flex;min-width:0px;flex:1;flex-direction:column;gap:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-progress .axp-kpi-progress__value-row{display:flex;min-width:0px;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__value{margin:0;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(24cqw,34cqh),3.25rem)}.axp-kpi-progress .axp-kpi-progress__target-wrap{display:flex;min-width:0px;flex-direction:column;align-items:flex-start;padding-bottom:calc(var(--spacing, .25rem) * .5);gap:.1rem}.axp-kpi-progress .axp-kpi-progress__target-label{font-size:.62rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-widest, .1em);letter-spacing:var(--tracking-widest, .1em);text-transform:uppercase;color:#94a3b8}.axp-kpi-progress .axp-kpi-progress__target{font-size:.95rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#64748b}.axp-kpi-progress .axp-kpi-progress__subtitle{font-size:.78rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-progress .axp-kpi-progress__ring{--kpi-ring-size: clamp(3.25rem, min(22cqw, 30cqh), 4.5rem);--kpi-ring-thickness: clamp(.28rem, 1.8cqi, .4rem);position:relative;display:grid;flex-shrink:0;place-items:center;width:var(--kpi-ring-size);height:var(--kpi-ring-size)}.axp-kpi-progress .axp-kpi-progress__ring-track,.axp-kpi-progress .axp-kpi-progress__ring-fill{position:absolute;inset:0;border-radius:calc(infinity * 1px)}.axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 10%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,white)}}.axp-kpi-progress .axp-kpi-progress__ring-fill{background:conic-gradient(var(--kpi-ring-color, var(--axp-kpi-accent, #0d9488)) calc(var(--kpi-ring-progress, 0) * 1%),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));transition:background .5s ease-out}.axp-kpi-progress .axp-kpi-progress__ring--success{--kpi-ring-color: rgb(var(--ax-sys-color-success-500))}.axp-kpi-progress .axp-kpi-progress__ring--primary{--kpi-ring-color: rgb(var(--ax-sys-color-primary-500))}.axp-kpi-progress .axp-kpi-progress__ring--warning{--kpi-ring-color: rgb(var(--ax-sys-color-warning-500))}.axp-kpi-progress .axp-kpi-progress__ring--danger{--kpi-ring-color: rgb(var(--ax-sys-color-danger-500))}.axp-kpi-progress .axp-kpi-progress__ring-label{position:relative;z-index:1;font-size:.68rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#334155}.axp-kpi-progress .axp-kpi-progress__bar-wrap{margin-top:auto}.axp-kpi-progress .axp-kpi-progress__bar-track{width:100%;overflow:hidden;height:clamp(.4rem,2.5cqi,.55rem);border-radius:999px;background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}.axp-kpi-progress .axp-kpi-progress__bar-fill{height:100%;border-radius:calc(infinity * 1px);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out, cubic-bezier(0, 0, .2, 1));box-shadow:0 0 10px var(--kpi-ring-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-fill{box-shadow:0 0 10px color-mix(in srgb,var(--kpi-ring-color, var(--axp-kpi-accent)) 35%,transparent)}}@container kpi-widget (max-height: 140px){.axp-kpi-progress__ring{display:none}.axp-kpi-progress__value{font-size:clamp(1.35rem,min(20cqw,28cqh),2rem)}}@container kpi-widget (min-height: 200px){.axp-kpi-progress__main{padding-block:clamp(.25rem,3cqh,.5rem)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__subtitle,:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__target{color:#94a3b8}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-label{color:#e2e8f0}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 16%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 20%,#1e293b)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiProgressWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-progress axp-kpi-widget-card axp-kpi-widget-card--progress\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-progress__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          <div class=\"axp-kpi-progress__badge\">{{ formattedProgressPercent() }}%</div>\n        </div>\n\n        <div class=\"axp-kpi-progress__main\">\n          <div class=\"axp-kpi-progress__value-block\">\n            <div class=\"axp-kpi-progress__value-row\">\n              <div class=\"axp-kpi-progress__value\">\n                {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n              </div>\n              @if (localized().targetValue) {\n                <div class=\"axp-kpi-progress__target-wrap\">\n                  <span class=\"axp-kpi-progress__target-label\">\n                    {{ '@dashboard:widgets.kpi-progress.target-label' | translate | async }}\n                  </span>\n                  <span class=\"axp-kpi-progress__target\">{{ localized().targetValue }}</span>\n                </div>\n              }\n            </div>\n            @if (localized().subtitle) {\n              <div class=\"axp-kpi-progress__subtitle\">{{ localized().subtitle }}</div>\n            }\n          </div>\n\n          <div\n            [class]=\"'axp-kpi-progress__ring axp-kpi-progress__ring--' + progressBarTone()\"\n            [style.--kpi-ring-progress]=\"progressPercent()\"\n            role=\"img\"\n            [attr.aria-label]=\"formattedProgressPercent() + '% complete'\"\n          >\n            <div class=\"axp-kpi-progress__ring-track\" aria-hidden=\"true\"></div>\n            <div class=\"axp-kpi-progress__ring-fill\" aria-hidden=\"true\"></div>\n            <span class=\"axp-kpi-progress__ring-label\">{{ formattedProgressPercent() }}%</span>\n          </div>\n        </div>\n\n        <div class=\"axp-kpi-progress__bar-wrap\">\n          <div\n            class=\"axp-kpi-progress__bar-track\"\n            role=\"progressbar\"\n            [attr.aria-valuenow]=\"progressPercent()\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n          >\n            <div [class]=\"progressBarFillClasses()\" [style.width.%]=\"progressPercent()\"></div>\n          </div>\n        </div>\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-progress .axp-kpi-progress__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__badge{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #0d9488);background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 22%,white)}}.axp-kpi-progress .axp-kpi-progress__main{display:flex;min-height:0px;flex:1;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:clamp(.125rem,2cqh,.375rem)}.axp-kpi-progress .axp-kpi-progress__value-block{display:flex;min-width:0px;flex:1;flex-direction:column;gap:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-progress .axp-kpi-progress__value-row{display:flex;min-width:0px;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__value{margin:0;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(24cqw,34cqh),3.25rem)}.axp-kpi-progress .axp-kpi-progress__target-wrap{display:flex;min-width:0px;flex-direction:column;align-items:flex-start;padding-bottom:calc(var(--spacing, .25rem) * .5);gap:.1rem}.axp-kpi-progress .axp-kpi-progress__target-label{font-size:.62rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-widest, .1em);letter-spacing:var(--tracking-widest, .1em);text-transform:uppercase;color:#94a3b8}.axp-kpi-progress .axp-kpi-progress__target{font-size:.95rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#64748b}.axp-kpi-progress .axp-kpi-progress__subtitle{font-size:.78rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-progress .axp-kpi-progress__ring{--kpi-ring-size: clamp(3.25rem, min(22cqw, 30cqh), 4.5rem);--kpi-ring-thickness: clamp(.28rem, 1.8cqi, .4rem);position:relative;display:grid;flex-shrink:0;place-items:center;width:var(--kpi-ring-size);height:var(--kpi-ring-size)}.axp-kpi-progress .axp-kpi-progress__ring-track,.axp-kpi-progress .axp-kpi-progress__ring-fill{position:absolute;inset:0;border-radius:calc(infinity * 1px)}.axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 10%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,white)}}.axp-kpi-progress .axp-kpi-progress__ring-fill{background:conic-gradient(var(--kpi-ring-color, var(--axp-kpi-accent, #0d9488)) calc(var(--kpi-ring-progress, 0) * 1%),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));transition:background .5s ease-out}.axp-kpi-progress .axp-kpi-progress__ring--success{--kpi-ring-color: rgb(var(--ax-sys-color-success-500))}.axp-kpi-progress .axp-kpi-progress__ring--primary{--kpi-ring-color: rgb(var(--ax-sys-color-primary-500))}.axp-kpi-progress .axp-kpi-progress__ring--warning{--kpi-ring-color: rgb(var(--ax-sys-color-warning-500))}.axp-kpi-progress .axp-kpi-progress__ring--danger{--kpi-ring-color: rgb(var(--ax-sys-color-danger-500))}.axp-kpi-progress .axp-kpi-progress__ring-label{position:relative;z-index:1;font-size:.68rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#334155}.axp-kpi-progress .axp-kpi-progress__bar-wrap{margin-top:auto}.axp-kpi-progress .axp-kpi-progress__bar-track{width:100%;overflow:hidden;height:clamp(.4rem,2.5cqi,.55rem);border-radius:999px;background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}.axp-kpi-progress .axp-kpi-progress__bar-fill{height:100%;border-radius:calc(infinity * 1px);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out, cubic-bezier(0, 0, .2, 1));box-shadow:0 0 10px var(--kpi-ring-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-fill{box-shadow:0 0 10px color-mix(in srgb,var(--kpi-ring-color, var(--axp-kpi-accent)) 35%,transparent)}}@container kpi-widget (max-height: 140px){.axp-kpi-progress__ring{display:none}.axp-kpi-progress__value{font-size:clamp(1.35rem,min(20cqw,28cqh),2rem)}}@container kpi-widget (min-height: 200px){.axp-kpi-progress__main{padding-block:clamp(.25rem,3cqh,.5rem)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__subtitle,:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__target{color:#94a3b8}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-label{color:#e2e8f0}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 16%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 20%,#1e293b)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-progress axp-kpi-widget-card axp-kpi-widget-card--progress\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-progress__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          <div class=\"axp-kpi-progress__badge\">{{ formattedProgressPercent() }}%</div>\n        </div>\n\n        <div class=\"axp-kpi-progress__main\">\n          <div class=\"axp-kpi-progress__value-block\">\n            <div class=\"axp-kpi-progress__value-row\">\n              <div class=\"axp-kpi-progress__value\">\n                {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n              </div>\n              @if (localized().targetValue) {\n                <div class=\"axp-kpi-progress__target-wrap\">\n                  <span class=\"axp-kpi-progress__target-label\">\n                    {{ '@dashboard:widgets.kpi-progress.target-label' | translate | async }}\n                  </span>\n                  <span class=\"axp-kpi-progress__target\">{{ localized().targetValue }}</span>\n                </div>\n              }\n            </div>\n            @if (localized().subtitle) {\n              <div class=\"axp-kpi-progress__subtitle\">{{ localized().subtitle }}</div>\n            }\n          </div>\n\n          <div\n            [class]=\"'axp-kpi-progress__ring axp-kpi-progress__ring--' + progressBarTone()\"\n            [style.--kpi-ring-progress]=\"progressPercent()\"\n            role=\"img\"\n            [attr.aria-label]=\"formattedProgressPercent() + '% complete'\"\n          >\n            <div class=\"axp-kpi-progress__ring-track\" aria-hidden=\"true\"></div>\n            <div class=\"axp-kpi-progress__ring-fill\" aria-hidden=\"true\"></div>\n            <span class=\"axp-kpi-progress__ring-label\">{{ formattedProgressPercent() }}%</span>\n          </div>\n        </div>\n\n        <div class=\"axp-kpi-progress__bar-wrap\">\n          <div\n            class=\"axp-kpi-progress__bar-track\"\n            role=\"progressbar\"\n            [attr.aria-valuenow]=\"progressPercent()\"\n            aria-valuemin=\"0\"\n            aria-valuemax=\"100\"\n          >\n            <div [class]=\"progressBarFillClasses()\" [style.width.%]=\"progressPercent()\"></div>\n          </div>\n        </div>\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-progress .axp-kpi-progress__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__badge{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #0d9488);background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__badge{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 22%,white)}}.axp-kpi-progress .axp-kpi-progress__main{display:flex;min-height:0px;flex:1;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);padding-block:clamp(.125rem,2cqh,.375rem)}.axp-kpi-progress .axp-kpi-progress__value-block{display:flex;min-width:0px;flex:1;flex-direction:column;gap:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-progress .axp-kpi-progress__value-row{display:flex;min-width:0px;align-items:flex-end;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-progress .axp-kpi-progress__value{margin:0;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(24cqw,34cqh),3.25rem)}.axp-kpi-progress .axp-kpi-progress__target-wrap{display:flex;min-width:0px;flex-direction:column;align-items:flex-start;padding-bottom:calc(var(--spacing, .25rem) * .5);gap:.1rem}.axp-kpi-progress .axp-kpi-progress__target-label{font-size:.62rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-widest, .1em);letter-spacing:var(--tracking-widest, .1em);text-transform:uppercase;color:#94a3b8}.axp-kpi-progress .axp-kpi-progress__target{font-size:.95rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#64748b}.axp-kpi-progress .axp-kpi-progress__subtitle{font-size:.78rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-progress .axp-kpi-progress__ring{--kpi-ring-size: clamp(3.25rem, min(22cqw, 30cqh), 4.5rem);--kpi-ring-thickness: clamp(.28rem, 1.8cqi, .4rem);position:relative;display:grid;flex-shrink:0;place-items:center;width:var(--kpi-ring-size);height:var(--kpi-ring-size)}.axp-kpi-progress .axp-kpi-progress__ring-track,.axp-kpi-progress .axp-kpi-progress__ring-fill{position:absolute;inset:0;border-radius:calc(infinity * 1px)}.axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 10%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__ring-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,white)}}.axp-kpi-progress .axp-kpi-progress__ring-fill{background:conic-gradient(var(--kpi-ring-color, var(--axp-kpi-accent, #0d9488)) calc(var(--kpi-ring-progress, 0) * 1%),transparent 0);mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--kpi-ring-thickness)),#000 calc(100% - var(--kpi-ring-thickness) + .5px));transition:background .5s ease-out}.axp-kpi-progress .axp-kpi-progress__ring--success{--kpi-ring-color: rgb(var(--ax-sys-color-success-500))}.axp-kpi-progress .axp-kpi-progress__ring--primary{--kpi-ring-color: rgb(var(--ax-sys-color-primary-500))}.axp-kpi-progress .axp-kpi-progress__ring--warning{--kpi-ring-color: rgb(var(--ax-sys-color-warning-500))}.axp-kpi-progress .axp-kpi-progress__ring--danger{--kpi-ring-color: rgb(var(--ax-sys-color-danger-500))}.axp-kpi-progress .axp-kpi-progress__ring-label{position:relative;z-index:1;font-size:.68rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#334155}.axp-kpi-progress .axp-kpi-progress__bar-wrap{margin-top:auto}.axp-kpi-progress .axp-kpi-progress__bar-track{width:100%;overflow:hidden;height:clamp(.4rem,2.5cqi,.55rem);border-radius:999px;background:var(--axp-kpi-accent, #0d9488);border:1px solid var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 12%,white)}}.axp-kpi-progress .axp-kpi-progress__bar-fill{height:100%;border-radius:calc(infinity * 1px);transition-property:width;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .5s;transition-duration:.5s;--tw-ease: var(--ease-out, cubic-bezier(0, 0, .2, 1));transition-timing-function:var(--ease-out, cubic-bezier(0, 0, .2, 1));box-shadow:0 0 10px var(--kpi-ring-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-progress .axp-kpi-progress__bar-fill{box-shadow:0 0 10px color-mix(in srgb,var(--kpi-ring-color, var(--axp-kpi-accent)) 35%,transparent)}}@container kpi-widget (max-height: 140px){.axp-kpi-progress__ring{display:none}.axp-kpi-progress__value{font-size:clamp(1.35rem,min(20cqw,28cqh),2rem)}}@container kpi-widget (min-height: 200px){.axp-kpi-progress__main{padding-block:clamp(.25rem,3cqh,.5rem)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__subtitle,:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__target{color:#94a3b8}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-label{color:#e2e8f0}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 16%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__ring-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:var(--axp-kpi-accent, #0d9488);border-color:var(--axp-kpi-accent, #0d9488)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-progress .axp-kpi-progress__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #0d9488) 20%,#1e293b)}}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@property --tw-duration{syntax: \"*\"; inherits: false;}@property --tw-ease{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial;--tw-duration: initial;--tw-ease: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 var kpiProgressWidget_component = /*#__PURE__*/Object.freeze({
@@ -3467,11 +3467,11 @@ class AXPKpiSegmentedWidgetViewComponent extends AXPDashboardWidgetComponent {
         return resolved;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiSegmentedWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiSegmentedWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-segmented axp-kpi-widget-card axp-kpi-widget-card--segmented\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-segmented__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ title() }}</div>\n          @if (hasSegments()) {\n            <div class=\"axp-kpi-segmented__total\">{{ segmentTotal() }}</div>\n          }\n        </div>\n\n        @if (hasSegments()) {\n          <div class=\"axp-kpi-segmented__bar-track\" role=\"img\" [attr.aria-label]=\"title()\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__bar-part\"\n                [style.flex-grow]=\"segment.value\"\n                [style.background-color]=\"segment.color\"\n                [attr.title]=\"segment.label + ': ' + segment.value\"\n              ></div>\n            }\n          </div>\n\n          <div class=\"axp-kpi-segmented__legend\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__legend-item\"\n                [style.--segment-color]=\"segment.color\"\n              >\n                <div class=\"axp-kpi-segmented__legend-head\">\n                  <span class=\"axp-kpi-segmented__legend-dot\" [style.background-color]=\"segment.color\"></span>\n                  <span class=\"axp-kpi-segmented__legend-value\">{{ segment.value }}</span>\n                </div>\n                <span class=\"axp-kpi-segmented__legend-label\">{{ segment.label }}</span>\n              </div>\n            }\n          </div>\n        }\n        <!-- ----- Empty state when no segments are configured ----- -->\n        @else if (showEmptyState()) {\n          <div class=\"axp-kpi-widget-card__empty\">\n            {{ '@dashboard:widgets.kpi-segmented.empty-segments' | translate | async }}\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-segmented .axp-kpi-segmented__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-segmented .axp-kpi-segmented__total{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #d97706);background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-track{display:flex;width:100%;overflow:hidden;gap:clamp(.15rem,1cqi,.25rem);height:clamp(.75rem,4.5cqh,1.125rem);border-radius:999px;padding:2px;background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-part{flex-basis:0;min-width:.35rem;border-radius:999px;transition:flex-grow .45s ease-out;box-shadow:inset 0 1px #ffffff47}.axp-kpi-segmented .axp-kpi-segmented__legend{margin-top:auto;display:grid;min-height:0px;flex:1;gap:clamp(.375rem,2cqi,.625rem);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));align-content:end}.axp-kpi-segmented .axp-kpi-segmented__legend-item{display:flex;min-width:0px;flex-direction:column;gap:.2rem;padding:clamp(.375rem,2cqi,.5rem) clamp(.5rem,2.5cqi,.625rem);border-radius:.75rem;background:color-mix(in srgb,white 78%,transparent);border:1px solid var(--segment-color, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-item{border:1px solid color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 18%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-head{display:flex;min-width:0px;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-kpi-segmented .axp-kpi-segmented__legend-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 16%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-value{font-size:.9rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}.axp-kpi-segmented .axp-kpi-segmented__legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}@container kpi-widget (max-height: 150px){.axp-kpi-segmented__legend{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.25rem}.axp-kpi-segmented__legend-item{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}}@container kpi-widget (min-height: 220px){.axp-kpi-segmented__bar-track{height:clamp(.875rem,5cqh,1.25rem)}.axp-kpi-segmented__legend{gap:.625rem}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:var(--axp-kpi-accent, #d97706);border-color:var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{border-color:color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-value{color:#f1f5f9}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-label{color:#94a3b8}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiSegmentedWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-segmented axp-kpi-widget-card axp-kpi-widget-card--segmented\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-segmented__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ title() }}</div>\n          @if (hasSegments()) {\n            <div class=\"axp-kpi-segmented__total\">{{ segmentTotal() }}</div>\n          }\n        </div>\n\n        @if (hasSegments()) {\n          <div class=\"axp-kpi-segmented__bar-track\" role=\"img\" [attr.aria-label]=\"title()\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__bar-part\"\n                [style.flex-grow]=\"segment.value\"\n                [style.background-color]=\"segment.color\"\n                [attr.title]=\"segment.label + ': ' + segment.value\"\n              ></div>\n            }\n          </div>\n\n          <div class=\"axp-kpi-segmented__legend\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__legend-item\"\n                [style.--segment-color]=\"segment.color\"\n              >\n                <div class=\"axp-kpi-segmented__legend-head\">\n                  <span class=\"axp-kpi-segmented__legend-dot\" [style.background-color]=\"segment.color\"></span>\n                  <span class=\"axp-kpi-segmented__legend-value\">{{ segment.value }}</span>\n                </div>\n                <span class=\"axp-kpi-segmented__legend-label\">{{ segment.label }}</span>\n              </div>\n            }\n          </div>\n        }\n        <!-- ----- Empty state when no segments are configured ----- -->\n        @else if (showEmptyState()) {\n          <div class=\"axp-kpi-widget-card__empty\">\n            {{ '@dashboard:widgets.kpi-segmented.empty-segments' | translate | async }}\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-segmented .axp-kpi-segmented__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-segmented .axp-kpi-segmented__total{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #d97706);background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-track{display:flex;width:100%;overflow:hidden;gap:clamp(.15rem,1cqi,.25rem);height:clamp(.75rem,4.5cqh,1.125rem);border-radius:999px;padding:2px;background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-part{flex-basis:0;min-width:.35rem;border-radius:999px;transition:flex-grow .45s ease-out;box-shadow:inset 0 1px #ffffff47}.axp-kpi-segmented .axp-kpi-segmented__legend{margin-top:auto;display:grid;min-height:0px;flex:1;gap:clamp(.375rem,2cqi,.625rem);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));align-content:end}.axp-kpi-segmented .axp-kpi-segmented__legend-item{display:flex;min-width:0px;flex-direction:column;gap:.2rem;padding:clamp(.375rem,2cqi,.5rem) clamp(.5rem,2.5cqi,.625rem);border-radius:.75rem;background:color-mix(in srgb,white 78%,transparent);border:1px solid var(--segment-color, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-item{border:1px solid color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 18%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-head{display:flex;min-width:0px;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-kpi-segmented .axp-kpi-segmented__legend-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 16%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-value{font-size:.9rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}.axp-kpi-segmented .axp-kpi-segmented__legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}@container kpi-widget (max-height: 150px){.axp-kpi-segmented__legend{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.25rem}.axp-kpi-segmented__legend-item{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}}@container kpi-widget (min-height: 220px){.axp-kpi-segmented__bar-track{height:clamp(.875rem,5cqh,1.25rem)}.axp-kpi-segmented__legend{gap:.625rem}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:var(--axp-kpi-accent, #d97706);border-color:var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{border-color:color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-value{color:#f1f5f9}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-label{color:#94a3b8}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiSegmentedWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-segmented axp-kpi-widget-card axp-kpi-widget-card--segmented\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-segmented__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ title() }}</div>\n          @if (hasSegments()) {\n            <div class=\"axp-kpi-segmented__total\">{{ segmentTotal() }}</div>\n          }\n        </div>\n\n        @if (hasSegments()) {\n          <div class=\"axp-kpi-segmented__bar-track\" role=\"img\" [attr.aria-label]=\"title()\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__bar-part\"\n                [style.flex-grow]=\"segment.value\"\n                [style.background-color]=\"segment.color\"\n                [attr.title]=\"segment.label + ': ' + segment.value\"\n              ></div>\n            }\n          </div>\n\n          <div class=\"axp-kpi-segmented__legend\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__legend-item\"\n                [style.--segment-color]=\"segment.color\"\n              >\n                <div class=\"axp-kpi-segmented__legend-head\">\n                  <span class=\"axp-kpi-segmented__legend-dot\" [style.background-color]=\"segment.color\"></span>\n                  <span class=\"axp-kpi-segmented__legend-value\">{{ segment.value }}</span>\n                </div>\n                <span class=\"axp-kpi-segmented__legend-label\">{{ segment.label }}</span>\n              </div>\n            }\n          </div>\n        }\n        <!-- ----- Empty state when no segments are configured ----- -->\n        @else if (showEmptyState()) {\n          <div class=\"axp-kpi-widget-card__empty\">\n            {{ '@dashboard:widgets.kpi-segmented.empty-segments' | translate | async }}\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-segmented .axp-kpi-segmented__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-segmented .axp-kpi-segmented__total{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #d97706);background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-track{display:flex;width:100%;overflow:hidden;gap:clamp(.15rem,1cqi,.25rem);height:clamp(.75rem,4.5cqh,1.125rem);border-radius:999px;padding:2px;background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-part{flex-basis:0;min-width:.35rem;border-radius:999px;transition:flex-grow .45s ease-out;box-shadow:inset 0 1px #ffffff47}.axp-kpi-segmented .axp-kpi-segmented__legend{margin-top:auto;display:grid;min-height:0px;flex:1;gap:clamp(.375rem,2cqi,.625rem);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));align-content:end}.axp-kpi-segmented .axp-kpi-segmented__legend-item{display:flex;min-width:0px;flex-direction:column;gap:.2rem;padding:clamp(.375rem,2cqi,.5rem) clamp(.5rem,2.5cqi,.625rem);border-radius:.75rem;background:color-mix(in srgb,white 78%,transparent);border:1px solid var(--segment-color, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-item{border:1px solid color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 18%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-head{display:flex;min-width:0px;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-kpi-segmented .axp-kpi-segmented__legend-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 16%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-value{font-size:.9rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}.axp-kpi-segmented .axp-kpi-segmented__legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}@container kpi-widget (max-height: 150px){.axp-kpi-segmented__legend{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.25rem}.axp-kpi-segmented__legend-item{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}}@container kpi-widget (min-height: 220px){.axp-kpi-segmented__bar-track{height:clamp(.875rem,5cqh,1.25rem)}.axp-kpi-segmented__legend{gap:.625rem}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:var(--axp-kpi-accent, #d97706);border-color:var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{border-color:color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-value{color:#f1f5f9}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-label{color:#94a3b8}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-segmented axp-kpi-widget-card axp-kpi-widget-card--segmented\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-segmented__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ title() }}</div>\n          @if (hasSegments()) {\n            <div class=\"axp-kpi-segmented__total\">{{ segmentTotal() }}</div>\n          }\n        </div>\n\n        @if (hasSegments()) {\n          <div class=\"axp-kpi-segmented__bar-track\" role=\"img\" [attr.aria-label]=\"title()\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__bar-part\"\n                [style.flex-grow]=\"segment.value\"\n                [style.background-color]=\"segment.color\"\n                [attr.title]=\"segment.label + ': ' + segment.value\"\n              ></div>\n            }\n          </div>\n\n          <div class=\"axp-kpi-segmented__legend\">\n            @for (segment of segments(); track trackByLabel($index, segment)) {\n              <div\n                class=\"axp-kpi-segmented__legend-item\"\n                [style.--segment-color]=\"segment.color\"\n              >\n                <div class=\"axp-kpi-segmented__legend-head\">\n                  <span class=\"axp-kpi-segmented__legend-dot\" [style.background-color]=\"segment.color\"></span>\n                  <span class=\"axp-kpi-segmented__legend-value\">{{ segment.value }}</span>\n                </div>\n                <span class=\"axp-kpi-segmented__legend-label\">{{ segment.label }}</span>\n              </div>\n            }\n          </div>\n        }\n        <!-- ----- Empty state when no segments are configured ----- -->\n        @else if (showEmptyState()) {\n          <div class=\"axp-kpi-widget-card__empty\">\n            {{ '@dashboard:widgets.kpi-segmented.empty-segments' | translate | async }}\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-segmented .axp-kpi-segmented__header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3)}.axp-kpi-segmented .axp-kpi-segmented__total{border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.7rem;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:var(--axp-kpi-accent, #d97706);background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__total{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-track{display:flex;width:100%;overflow:hidden;gap:clamp(.15rem,1cqi,.25rem);height:clamp(.75rem,4.5cqh,1.125rem);border-radius:999px;padding:2px;background:var(--axp-kpi-accent, #d97706);border:1px solid var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 8%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__bar-track{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,white)}}.axp-kpi-segmented .axp-kpi-segmented__bar-part{flex-basis:0;min-width:.35rem;border-radius:999px;transition:flex-grow .45s ease-out;box-shadow:inset 0 1px #ffffff47}.axp-kpi-segmented .axp-kpi-segmented__legend{margin-top:auto;display:grid;min-height:0px;flex:1;gap:clamp(.375rem,2cqi,.625rem);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));align-content:end}.axp-kpi-segmented .axp-kpi-segmented__legend-item{display:flex;min-width:0px;flex-direction:column;gap:.2rem;padding:clamp(.375rem,2cqi,.5rem) clamp(.5rem,2.5cqi,.625rem);border-radius:.75rem;background:color-mix(in srgb,white 78%,transparent);border:1px solid var(--segment-color, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-item{border:1px solid color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 18%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-head{display:flex;min-width:0px;align-items:center;justify-content:center;gap:calc(var(--spacing, .25rem) * 1.5)}.axp-kpi-segmented .axp-kpi-segmented__legend-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-segmented .axp-kpi-segmented__legend-dot{box-shadow:0 0 0 2px color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 16%,white)}}.axp-kpi-segmented .axp-kpi-segmented__legend-value{font-size:.9rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-bold, 700);font-weight:var(--font-weight-bold, 700);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}.axp-kpi-segmented .axp-kpi-segmented__legend-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}@container kpi-widget (max-height: 150px){.axp-kpi-segmented__legend{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.25rem}.axp-kpi-segmented__legend-item{padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * 1.5)}}@container kpi-widget (min-height: 220px){.axp-kpi-segmented__bar-track{height:clamp(.875rem,5cqh,1.25rem)}.axp-kpi-segmented__legend{gap:.625rem}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:var(--axp-kpi-accent, #d97706);border-color:var(--axp-kpi-accent, #d97706)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{background:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 14%,#1e293b)}}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__bar-track{border-color:color-mix(in srgb,var(--axp-kpi-accent, #d97706) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--segment-color, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-item{border-color:color-mix(in srgb,var(--segment-color, var(--axp-kpi-accent)) 24%,#1e293b)}}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-value{color:#f1f5f9}:host-context(.dark) .axp-kpi-segmented .axp-kpi-segmented__legend-label{color:#94a3b8}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 var kpiSegmentedWidget_component = /*#__PURE__*/Object.freeze({
@@ -3644,11 +3644,11 @@ class AXPKpiDetailsWidgetViewComponent extends AXPDashboardWidgetComponent {
         })));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiDetailsWidgetViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiDetailsWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-details axp-kpi-widget-card axp-kpi-widget-card--details\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-details__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          @if (localized().subtitle) {\n            <span class=\"axp-kpi-widget-card__chip\">{{ localized().subtitle }}</span>\n          }\n        </div>\n\n        <div class=\"axp-kpi-details__hero\">\n          <div class=\"axp-kpi-details__value\">\n            {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n          </div>\n        </div>\n\n        @if (hasDetails()) {\n          <div class=\"axp-kpi-details__divider\" aria-hidden=\"true\">\n            <span class=\"axp-kpi-details__divider-line\"></span>\n            <span class=\"axp-kpi-details__divider-dot\"></span>\n            <span class=\"axp-kpi-details__divider-line\"></span>\n          </div>\n\n          <div class=\"axp-kpi-details__items\">\n            @for (item of detailItems(); track trackByLabel($index, item)) {\n              <div\n                class=\"axp-kpi-details__item\"\n                [style.--detail-accent]=\"item.color || null\"\n              >\n                <span class=\"axp-kpi-details__item-label\">{{ item.label }}</span>\n                <span\n                  class=\"axp-kpi-details__item-value\"\n                  [style.color]=\"item.color || null\"\n                >{{ item.value }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-details .axp-kpi-details__header{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details .axp-kpi-details__hero{display:flex;min-height:0px;flex:1;align-items:center;justify-content:center;padding-block:clamp(.125rem,2.5cqh,.625rem)}.axp-kpi-details .axp-kpi-details__value{margin:0;width:100%;text-align:center;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(28cqw,38cqh),4.5rem)}.axp-kpi-details .axp-kpi-details__divider{display:flex;width:100%;flex-shrink:0;align-items:center;gap:.5rem;margin-block:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-details .axp-kpi-details__divider-line{height:1px;flex:1;background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 16%,white)}}.axp-kpi-details .axp-kpi-details__divider-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:clamp(4px,1.5cqi,6px);height:clamp(4px,1.5cqi,6px);background:var(--axp-kpi-accent, #6366f1);box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 10%,white)}}.axp-kpi-details .axp-kpi-details__items{margin-top:auto;display:grid;gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:1fr}.axp-kpi-details .axp-kpi-details__item{position:relative;display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-start:calc(var(--spacing, .25rem) * 3);background:color-mix(in srgb,white 76%,transparent);border:1px solid var(--detail-accent, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__item{border:1px solid color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 14%,white)}}.axp-kpi-details .axp-kpi-details__item:before{content:\"\";position:absolute;inset-block:.35rem;inset-inline-start:0;width:3px;border-radius:0 2px 2px 0;background:var(--detail-accent, var(--axp-kpi-accent, #6366f1));opacity:.85}.axp-kpi-details .axp-kpi-details__item-label{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-details .axp-kpi-details__item-value{flex-shrink:0;font-size:.82rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}@container kpi-widget (max-height: 140px){.axp-kpi-details__hero{flex:none;padding-block:0px}.axp-kpi-details__value{font-size:clamp(1.35rem,min(22cqw,30cqh),2rem);text-align:start}.axp-kpi-details__divider{display:none}.axp-kpi-details__items{gap:var(--spacing, .25rem)}.axp-kpi-details__item{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);padding-inline-start:calc(var(--spacing, .25rem) * 2.5)}}@container kpi-widget (min-height: 200px){.axp-kpi-details__items{gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details__item{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 14%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--detail-accent, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{border-color:color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item-value{color:#f1f5f9}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.8", type: AXPKpiDetailsWidgetViewComponent, isStandalone: true, selector: "ng-component", usesInheritance: true, ngImport: i0, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-details axp-kpi-widget-card axp-kpi-widget-card--details\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-details__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          @if (localized().subtitle) {\n            <span class=\"axp-kpi-widget-card__chip\">{{ localized().subtitle }}</span>\n          }\n        </div>\n\n        <div class=\"axp-kpi-details__hero\">\n          <div class=\"axp-kpi-details__value\">\n            {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n          </div>\n        </div>\n\n        @if (hasDetails()) {\n          <div class=\"axp-kpi-details__divider\" aria-hidden=\"true\">\n            <span class=\"axp-kpi-details__divider-line\"></span>\n            <span class=\"axp-kpi-details__divider-dot\"></span>\n            <span class=\"axp-kpi-details__divider-line\"></span>\n          </div>\n\n          <div class=\"axp-kpi-details__items\">\n            @for (item of detailItems(); track trackByLabel($index, item)) {\n              <div\n                class=\"axp-kpi-details__item\"\n                [style.--detail-accent]=\"item.color || null\"\n              >\n                <span class=\"axp-kpi-details__item-label\">{{ item.label }}</span>\n                <span\n                  class=\"axp-kpi-details__item-value\"\n                  [style.color]=\"item.color || null\"\n                >{{ item.value }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-details .axp-kpi-details__header{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details .axp-kpi-details__hero{display:flex;min-height:0px;flex:1;align-items:center;justify-content:center;padding-block:clamp(.125rem,2.5cqh,.625rem)}.axp-kpi-details .axp-kpi-details__value{margin:0;width:100%;text-align:center;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(28cqw,38cqh),4.5rem)}.axp-kpi-details .axp-kpi-details__divider{display:flex;width:100%;flex-shrink:0;align-items:center;gap:.5rem;margin-block:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-details .axp-kpi-details__divider-line{height:1px;flex:1;background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 16%,white)}}.axp-kpi-details .axp-kpi-details__divider-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:clamp(4px,1.5cqi,6px);height:clamp(4px,1.5cqi,6px);background:var(--axp-kpi-accent, #6366f1);box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 10%,white)}}.axp-kpi-details .axp-kpi-details__items{margin-top:auto;display:grid;gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:1fr}.axp-kpi-details .axp-kpi-details__item{position:relative;display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-start:calc(var(--spacing, .25rem) * 3);background:color-mix(in srgb,white 76%,transparent);border:1px solid var(--detail-accent, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__item{border:1px solid color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 14%,white)}}.axp-kpi-details .axp-kpi-details__item:before{content:\"\";position:absolute;inset-block:.35rem;inset-inline-start:0;width:3px;border-radius:0 2px 2px 0;background:var(--detail-accent, var(--axp-kpi-accent, #6366f1));opacity:.85}.axp-kpi-details .axp-kpi-details__item-label{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-details .axp-kpi-details__item-value{flex-shrink:0;font-size:.82rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}@container kpi-widget (max-height: 140px){.axp-kpi-details__hero{flex:none;padding-block:0px}.axp-kpi-details__value{font-size:clamp(1.35rem,min(22cqw,30cqh),2rem);text-align:start}.axp-kpi-details__divider{display:none}.axp-kpi-details__items{gap:var(--spacing, .25rem)}.axp-kpi-details__item{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);padding-inline-start:calc(var(--spacing, .25rem) * 2.5)}}@container kpi-widget (min-height: 200px){.axp-kpi-details__items{gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details__item{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 14%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--detail-accent, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{border-color:color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item-value{color:#f1f5f9}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: AXPChartQueryTabsComponent, selector: "axp-chart-query-tabs", inputs: ["tabs", "activeIndex"], outputs: ["activeIndexChange"] }, { kind: "ngmodule", type: AXLoadingModule }, { kind: "component", type: i1$1.AXLoadingComponent, selector: "ax-loading", inputs: ["visible", "type", "context"], outputs: ["visibleChange"] }, { kind: "ngmodule", type: AXTranslationModule }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.AXTranslatorPipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: AXPKpiDetailsWidgetViewComponent, decorators: [{
             type: Component,
-            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-details axp-kpi-widget-card axp-kpi-widget-card--details\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-details__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          @if (localized().subtitle) {\n            <span class=\"axp-kpi-widget-card__chip\">{{ localized().subtitle }}</span>\n          }\n        </div>\n\n        <div class=\"axp-kpi-details__hero\">\n          <div class=\"axp-kpi-details__value\">\n            {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n          </div>\n        </div>\n\n        @if (hasDetails()) {\n          <div class=\"axp-kpi-details__divider\" aria-hidden=\"true\">\n            <span class=\"axp-kpi-details__divider-line\"></span>\n            <span class=\"axp-kpi-details__divider-dot\"></span>\n            <span class=\"axp-kpi-details__divider-line\"></span>\n          </div>\n\n          <div class=\"axp-kpi-details__items\">\n            @for (item of detailItems(); track trackByLabel($index, item)) {\n              <div\n                class=\"axp-kpi-details__item\"\n                [style.--detail-accent]=\"item.color || null\"\n              >\n                <span class=\"axp-kpi-details__item-label\">{{ item.label }}</span>\n                <span\n                  class=\"axp-kpi-details__item-value\"\n                  [style.color]=\"item.color || null\"\n                >{{ item.value }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-details .axp-kpi-details__header{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details .axp-kpi-details__hero{display:flex;min-height:0px;flex:1;align-items:center;justify-content:center;padding-block:clamp(.125rem,2.5cqh,.625rem)}.axp-kpi-details .axp-kpi-details__value{margin:0;width:100%;text-align:center;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(28cqw,38cqh),4.5rem)}.axp-kpi-details .axp-kpi-details__divider{display:flex;width:100%;flex-shrink:0;align-items:center;gap:.5rem;margin-block:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-details .axp-kpi-details__divider-line{height:1px;flex:1;background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 16%,white)}}.axp-kpi-details .axp-kpi-details__divider-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:clamp(4px,1.5cqi,6px);height:clamp(4px,1.5cqi,6px);background:var(--axp-kpi-accent, #6366f1);box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 10%,white)}}.axp-kpi-details .axp-kpi-details__items{margin-top:auto;display:grid;gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:1fr}.axp-kpi-details .axp-kpi-details__item{position:relative;display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-start:calc(var(--spacing, .25rem) * 3);background:color-mix(in srgb,white 76%,transparent);border:1px solid var(--detail-accent, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__item{border:1px solid color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 14%,white)}}.axp-kpi-details .axp-kpi-details__item:before{content:\"\";position:absolute;inset-block:.35rem;inset-inline-start:0;width:3px;border-radius:0 2px 2px 0;background:var(--detail-accent, var(--axp-kpi-accent, #6366f1));opacity:.85}.axp-kpi-details .axp-kpi-details__item-label{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-details .axp-kpi-details__item-value{flex-shrink:0;font-size:.82rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}@container kpi-widget (max-height: 140px){.axp-kpi-details__hero{flex:none;padding-block:0px}.axp-kpi-details__value{font-size:clamp(1.35rem,min(22cqw,30cqh),2rem);text-align:start}.axp-kpi-details__divider{display:none}.axp-kpi-details__items{gap:var(--spacing, .25rem)}.axp-kpi-details__item{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);padding-inline-start:calc(var(--spacing, .25rem) * 2.5)}}@container kpi-widget (min-height: 200px){.axp-kpi-details__items{gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details__item{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 14%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--detail-accent, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{border-color:color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item-value{color:#f1f5f9}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
+            args: [{ imports: [CommonModule, AXPChartQueryTabsComponent, AXLoadingModule, AXTranslationModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"axp-chart-widget-host flex flex-col h-full min-h-0\">\n  <axp-chart-query-tabs\n    [tabs]=\"queryTabs()\"\n    [activeIndex]=\"activeTabIndex()\"\n    (activeIndexChange)=\"selectQueryTab($event)\"\n  />\n  <div class=\"axp-chart-widget-host__body flex-1 min-h-0\">\n    <div\n      class=\"axp-kpi-details axp-kpi-widget-card axp-kpi-widget-card--details\"\n      [attr.data-grid-size]=\"gridSizeToken()\"\n    >\n      <!-- ----- Loading overlay while query data is fetched ----- -->\n      @if (showQueryLoading()) {\n        <div class=\"axp-kpi-widget-card__loading\" aria-busy=\"true\">\n          <ax-loading></ax-loading>\n        </div>\n      }\n      <div class=\"axp-kpi-widget-card__body\">\n        <div class=\"axp-kpi-details__header\">\n          <div class=\"axp-kpi-widget-card__title\">{{ localized().title }}</div>\n          @if (localized().subtitle) {\n            <span class=\"axp-kpi-widget-card__chip\">{{ localized().subtitle }}</span>\n          }\n        </div>\n\n        <div class=\"axp-kpi-details__hero\">\n          <div class=\"axp-kpi-details__value\">\n            {{ localized().valuePrefix }}{{ formattedValue() }}{{ localized().valueSuffix }}\n          </div>\n        </div>\n\n        @if (hasDetails()) {\n          <div class=\"axp-kpi-details__divider\" aria-hidden=\"true\">\n            <span class=\"axp-kpi-details__divider-line\"></span>\n            <span class=\"axp-kpi-details__divider-dot\"></span>\n            <span class=\"axp-kpi-details__divider-line\"></span>\n          </div>\n\n          <div class=\"axp-kpi-details__items\">\n            @for (item of detailItems(); track trackByLabel($index, item)) {\n              <div\n                class=\"axp-kpi-details__item\"\n                [style.--detail-accent]=\"item.color || null\"\n              >\n                <span class=\"axp-kpi-details__item-label\">{{ item.label }}</span>\n                <span\n                  class=\"axp-kpi-details__item-value\"\n                  [style.color]=\"item.color || null\"\n                >{{ item.value }}</span>\n              </div>\n            }\n          </div>\n        }\n\n        <!-- ----- Query error hint ----- -->\n        @if (showQueryError()) {\n          <p class=\"axp-kpi-widget-card__error\">\n            {{ '@dashboard:widgets.kpi-shared.query-error' | translate | async }}\n          </p>\n        }\n      </div>\n    </div>\n  </div>\n</div>\n", styles: ["@layer properties;:host{display:block;width:100%;height:100%;min-height:0px;overflow:hidden}:host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;overflow:visible;min-block-size:0}.axp-chart-widget-host{display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;gap:var(--spacing, .25rem)}.axp-chart-widget-host:has(.axp-chart-widget-host__chart--heatmap){block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body{display:flex;min-height:0px;flex:1;flex-direction:column;gap:var(--spacing, .25rem);padding-bottom:calc(var(--spacing, .25rem) * 2)}.axp-chart-widget-host__body:not(.axp-chart-widget-host__body--with-legend)>.axp-chart-widget-host__chart--radial{flex:1 1 auto}.axp-chart-widget-host__body--with-legend{min-height:0px;flex:1;gap:var(--spacing, .25rem);display:grid;grid-template-rows:minmax(0,1fr) auto}.axp-chart-widget-host__chart{position:relative;min-height:calc(var(--spacing, .25rem) * 64);width:100%;overflow:hidden;grid-row:1}.axp-chart-widget-host__chart--radial{position:relative;margin-inline:auto;align-self:center;justify-self:center;overflow:hidden;grid-row:1;flex:0 0 auto;height:auto;width:min(100%,18rem);max-width:100%;min-height:12rem;min-width:8rem;aspect-ratio:1 / 1}.axp-chart-widget-host__chart--funnel{position:relative;width:100%;overflow:hidden;block-size:20rem;flex:0 0 auto;max-block-size:24rem;min-block-size:16rem}.axp-chart-widget-host__chart--funnel ax-funnel-chart,.axp-chart-widget-host__chart--funnel .ax-funnel-chart-container{display:block;block-size:100%;inline-size:100%;min-block-size:0}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--funnel){flex:none}.axp-chart-widget-host__chart--heatmap{position:relative;width:100%;max-width:100%;inline-size:100%;block-size:auto;flex:0 0 auto;overflow:visible;min-height:0!important;min-block-size:0!important;max-block-size:none}.axp-chart-widget-host__chart--heatmap ax-heatmap-chart,.axp-chart-widget-host__chart--heatmap .ax-heatmap-chart-container{display:block;inline-size:100%;max-inline-size:100%;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__body:has(.axp-chart-widget-host__chart--heatmap){flex:none;block-size:auto;min-block-size:0;overflow:visible}.axp-chart-widget-host__legend{width:100%;flex:none;grid-row:2;min-height:0;min-width:0;max-width:100%;display:flex;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgb(var(--ax-sys-color-border-lighter-surface)) transparent}:host ::ng-deep ax-chart-legend{display:block!important;height:auto!important;max-height:none;width:max-content;min-width:100%;max-width:none}:host ::ng-deep .ax-chart-legend{--ax-legend-bg: var(--ax-sys-color-lighter-surface);--ax-legend-text: var(--ax-sys-color-on-lighter-surface);--ax-legend-border: var(--ax-sys-color-border-lighter-surface);--ax-legend-radius: .625rem;--ax-legend-padding: .375rem .5rem;--ax-legend-gap: .375rem;--ax-legend-item-height: auto;height:auto;max-height:none;width:100%;overflow:visible;padding:var(--ax-legend-padding);gap:var(--ax-legend-gap);color:rgb(var(--ax-legend-text))}:host ::ng-deep .ax-chart-legend.ax-legend-horizontal{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:max-content;min-width:100%;max-width:none;overflow:visible;border:none;background:transparent;background-color:transparent;padding:.125rem .75rem .7rem;gap:.5rem}:host ::ng-deep .ax-legend-item{align-items:center;flex-shrink:0;gap:.375rem;height:auto;min-height:1.5rem;padding-block:.2rem;padding-inline:.5rem;border-radius:9999px;border:1px solid rgb(var(--ax-sys-color-border-lightest-surface));background-color:rgb(var(--ax-sys-color-lightest-surface));white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}:host ::ng-deep .ax-legend-item:hover{border-color:rgb(var(--ax-sys-color-primary-500));background-color:rgb(var(--ax-sys-color-primary-500));box-shadow:0 1px 2px #0f172a0f}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{border-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 35%,rgb(var(--ax-sys-color-border-lightest-surface)))}}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-item:hover{background-color:color-mix(in srgb,rgb(var(--ax-sys-color-primary-500)) 6%,rgb(var(--ax-sys-color-lightest-surface)))}}:host ::ng-deep .ax-legend-item:active{transform:scale(.98)}:host ::ng-deep .ax-legend-item.ax-legend-item-hidden{opacity:.62}:host ::ng-deep .ax-legend-color{width:.625rem;height:.625rem;flex-shrink:0;border-radius:9999px;box-shadow:0 0 0 1px rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-color{box-shadow:0 0 0 1px color-mix(in srgb,rgb(var(--ax-legend-text)) 18%,transparent)}}:host ::ng-deep .ax-legend-name{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);max-width:9rem;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .ax-legend-value{font-size:var(--text-xs, .75rem);line-height:var(--tw-leading, var(--text-xs--line-height, calc(1 / .75)));--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);margin-inline-start:0;opacity:1;color:rgb(var(--ax-sys-color-on-lightest-surface))}:host ::ng-deep .ax-legend-percentage{margin-inline-start:0;border-radius:9999px;padding-inline:.4rem;padding-block:.125rem;font-size:.6875rem;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;background-color:rgb(var(--ax-legend-text))}@supports (color: color-mix(in lab,red,red)){:host ::ng-deep .ax-legend-percentage{background-color:color-mix(in srgb,rgb(var(--ax-legend-text)) 12%,transparent)}}:host ::ng-deep ax-donut-chart,:host ::ng-deep ax-gauge-chart,:host ::ng-deep ax-bar-chart,:host ::ng-deep ax-line-chart,:host ::ng-deep ax-funnel-chart{display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}:host ::ng-deep ax-donut-chart .ax-donut-chart,:host ::ng-deep ax-gauge-chart .ax-gauge-chart,:host ::ng-deep ax-bar-chart .ax-bar-chart,:host ::ng-deep ax-line-chart .ax-line-chart,:host ::ng-deep ax-funnel-chart .ax-funnel-chart-container{min-height:0!important;height:100%!important;width:100%!important;padding:.25rem!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap ax-heatmap-chart .ax-heatmap-chart-container,:host ::ng-deep .axp-chart-widget-host__chart--heatmap .ax-heatmap-chart{min-height:0!important;height:auto!important;width:100%!important;max-width:100%!important;padding:.25rem!important;overflow:visible!important}:host ::ng-deep .axp-chart-widget-host__chart--heatmap svg{display:block;width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}:host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host:has(.ax-chart-empty){block-size:100%;overflow:hidden}.axp-chart-widget-host__body:has(.ax-chart-empty){flex:1 1 auto;min-block-size:0;overflow:hidden}.axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty){flex:1 1 auto;block-size:100%;min-block-size:16rem!important;overflow:hidden}:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart,:host ::ng-deep .axp-chart-widget-host__chart--heatmap:has(.ax-chart-empty) ax-heatmap-chart .ax-heatmap-chart-container{display:block!important;width:100%!important;max-width:100%!important;height:100%!important;min-height:16rem!important;max-height:none!important;overflow:hidden!important}.axp-kpi-widget-card{container-type:size;container-name:kpi-widget;--axp-kpi-card-shadow: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 4px rgba(15, 23, 42, .04);position:relative;box-sizing:border-box;display:flex;height:100%;min-height:0px;width:100%;flex-direction:column;overflow:hidden;border-radius:var(--radius-2xl, 1rem);padding:clamp(.625rem,3cqi,.875rem) clamp(.75rem,3.5cqi,1rem);border:1px solid var(--axp-kpi-card-border, rgb(var(--ax-sys-color-border-lightest-surface)));background:var( --axp-kpi-card-bg, linear-gradient(145deg, rgb(var(--ax-sys-color-lightest-surface)) 0%, rgb(var(--ax-sys-color-lighter-surface)) 100%) );box-shadow:var(--axp-kpi-card-shadow);-webkit-font-smoothing:antialiased}.axp-kpi-widget-card:before{content:\"\";position:absolute;inset-inline-end:-18%;top:-28%;width:58%;height:78%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 72%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:before{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 14%,transparent) 0%,transparent 72%)}}.axp-kpi-widget-card:after{content:\"\";position:absolute;inset-inline-start:-12%;bottom:-22%;width:42%;height:55%;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 0%,transparent 70%)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card:after{background:radial-gradient(circle at center,color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 8%,transparent) 0%,transparent 70%)}}.axp-kpi-widget-card__body{position:relative;z-index:1;display:flex;min-height:0px;flex:1;flex-direction:column;gap:clamp(.375rem,2.5cqi,.625rem)}.axp-kpi-widget-card__loading{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2xl, 1rem);background:rgb(var(--ax-sys-color-lightest-surface));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__loading{background:color-mix(in srgb,rgb(var(--ax-sys-color-lightest-surface)) 82%,transparent)}}.axp-kpi-widget-card__loading ax-loading{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}.axp-kpi-widget-card__error{margin-top:auto;font-size:.7rem;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:rgb(var(--ax-sys-color-danger-600))}.axp-kpi-widget-card__empty{display:flex;min-height:2.5rem;flex:1;align-items:center;justify-content:center;color:rgba(var(--ax-sys-color-on-surface));padding-inline:calc(var(--spacing, .25rem) * 2);text-align:center;font-size:.78rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500)}.axp-kpi-widget-card__title{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-leading: var(--leading-snug, 1.375);line-height:var(--leading-snug, 1.375);--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);font-size:clamp(.75rem,min(4cqi,4.5cqh),.875rem);color:#334155;letter-spacing:.01em}.axp-kpi-widget-card__chip{display:inline-flex;flex-shrink:0;align-items:center;border-radius:calc(infinity * 1px);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:calc(var(--spacing, .25rem) * .5);font-size:.65rem;--tw-leading: 1;line-height:1;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-tracking: var(--tracking-wide, .025em);letter-spacing:var(--tracking-wide, .025em);color:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-700)));background:var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)));border:1px solid var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500)))}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{background:color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 12%,white)}}@supports (color: color-mix(in lab,red,red)){.axp-kpi-widget-card__chip{border:1px solid color-mix(in srgb,var(--axp-kpi-accent, rgb(var(--ax-sys-color-primary-500))) 18%,white)}}.axp-kpi-widget-card--details{--axp-kpi-accent: #6366f1;--axp-kpi-card-border: #e0e7ff;--axp-kpi-card-bg: linear-gradient(145deg, #fafaff 0%, #f3f4ff 52%, #eef2ff 100%)}.axp-kpi-widget-card--progress{--axp-kpi-accent: #0d9488;--axp-kpi-card-border: #ccfbf1;--axp-kpi-card-bg: linear-gradient(145deg, #f7fffe 0%, #ecfdf9 52%, #e6faf5 100%)}.axp-kpi-widget-card--segmented{--axp-kpi-accent: #d97706;--axp-kpi-card-border: #fde8c8;--axp-kpi-card-bg: linear-gradient(145deg, #fffbf5 0%, #fff7ed 52%, #ffedd5 100%)}.axp-kpi-widget-card[data-grid-size=\"1x1\"]{padding:.5rem .625rem}.axp-kpi-widget-card[data-grid-size=\"1x2\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x3\"] .axp-kpi-widget-card__body,.axp-kpi-widget-card[data-grid-size=\"1x4\"] .axp-kpi-widget-card__body{justify-content:center}.axp-kpi-widget-card[data-grid-size=\"3x2\"] .axp-kpi-segmented__legend,.axp-kpi-widget-card[data-grid-size=\"4x3\"] .axp-kpi-details__items{grid-template-columns:repeat(2,minmax(0,1fr))}.axp-kpi-progress__bar-fill--success{background:linear-gradient(90deg,rgb(var(--ax-sys-color-success-300)),rgb(var(--ax-sys-color-success-500)))}.axp-kpi-progress__bar-fill--primary{background:linear-gradient(90deg,rgb(var(--ax-sys-color-primary-300)),rgb(var(--ax-sys-color-primary-500)))}.axp-kpi-progress__bar-fill--warning{background:linear-gradient(90deg,rgb(var(--ax-sys-color-warning-300)),rgb(var(--ax-sys-color-warning-500)))}.axp-kpi-progress__bar-fill--danger{background:linear-gradient(90deg,rgb(var(--ax-sys-color-danger-300)),rgb(var(--ax-sys-color-danger-500)))}:host-context(.dark) .axp-kpi-widget-card{--axp-kpi-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), 0 1px 3px rgba(0, 0, 0, .16)}:host-context(.dark) .axp-kpi-widget-card--details{--axp-kpi-card-border: rgba(129, 140, 248, .28);--axp-kpi-card-bg: linear-gradient(145deg, #2a2d3d 0%, #252836 52%, #222530 100%)}:host-context(.dark) .axp-kpi-widget-card--progress{--axp-kpi-card-border: rgba(45, 212, 191, .22);--axp-kpi-card-bg: linear-gradient(145deg, #243330 0%, #1f2e2c 52%, #1c2928 100%)}:host-context(.dark) .axp-kpi-widget-card--segmented{--axp-kpi-card-border: rgba(251, 191, 36, .22);--axp-kpi-card-bg: linear-gradient(145deg, #332c24 0%, #2d2820 52%, #29241e 100%)}:host-context(.dark) .axp-kpi-widget-card__title{color:#e2e8f0}:host{display:block;width:100%;height:100%;min-height:0px}.axp-kpi-details .axp-kpi-details__header{display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details .axp-kpi-details__hero{display:flex;min-height:0px;flex:1;align-items:center;justify-content:center;padding-block:clamp(.125rem,2.5cqh,.625rem)}.axp-kpi-details .axp-kpi-details__value{margin:0;width:100%;text-align:center;font-variant-numeric:tabular-nums;line-height:.92;letter-spacing:-.04em;font-weight:300;color:#0f172a;font-size:clamp(1.75rem,min(28cqw,38cqh),4.5rem)}.axp-kpi-details .axp-kpi-details__divider{display:flex;width:100%;flex-shrink:0;align-items:center;gap:.5rem;margin-block:clamp(.125rem,1.5cqi,.25rem)}.axp-kpi-details .axp-kpi-details__divider-line{height:1px;flex:1;background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 16%,white)}}.axp-kpi-details .axp-kpi-details__divider-dot{flex-shrink:0;border-radius:calc(infinity * 1px);width:clamp(4px,1.5cqi,6px);height:clamp(4px,1.5cqi,6px);background:var(--axp-kpi-accent, #6366f1);box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 10%,white)}}.axp-kpi-details .axp-kpi-details__items{margin-top:auto;display:grid;gap:calc(var(--spacing, .25rem) * 1.5);grid-template-columns:1fr}.axp-kpi-details .axp-kpi-details__item{position:relative;display:flex;min-width:0px;align-items:center;justify-content:space-between;gap:calc(var(--spacing, .25rem) * 3);overflow:hidden;border-radius:var(--radius-xl, .75rem);padding-inline:calc(var(--spacing, .25rem) * 2.5);padding-block:calc(var(--spacing, .25rem) * 1.5);padding-inline-start:calc(var(--spacing, .25rem) * 3);background:color-mix(in srgb,white 76%,transparent);border:1px solid var(--detail-accent, var(--axp-kpi-accent));box-shadow:0 1px 2px #0f172a0a}@supports (color: color-mix(in lab,red,red)){.axp-kpi-details .axp-kpi-details__item{border:1px solid color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 14%,white)}}.axp-kpi-details .axp-kpi-details__item:before{content:\"\";position:absolute;inset-block:.35rem;inset-inline-start:0;width:3px;border-radius:0 2px 2px 0;background:var(--detail-accent, var(--axp-kpi-accent, #6366f1));opacity:.85}.axp-kpi-details .axp-kpi-details__item-label{min-width:0px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:#64748b}.axp-kpi-details .axp-kpi-details__item-value{flex-shrink:0;font-size:.82rem;--tw-font-weight: var(--font-weight-semibold, 600);font-weight:var(--font-weight-semibold, 600);--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);color:#0f172a}@container kpi-widget (max-height: 140px){.axp-kpi-details__hero{flex:none;padding-block:0px}.axp-kpi-details__value{font-size:clamp(1.35rem,min(22cqw,30cqh),2rem);text-align:start}.axp-kpi-details__divider{display:none}.axp-kpi-details__items{gap:var(--spacing, .25rem)}.axp-kpi-details__item{border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 2);padding-block:var(--spacing, .25rem);padding-inline-start:calc(var(--spacing, .25rem) * 2.5)}}@container kpi-widget (min-height: 200px){.axp-kpi-details__items{gap:calc(var(--spacing, .25rem) * 2)}.axp-kpi-details__item{padding-inline:calc(var(--spacing, .25rem) * 3);padding-block:calc(var(--spacing, .25rem) * 2);padding-inline-start:calc(var(--spacing, .25rem) * 3.5)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__value{color:#f1f5f9}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-line{background:color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px var(--axp-kpi-accent, #6366f1)}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__divider-dot{box-shadow:0 0 0 3px color-mix(in srgb,var(--axp-kpi-accent, #6366f1) 14%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{background:color-mix(in srgb,#1e293b 82%,transparent);border-color:var(--detail-accent, var(--axp-kpi-accent))}@supports (color: color-mix(in lab,red,red)){:host-context(.dark) .axp-kpi-details .axp-kpi-details__item{border-color:color-mix(in srgb,var(--detail-accent, var(--axp-kpi-accent)) 22%,#1e293b)}}:host-context(.dark) .axp-kpi-details .axp-kpi-details__item-value{color:#f1f5f9}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-ordinal{syntax: \"*\"; inherits: false;}@property --tw-slashed-zero{syntax: \"*\"; inherits: false;}@property --tw-numeric-figure{syntax: \"*\"; inherits: false;}@property --tw-numeric-spacing{syntax: \"*\"; inherits: false;}@property --tw-numeric-fraction{syntax: \"*\"; inherits: false;}@property --tw-scale-x{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: \"*\"; inherits: false; initial-value: 1;}@property --tw-leading{syntax: \"*\"; inherits: false;}@property --tw-tracking{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight: initial;--tw-ordinal: initial;--tw-slashed-zero: initial;--tw-numeric-figure: initial;--tw-numeric-spacing: initial;--tw-numeric-fraction: initial;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-leading: initial;--tw-tracking: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 var kpiDetailsWidget_component = /*#__PURE__*/Object.freeze({
@@ -7315,7 +7315,7 @@ class AXMDashboardManagementModule {
                 useValue: dashboardScopeMiddleware,
                 multi: true,
             },
-            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-dashboard-management-client-index-P-PzUrbN.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+            provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-dashboard-management-client-index-z10pHL3b.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
             provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
         ], imports: [AXPWidgetCoreModule] }); }
 }
@@ -7366,7 +7366,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                             useValue: dashboardScopeMiddleware,
                             multi: true,
                         },
-                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-dashboard-management-client-index-P-PzUrbN.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
+                        provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => import('./acorex-platform-module-dashboard-management-client-index-z10pHL3b.mjs').then((m) => m.AXMDashboardLayoutPageComponentProvider)),
                         provideLazyProvider(AXP_PAGE_COMPONENT_PROVIDER, () => Promise.resolve().then(function () { return entityDashboardPageComponent_provider; }).then((m) => m.AXMEntityDashboardPageComponentProvider)),
                     ],
                 }]
@@ -7909,4 +7909,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
  */
 
 export { AXP_DASHBOARD_SHARED_SUB_UTILITY_NOTES as $, AXP_CHART_CONFIGURATOR_DEFAULT_TYPE as A, AXPDonutChartWidget as B, AXPFunnelChartWidget as C, DASHBOARD_LAYOUT_ENTITY_MODE as D, AXPGaugeChartWidget as E, AXPHeatmapChartWidget as F, AXPKpiDetailsWidget as G, AXPKpiDetailsWidgetViewComponent as H, AXPKpiProgressWidget as I, AXPKpiProgressWidgetViewComponent as J, AXPKpiSegmentedWidget as K, AXPKpiSegmentedWidgetViewComponent as L, AXPKpiStatCardWidget as M, AXPKpiStatCardWidgetViewComponent as N, AXPLineChartWidget as O, AXPShortcutWidget as P, AXPShortcutWidgetViewComponent as Q, AXPStickyNoteWidget as R, AXPStickyNoteWidgetViewComponent as S, AXP_CHART_FUNNEL_DIMENSIONS as T, AXP_CHART_GAUGE_DIMENSIONS as U, AXP_CHART_SQUARE_DIMENSIONS as V, AXP_CHART_WIDE_DIMENSIONS as W, AXP_DASHBOARD_SHARED_SUB_CHART_CARTESIAN as X, AXP_DASHBOARD_SHARED_SUB_CHART_KPI as Y, AXP_DASHBOARD_SHARED_SUB_CHART_RADIAL as Z, AXP_DASHBOARD_SHARED_SUB_CHART_SPECIALIZED as _, chartTypeUsesAxisLabels as a, AXP_DASHBOARD_SHARED_SUB_UTILITY_SHORTCUT as a0, AXP_DASHBOARD_SHARED_SUB_UTILITY_TIME as a1, AXP_DASHBOARD_SHARED_SUB_UTILITY_WEATHER as a2, AXP_KPI_DETAILS_DIMENSIONS as a3, DASHBOARD_WIDGET_GRID_HEIGHT_OPTION as a4, DASHBOARD_WIDGET_GRID_WIDTH_OPTION as a5, AXP_KPI_PROGRESS_SEGMENTED_DIMENSIONS as a6, AXP_KPI_STANDARD_DIMENSIONS as a7, AXP_KPI_STAT_CARD_DIMENSIONS as a8, AXP_UTILITY_CLOCK_CALENDAR_DIMENSIONS as a9, isStickyNoteEmpty as aA, layoutFromDimensions as aB, loadKpiQueryResult as aC, normalizeKpiPercent as aD, readChartTabQuery as aE, readDashboardEntityContext as aF, readDashboardGridSizeToken as aG, resolveDashboardLayoutNode as aH, resolveDashboardMetaDimensionsForBreakpoint as aI, resolveDashboardMetaLayoutNode as aJ, resolveKpiIconToneTheme as aK, resolveKpiIconToneValueColor as aL, resolveKpiProgressBarTone as aM, resolveKpiSegmentPaletteColor as aN, resolveKpiText as aO, resolveStickyNoteBackgroundColor as aP, resolveStickyNoteLayoutVariant as aQ, resolveStickyNoteMutedTextColor as aR, resolveStickyNoteText as aS, resolveStickyNoteTextColor as aT, resolveTimeZoneCode as aU, shouldShowStickyNoteEmptyHint as aV, stripHtmlToPlainText as aW, withDashboardGridSizeOptions as aX, AXP_UTILITY_COMPACT_SQUARE_DIMENSIONS as aa, AXP_UTILITY_SHORTCUT_DIMENSIONS as ab, AXP_UTILITY_WEATHER_DIMENSIONS as ac, AXP_WIDGETS_CHART_CATEGORY as ad, AXP_WIDGETS_UTILITY_CATEGORY as ae, STICKY_NOTE_COLOR_PRESETS as af, STICKY_NOTE_DEFAULT_BACKGROUND as ag, areChartCardTabsConfigured as ah, buildDashboardChartCardWidget as ai, buildDashboardChartWidget as aj, buildDashboardChartWidgetWithQuery as ak, buildDashboardClockCalendar as al, buildDashboardKpiStatCard as am, buildDashboardKpiTile as an, buildDashboardShortcut as ao, buildDashboardStickyNote as ap, buildDashboardWeatherWidget as aq, buildDashboardWidgetsContext as ar, chartResultTypeForWidget as as, defineDashboardWidgetDimensions as at, enrichDashboardLayoutNode as au, formatDashboardGridSizeToken as av, formatKpiValue as aw, formatUtcOffsetLabel as ax, getIanaTimeZoneOffsetMinutes as ay, hasKpiQueryConfigured as az, AXMDashboardStore as b, chartTypeUsesColorRules as c, AXMDashboardGridLayoutSectionComponent as d, AXPDashboardWidgetComponent as e, resolveChartQueryTabs as f, AXPChartQueryTabsComponent as g, asChartTabWidgetNode as h, isChartTabConfigured as i, readChartTabTitle as j, fetchChartQueryResult as k, applyChartColorRulesFromOptions as l, AXMAddDashboardPopup as m, AXMChartConfiguratorWidget as n, optionsAfterChartTypeSwitch as o, AXMConfigurationPopup as p, AXMDashboardHomeComponent as q, readStashedChartAppearance as r, AXMDashboardManagementModule as s, AXMDashboardPopupService as t, AXMDashboardWidgetWrapperComponent as u, AXPBarChartWidget as v, AXPChartCardWidget as w, AXPClockCalendarWidget as x, AXPClockCalendarWidgetViewComponent as y, AXPDASHBOARD_ENTITY_CONTEXT_KEY as z };
-//# sourceMappingURL=acorex-platform-module-dashboard-management-client-acorex-platform-module-dashboard-management-client-Ey27MqFo.mjs.map
+//# sourceMappingURL=acorex-platform-module-dashboard-management-client-acorex-platform-module-dashboard-management-client-61Q_QY8l.mjs.map