udp-stencil-component-library 26.3.0-beta.2 → 26.3.0-beta.21

package/dist/collection/components/charts/udp-charts-example.js

@@ -1,10 +1,23 @@
 import { h, Host } from "@stencil/core";
+const mockBarOptions = {
+    data: [
+        { country: 'USA', value: 1840 },
+        { country: 'China', value: 1620 },
+        { country: 'Japan', value: 920 },
+        { country: 'Germany', value: 780 },
+    ],
+    series: [{ type: 'bar', xKey: 'country', yKey: 'value' }],
+    axes: {
+        x: { type: 'category', position: 'bottom' },
+        y: { type: 'number', position: 'left' },
+    },
+};
 /**
- * component used to render examples of all the charts. Mostly used for dev purposes
+ * Component used to render examples of all the charts. Mostly used for dev purposes.
  */
 export class UdpChartsExample {
     render() {
-        return (h(Host, { key: '4324f759db05c95ade1615e6a55ab42876f730e0', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: '9323d139a7a84f77e22ed2b0cc17a2f8ab6c5e62', kpisPosition: 'top' }), h("udp-distribution-chart", { key: '4a495563f91ee2610e606e6eef5ba50cd445b899' }), h("udp-bar-chart", { key: '126fc24bbbb32a43ec7ff440d3dce66f9b130b7e' }), h("udp-line-chart", { key: '4279ee5b883e948d7cbdd726d5f82c672d71f3fa' })));
+        return (h(Host, { key: '490255893acf9aae83ced8086c1580dc5c1a6421', style: { display: 'flex', flexWrap: 'wrap' } }, h("udp-donut-chart", { key: 'd0ab6b3088c65a9ee3e0223a44353ec47e8b3671', kpisPosition: 'top' }), h("udp-distribution-chart", { key: 'f03f7405bca21d4a1c647e5a3ce31c91419064c9' }), h("udp-ag-bar-chart", { key: 'e0004e52a0c9d57a814bc071bd8ed1c277ae6fcf', chartOptions: mockBarOptions }), h("udp-line-chart", { key: '6e8f3f7a5e860feca09aa12d0fa0e8b098913acf' })));
     }
     static get is() { return "udp-charts-example"; }
 }

package/dist/collection/components/charts/udp-distribution-chart/udp-distribution-chart.js

@@ -48,6 +48,10 @@ function getHistogramData(source) {
     }
     return data;
 }
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-ag-bar-chart` instead.
+ */
 export class UdpDistributionChart {
     constructor() {
         this.data = Build.isDev ? generateMockData(1000, 100, 10) : undefined;
@@ -90,7 +94,7 @@ export class UdpDistributionChart {
         this.transformData();
     }
     render() {
-        return (h("udp-xy-chart", { key: 'c19c33019b36b6758fb2ceebf472322485bc51eb', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: 'fc82b035e6f15cd0f5e6f6d72eba4a40d6b491d5', chartId: this.chartId, title: this.title, subheader: this.subheader, data: this.transformedData, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, customCardStyle: this.customCardStyle, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: "from", valueField: "count", showBullets: false, xDataType: "string", yDataType: "number", hideLegend: this.hideLegend, chartType: 'Column', xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, distBetweenGridLines: 30, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-distribution-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/charts/udp-donut-chart/udp-donut-chart.js

@@ -28,6 +28,10 @@ const generateMockData = (length) => {
     ];
     return countries.map(c => ({ label: c, value: Math.random() * 2000 })).slice(0, length);
 };
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-ag-donut-chart` (or `udp-ag-pie-chart`) instead.
+ */
 export class UdpDonutChart {
     constructor() {
         this.data = Build.isDev ? generateMockData(10) : undefined;
@@ -90,7 +94,7 @@ export class UdpDonutChart {
         }
     }
     render() {
-        return (h("chart-container", { key: '87c18aca3bb2da056d41209b0c6826afb71e7bf0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '5cb2a2caf6b79614f5dbf45d8fe6b4c46f5f2637', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-donut-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/charts/udp-line-chart/udp-line-chart.js

@@ -1,5 +1,9 @@
 import { h, Build } from "@stencil/core";
 import { v4 as uuid } from "uuid";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-ag-line-chart` instead.
+ */
 export class UdpLineChart {
     constructor() {
         this.xAxisField = Build.isDev ? 'date' : undefined;
@@ -29,7 +33,7 @@ export class UdpLineChart {
         this.removePadding = false;
     }
     render() {
-        return (h("udp-xy-chart", { key: '2f30a577ec811b43fa25764fcd5591f9fbe4a6eb', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("udp-xy-chart", { key: '3b68faf8959da6668cee0a22c1a2241ae878f095', title: this.title, subheader: this.subheader, data: this.data, chartId: this.chartId, kpis: this.kpis, customWidth: this.customWidth, customHeight: this.customHeight, customCardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, labelField: this.xAxisField, valueField: this.yAxisField, showBullets: this.showBullets, xDataType: this.xDataType, yDataType: this.yDataType, hideLegend: this.hideLegend, xAxisLabel: this.xAxisLabel, yAxisLabel: this.yAxisLabel, chartType: "Line", hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-line-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/charts/udp-sankey-chart/udp-sankey-chart.js

@@ -3,6 +3,11 @@ import * as am4charts from "@amcharts/amcharts4/charts";
 import * as am4core from "@amcharts/amcharts4/core";
 import { setChartDefaultSettings, setSankeyChartDefaultSettings } from "../chartUtils";
 import { v4 as uuid } from "uuid";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * It is amcharts-based; there is no `ag-charts-community` sankey equivalent, so
+ * no direct replacement exists yet. Avoid new usage.
+ */
 export class UdpSankeyChart {
     constructor() {
         this.data = undefined;
@@ -64,7 +69,7 @@ export class UdpSankeyChart {
         }
     }
     render() {
-        return (h("chart-container", { key: '14009cd0f4e5f343e11f275180dd6800eae995e2', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '241dd67a11cc0725daa9a4b6a4c29075a438cfbf', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-sankey-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/charts/udp-xy-chart/udp-xy-chart.js

@@ -2,6 +2,11 @@ import { h, Build } from "@stencil/core";
 import * as am4charts from "@amcharts/amcharts4/charts";
 import * as am4core from "@amcharts/amcharts4/core";
 import { addXYCategoryAxis, addXYDateAxis, addXYLegend, addXYSeries, addXYValueAxis, setChartDefaultSettings, setXYChartDefaultSettings, } from "../chartUtils";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use the `udp-ag-*` chart components instead — `udp-ag-line-chart`,
+ * `udp-ag-bar-chart`, or `udp-ag-scatter-chart` depending on the series type.
+ */
 export class UdpXyChart {
     constructor() {
         this.data = undefined;
@@ -99,7 +104,7 @@ export class UdpXyChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '2011b4dffdd53f8b0f9adb489a151970ac0ee3b8', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '306cdac42d634caccc2edc72f202c2e8375cbd5b', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/charts/udp-xy-multi-series-chart/udp-xy-multi-series-chart.js

@@ -3,6 +3,10 @@ import { addXYCategoryAxis, addXYDateAxis, addXYSeries, addXYSeriesBullets, addX
 import * as am4charts from "@amcharts/amcharts4/charts";
 import * as am4core from "@amcharts/amcharts4/core";
 import { v4 as uuid } from "uuid";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use `udp-ag-line-chart` (or `udp-ag-combo-chart` for mixed series) instead.
+ */
 export class UdpXyMultiSeriesChart {
     constructor() {
         this.data = undefined;
@@ -106,7 +110,7 @@ export class UdpXyMultiSeriesChart {
         this.renderChart();
     }
     render() {
-        return (h("chart-container", { key: '5c0d24b4924edbec01f2148513c67e6e89c3b061', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (h("chart-container", { key: '988cf391f344a4c24fe930e11e6bf0b568701270', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     static get is() { return "udp-xy-multi-series-chart"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/adornment/udp-adornment/udp-adornment.js

@@ -19,7 +19,7 @@ export class UdpAdornment {
     }
     render() {
         const style = { width: '4px', height: '100%', backgroundColor: this.getColor() };
-        return h(Host, { key: 'aca718dca2daada5ceb616b8e27fee8f0889bc10', style: style });
+        return h(Host, { key: 'a55659a9e7c8613b2e75946ef6111490bab0e322', style: style });
     }
     static get is() { return "udp-adornment"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/badge/udp-badge.js

@@ -7,7 +7,7 @@ export class UdpBadge {
     }
     render() {
         const displayContent = this.content > this.max ? `${this.max}+` : this.content;
-        return (h("div", { key: '8ea9bc9322ebac426b9e18d102ead3b3ba1f23bc', class: "badge-wrapper" }, h("slot", { key: '33c953a1bd684afccdd5a8a3bdee2394e7fac3d3' }), h("span", { key: '603510a8e83bc99cac926edb5722a35bc00a9216', class: "badge-content" }, h("unity-typography", { key: '6c1f298f078a12798cc3526b40791f73b4135d16', variant: 'caption-text' }, " ", displayContent, " "))));
+        return (h("div", { key: '6342e2b951c3cdb08266639c4591d8e0b5e41025', class: "badge-wrapper" }, h("slot", { key: '20ecbfe2c069919e57c49e290b5873eeaf2cd7b5' }), h("span", { key: '7a8b8a8dd5a05ff6f37b751365dfcefb33facaf1', class: "badge-content" }, h("unity-typography", { key: 'ab34efc8406ac5340702898532bd9f8995201ccc', variant: 'caption-text' }, " ", displayContent, " "))));
     }
     static get is() { return "udp-badge"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-ambient-card/udp-ambient-card.js

@@ -15,7 +15,7 @@ export class UdpAmbientCard {
         };
     }
     render() {
-        return (h("div", { key: '31d912f6fe98933de5167abd7c894a05add7ac78', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: 'bec93e0cd9ae1f9da2abdcd1a15b2db688726a50', class: "adornment" }, h("udp-adornment", { key: '7bb95ab97ea53cf216e96f0eb5075dd478d2b68f', status: "info" }))), h("div", { key: '58c51ba5d7df1c68783f1b7116fb1d7b0fd992b0', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '9a26094f2d5c6916ecd63fc99c6c5ae0d49a99ff', class: "card-data" }, h("div", { key: '95d2b8fb28017a45169822728644eeef32007adb', class: "title" }, h("unity-typography", { key: '222591aa10fddb2e585694c5fd93efc6f8562979', variant: "data-display-four" }, this.title)), h("div", { key: 'fed6a84a009d2c248da46937b5cb70b23f94486d', class: "body" }, h("slot", { key: 'dd0bd43fe067207a8f32db8fbe502df2bf699449' })), h("div", { key: '2f81f2c92fd609128661447924fe3f590fbd3698', class: "footer" }, this.overflow && (h("div", { key: '12539642e88fb7e4a3a714e5da045625093f03fb', class: "more-button" }, h("unity-typography", { key: '42bc1d7e5833b5349622c9bb86609ffcf06a0aff', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: '06ad675a31fd2760ada0993bcc9f3627da622278', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: '5531c1416d68e79707e458e5d9e24eaf263a6de4', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: 'af554309b5be088be21c17c35c059689c0756789', variant: "body" }, this.overflow))))));
+        return (h("div", { key: '07cbeb3f7ec6d7e2d9b33a8da18de73203ed98f3', class: "wrapper", style: { width: this.width } }, !this.hideAdornment && (h("div", { key: '6e8d0730ef93bf3ffb425a607f670f42398fd941', class: "adornment" }, h("udp-adornment", { key: 'b382d003f194370cc5974d1aab738434bc737b91', status: "info" }))), h("div", { key: '5c5d370acb9fa360f07dbe5f5f6058e976fce011', class: { 'card': true, 'card-border': !this.hideBorder, 'no-padding': this.removePadding } }, h("div", { key: '28d92d0919fcba62950b7ada15f6d28b18874427', class: "card-data" }, h("div", { key: 'bc68a21b344e4a984bb9229b6436cc3bd581678a', class: "title" }, h("unity-typography", { key: 'fb31951914e68264304b8cf104e6a6907c1db01f', variant: "data-display-four" }, this.title)), h("div", { key: '8623473859544516b16968215597eb5d67c98ae7', class: "body" }, h("slot", { key: '0ca6da4a306e3d8279393f67a9a3686dff8880d8' })), h("div", { key: '313b31a9fdf9b6e3c925609cd1a6297c58ea37d1', class: "footer" }, this.overflow && (h("div", { key: '136f97d643823d8fafc449569dcefa5f3c60d6f5', class: "more-button" }, h("unity-typography", { key: 'a8236b684f159a1c6f7163c82d0ebbdd5332b3a4', variant: "caption-text" }, this.moreText, " "), h("stencil-icon-button", { key: '21074b5af984bb354bda1e651755994400de9868', onClick: this.toggleExpand, icon: this.isExpanded ? ChevronUp16 : ChevronDown16, showLabel: false })))), h("div", { key: 'b03ae7d98a3c74772492c0d6ecb5f7301b095e34', class: `expandable ${this.isExpanded ? 'expanded' : ''}` }, h("unity-typography", { key: '3e94160922f80de3f9586f6a40777a03c7fa14c2', variant: "body" }, this.overflow))))));
     }
     static get is() { return "udp-ambient-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card-action-area/udp-card-action-area.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardActionArea {
     render() {
-        return (h(Host, { key: '4117146e6d479958341d03e1fd30d4f6d929272d' }, h("button", { key: '7eb9705825a46a23a554c5cff0265faef80f7c56', class: "button" }, h("slot", { key: '4d9cc53b3737747e2370a9c9eea67eb8896cadde' }))));
+        return (h(Host, { key: 'eeb455776017155226717fe117268a85e3553642' }, h("button", { key: '1ac1160639ecc7ee943cb9ed67e057f7e9d007d4', class: "button" }, h("slot", { key: 'ebbfe339a097a75249739ffd34efd3ed9fcbc68a' }))));
     }
     static get is() { return "udp-card-action-area"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card-actions/udp-card-actions.js

@@ -7,7 +7,7 @@ export class UdpCardActions {
         this.align = 'end';
     }
     render() {
-        return (h(Host, { key: '0755e2d60962c46a3f8c76ff9ed13908b2fe793c', class: this.align }, h("slot", { key: '14f0f0f17ec943d50084fa2a06a07bfb4c7253b3' })));
+        return (h(Host, { key: '54581a1632dec1039b0b0d86156facf0cc0f93dd', class: this.align }, h("slot", { key: 'd535f3f445b3d9891b44131d42077437555a4ceb' })));
     }
     static get is() { return "udp-card-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card-content/udp-card-content.js

@@ -5,7 +5,7 @@ export class UdpCardContent {
         this.disablePadding = false;
     }
     render() {
-        return (h(Host, { key: '134eda3ad409fe3e2738e6ac5a72c60fccbda352', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: 'cda1545c6accb1e6976f153561d9a864c88a2716' })));
+        return (h(Host, { key: '7ca1c82a1f87549c1ad7a706b2f01b226067db74', class: { 'disable-gutter': this.disableGutter, 'disable-padding': this.disablePadding } }, h("slot", { key: 'ad7cba322f564a1e229103c875f74469ac64c77b' })));
     }
     static get is() { return "udp-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card-header/udp-card-header.js

@@ -19,7 +19,7 @@ export class UdpCardHeader {
         const titleContent = this.disableTypography ? this.cardTitle : h("unity-typography", { variant: "h6" }, this.cardTitle);
         const wrappedTitleContent = this.titleHref || this.titleClick ? (h("udp-link", { href: this.titleHref, target: this.titleTarget, onLinkClick: this.handleTitleClick }, titleContent)) : (titleContent);
         const subheaderContent = this.disableTypography ? (this.subheader) : typeof this.subheader === 'string' ? (h("unity-typography", { variant: "body1", color: "textSecondary" }, this.subheader)) : (this.subheader);
-        return (h(Host, { key: 'a81aa1f48425aeed94c7e81409ffe3a5baa44bf3' }, this.avatar && h("div", { key: '88890dbe82861b44bacaa37b74376047791cf743', class: "avatar" }, this.avatar), h("div", { key: '16f1745de63a6c06d0742e34f588c7f00fffdb0e', class: "content" }, h("slot", { key: '42f1a626a62434428a4b3649791ae181a3fbc98f', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: '61a001f49c2a2e0437573ff57a270260cf7c7895', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: '6a35fe50cf609a4117d8a8799800c4b200739c02' })), this.action && h("div", { key: 'a630a4c23b1fa2657e7b6c304aebc732032ab949', class: "action" }, this.action), h("slot", { key: 'a2494c61edb9b31840423f03bf8998bcc67e70a2', name: "action" })));
+        return (h(Host, { key: 'a6f80b30650b9851066e7e0d0128db236647c11d' }, this.avatar && h("div", { key: 'e586cc618cf8e3fe69fcea09bd966ef681979218', class: "avatar" }, this.avatar), h("div", { key: 'b9d47799f17b3fb8fcf0d903e372ef5b23114c5d', class: "content" }, h("slot", { key: '6f58798b9c4472c90fb24f8c90e0699be3e960de', name: "title" }, this.cardTitle && wrappedTitleContent), h("slot", { key: 'd4d269bdcc0d47b2c08fd2a08a99fe75a1c05926', name: "subheader" }, this.subheader && subheaderContent), h("slot", { key: 'cb9fdfbde687a5231c7f792d007bf465dea0967b' })), this.action && h("div", { key: 'e19fbd1226d846863bd226db8373c14916b6d5bc', class: "action" }, this.action), h("slot", { key: '4cea73ae8a4440893b84e8c4f19667c94ceef145', name: "action" })));
     }
     static get is() { return "udp-card-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card-media/udp-card-media.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class UdpCardMedia {
     render() {
-        return (h(Host, { key: '5d3839dc234c9dcd8760ff8bbc6c15900b40cc5d', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '164ea64abf34419ac839055abc7fd88db7157e3a' })));
+        return (h(Host, { key: 'a3fe72534a756762067921aa446ea959b8be3c8c', role: "img", style: { backgroundImage: this.image ? `url(${this.image})` : undefined }, "aria-label": this.title }, h("slot", { key: '48e382d9020b4aba88c327bcb94e3895677c88ba' })));
     }
     static get is() { return "udp-card-media"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/cards/udp-card/udp-card.js

@@ -26,11 +26,11 @@ export class UdpCard {
         const renderHeader = !this.hasSlottedContent('header') && (this.cardTitle || this.subheader || this.avatar || this.headerAction);
         const renderMedia = !this.hasSlottedContent('media') && this.mediaImage;
         // const hasDefaultContent = !!this.el.querySelector(':not([slot])');
-        const mainContent = (h(Fragment, { key: '2aaf79210cd6e0321debcfd67a206aba19e973bf' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: '99979132895b96ce2dbae96484e20441fb7bbf8a', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '83a346fcc6519945450767009d482f0b720a0bfd' }))));
-        return (h(Host, { key: 'b1c820d25e91bf7d20262065119f0fd0182520cc', class: {
+        const mainContent = (h(Fragment, { key: '8b5693084f1a4c6d3ff57b60984951e86f5b8724' }, renderMedia ? h("udp-card-media", { image: this.mediaImage, title: this.mediaTitle }) : h("slot", { name: "media" }), renderHeader ? (h("udp-card-header", { cardTitle: this.cardTitle, subheader: this.subheader, avatar: this.avatar, action: this.headerAction, disableTypography: this.disableHeaderTypography, onTitleClick: this.onTitleClick })) : (h("slot", { name: "header" })), h("udp-card-content", { key: '4a5b4fe9f0ee3d96ab9ee4134d778fc03aef60f6', disableGutter: this.disableContentGutter, disablePadding: this.disableContentPadding }, h("slot", { key: '1320993f4317872537f58fa6c9340abfc8478b4d' }))));
+        return (h(Host, { key: '4b7b53a17990e3165d25016f42434916a5a948b6', class: {
                 [this.variant]: true, // This adds 'elevated' or 'outlined'
                 'elevation-1': this.variant === 'elevated', // This adds a default shadow
-            } }, this.adornmentStatus && h("udp-adornment", { key: 'fd1f60bc329b10d9462dcbc41fdd069c48b102d4', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'b827b94514b6b49b4df104587dc4294de40d6bda' }, this.actions)));
+            } }, this.adornmentStatus && h("udp-adornment", { key: 'dd120c144c85bc4f879ea04469c2560d52d84346', status: this.adornmentStatus }), mainContent, this.actions && h("udp-card-actions", { key: 'c3db5b9b62899deaa88d4889523c3ee530a7c913' }, this.actions)));
     }
     static get is() { return "udp-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/chips/stencil-chip/status-chip/status-chip.js

@@ -19,7 +19,7 @@ export class StatusChip {
         this.statusValueWatcher(this.statusValue);
     }
     render() {
-        return (h("div", { key: '1a4afb563c15be92f2d2e7c506fcc6478a7ffa64', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: 'ef2fe04acfba96ed77cb867d10d99e77b44431fb' }, h("slot", { key: '98fa6a669807bdd3bb8cefd4326a0d3155d61b3f' }), " ")));
+        return (h("div", { key: 'a14e56dc4033f23273a5725dc30a411437c27e30', class: `chip ${this.internalStatusClass} ${this.dense ? 'dense' : ''}` }, h("p", { key: 'e32cef92b10ef706015bc359a73f3064e0d99c0d' }, h("slot", { key: '7bd87fb34dd1393b7e450aba448bbe03206a50a5' }), " ")));
     }
     static get is() { return "status-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/chips/stencil-chip/stencil-chip.js

@@ -81,12 +81,12 @@ export class StencilChip {
                 color: '#fff',
             };
         const leftIconData = this.leftIcon || Close16; // Fallback to Add16 if no icon is provided
-        return (h("div", { key: '3ba827489bc79deb8005991c5e2b2e8032ab3da0', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '8f14d03df5b2ffb51921afbace4fc2cdfcdd6347', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '121941736df010e564c88e41fe8ebee58a4c1395' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
+        return (h("div", { key: '7862d43378407d1fe931b21edf1b5dd9d643ad52', class: `chip${!this.clickable ? ' chip--unclickable' : ''}`, style: chipStyle, onClick: this.clickable ? this.handleClick : undefined }, this.leftIcon && (h("span", { key: '88b684fa9b184ce962862f6e1269b68059295047', class: "left-icon", style: leftIconStyle }, h("svg", Object.assign({ key: '51bbce9d6d97569d65e4897af95ea98d798bc50f' }, leftIconData.attrs, { fill: leftIconStyle.color }), leftIconData.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }
             return null;
-        })))), h("unity-typography", { key: 'd9b8ab0ecef77cfc38a38892fb0cd53fc06c7916', variant: 'caption-text' }, h("span", { key: '3bc55a86dbb2dc59a84ee7072fb083409491c2cd', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '260c8a089283d6c49fffb3c5a46dc10f8f76c03a', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '018d5172705c20987d686c95b3b9f7c75264f1f5' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
+        })))), h("unity-typography", { key: 'e4e008bb01e4e7d9a004f192338eee2cda965349', variant: 'caption-text' }, h("span", { key: '3febf17f8a3e0eb267a4aa67ff893e0f2a711898', class: 'remove-height' }, this.text)), this.showDelete && (h("button", { key: '294180018fb9c207f57ec23396585e4305e26059', class: "delete-button", style: deleteButtonStyle, onClick: this.handleDelete }, h("svg", Object.assign({ key: '3e1e40fa81c1f2e18b28baf09ef32870e9ba84b1' }, Close16.attrs, { fill: deleteButtonStyle.color }), Close16.content.map((item, index) => {
             if (item.elem === 'path') {
                 return h("path", Object.assign({}, item.attrs, { key: index }));
             }

package/dist/collection/components/data-display/chips/udp-chip.js

@@ -52,7 +52,7 @@ export class UdpChip {
             [`chip--size-${this.size}`]: true,
             'chip--clickable': this.clickable,
         };
-        return (h("div", { key: 'e3036bebafa8a895511685cf60ccee315b41d726', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: 'd6fa723b3eecb37d34fd37aa580f3f7a818e2a3c', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '1201723d3f71018d31dcc7ef2d1b534c1ce991ce', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: '24ad52a73cc845da2f233c8d282c91f8472dea0d', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: 'a387b0b65b2db68f654c8e6efd7b599e0d96dbc4', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'cdc4f032fab2c0d4f0e2ba99dc9fd6446d312545', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '51900fa01135c7a0eea28ac412cf6f9c82169a15', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
+        return (h("div", { key: '32876751f5611b1facc9b1ee9a0ba6380e558d1a', class: chipClasses, onClick: this.handleChipClick }, this.startIcon && (h("span", { key: '2aeb3f4152d1010ccd7af3a8ed5ac535d24dfec0', class: "chip__icon chip__icon--start" }, h("udp-icon", { key: '3cfb645e5e73d909a04032076eaaa4cefbc5ed75', iconName: this.startIcon, color: 'inherit' }))), h("span", { key: '27c7b73be43aeabd3a656099ecc02203adf789f8', class: "chip__label" }, this.label), this.deleteButton && (h("span", { key: '0ce21e782d0e6be1ce4206a7f7947f7926841e41', class: "chip__delete-icon", onClick: this.handleDeleteClick, title: "Remove" }, h("svg", { key: 'f34e2335e97fc0a6219a59f84ad10bdb60cb2d1d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor" }, h("path", { key: '31337b47abb0541240dd68dda92211f6976d5cb2', d: "M12 4.7l-.7-.7L8 7.3 4.7 4l-.7.7L7.3 8 4 11.3l.7.7L8 8.7l3.3 3.3.7-.7L8.7 8z" }))))));
     }
     static get is() { return "udp-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/divider/udp-divider.js

@@ -7,7 +7,7 @@ export class UdpDivider {
         const style = this.variant === 'vertical'
             ? { height: this.size }
             : { width: this.size };
-        return (h(Host, { key: '7098357dddf76357a01c3ad5c257ff3715b038ea', style: style }, h("div", { key: '7bfa4bf839676fb2f6a01e1da280c51535818ae5', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
+        return (h(Host, { key: 'e8ce72f30f6a569310639e1c691dfeb65d298463', style: style }, h("div", { key: '8d374e55f2bf41d5e35a13dd3e9fc8d631ab2483', class: this.variant === 'horizontal' ? 'horizontal' : 'vertical' })));
     }
     static get is() { return "udp-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/empty-state-display/udp-empty-state-display.js

@@ -9,7 +9,7 @@ export class UdpEmptyStateDisplay {
         this.imageWidth = '100px';
     }
     render() {
-        return (h("div", { key: '90ed726e2cfba61cac88fb25198bc982a5834be2', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: 'f7b7d07056ba6a11b901be1b1e86a82eecb0f304', class: "text-wrapper" }, h("unity-typography", { key: '1bf84cf8cfb21aed5b9951adda0a01a787330dc9', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: 'b46c25588140b37d44534296a3379488a13190c5', class: "text-wrapper" }, h("unity-typography", { key: 'b3a88bf021c205f8d8539c016df52cd1593b3527', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '402ec4260148201308b55d1a3f6f7b381d64d0ce', class: "action-wrapper" }, h("udp-button", { key: '64cb2f280dbf53dfa47f536f62835f77b8777778', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
+        return (h("div", { key: 'b47c3e90f2b2a33d9b6ad909f762ffe530a8bedf', class: "container" }, this.imageSrc ? (h("img", { src: this.imageSrc, alt: "empty state", class: "image", style: { width: this.imageWidth } })) : (h("udp-icon", { iconName: this.iconName })), this.primaryText && (h("div", { key: '80c6175de2463a57bbc96e20ddf14b788317aebb', class: "text-wrapper" }, h("unity-typography", { key: '8f535deb5ebc29aaf2a8caf68c363b5b971e6c93', variant: 'h6' }, this.primaryText))), this.secondaryText && (h("div", { key: '00d2f83fc03e0c8381008cf9bcf8a977a26a5128', class: "text-wrapper" }, h("unity-typography", { key: '1669f2d729b2e77eefcace3a14b9c230e2e1bfb2', variant: "body", class: "secondary-text" }, this.secondaryText))), this.actionLabel && (h("div", { key: '857f81a6c884371a4544952da68264fe6c56bf3f', class: "action-wrapper" }, h("udp-button", { key: 'c9aa699065142a107a22416399f2d985049ba46f', onClick: this.actionClick, variant: "outlined", color: "secondary" }, this.actionLabel)))));
     }
     static get is() { return "udp-empty-state-display"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/headers/udp-column-header.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class UdpColumnHeader {
     render() {
-        return (h("div", { key: 'ed2225009af64caa876a0c081d1e56381a8a6de8', class: "header-container" }, h("div", { key: '8d67bf82824ecb8462c5706e45e30be51e67fc78', class: "column" }, " ", h("unity-typography", { key: 'c2e0ea2bf4971250c024f5fbc7a2f9d40ce06130', variant: "button" }, "Column  "), "   "), h("div", { key: 'cf6757dfb88cff79ad1080c28ff0e6f9471b59b0', class: "operator" }, h("unity-typography", { key: '115ed5771ea8082e8819d87e6ae1ceba7532703d', variant: "button" }, "Operator "), " "), h("div", { key: '1e8067a55748baa0e83a2cc3c50092662f04d7f0', class: "criteria" }, h("unity-typography", { key: '2bbf70196f33feacdbd64416d702f75a8661bece', variant: "button" }, "Criteria  "), "  ")));
+        return (h("div", { key: 'a05806fd13c3dcf2596736acad82f4f36f9b1fd7', class: "header-container" }, h("div", { key: 'b5a327eb3c15546268a35d4507a77234952ce697', class: "column" }, " ", h("unity-typography", { key: 'd8cde18dea25bc890ba179c1f8e293ab24cd1508', variant: "button" }, "Column  "), "   "), h("div", { key: 'f9b4fd41e0e61d8647f48a1676d28602763888b3', class: "operator" }, h("unity-typography", { key: 'b7853e9d227ac94b8bc490c4f9e70c18ee526bec', variant: "button" }, "Operator "), " "), h("div", { key: '1672f8bd14a1a65d59668d19b805334b7aa061c9', class: "criteria" }, h("unity-typography", { key: '3296ba5928a83f92eb27bef93270168ea1da1ea8', variant: "button" }, "Criteria  "), "  ")));
     }
     static get is() { return "udp-column-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/headers/udp-page-header/udp-page-header.js

@@ -8,7 +8,7 @@ export class UdpColumnHeader {
         this.valueChanged.emit(value);
     }
     render() {
-        return (h("div", { key: '0626fa753415972173714db8fb9823f568e90fa4', class: "header-container" }, h("div", { key: 'b9d5a1c1923ec1416bf70a0a25abf4baa8aa7b08', class: "title" }, h("unity-typography", { key: '154fcd0a77a11a08bc9f64438aa7c5d244330415', variant: "button" }, "Filter Conditions ")), h("div", { key: 'c8494138146eb7ceae4187e27a2617a9a874ed70', class: "radio-group" }, h("div", { key: 'c48f9ba67f87099c3c6df4cab8442e75d2735ffa', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '8f840a932e655ad4239e8f9d775775f1d002f5df', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: '656f209733139dcd0ed9ec2b451240a9114d6a82', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: 'd57281d553b73ed44674a76f78446be2906b47d9', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
+        return (h("div", { key: '010a7b790f13cd139d83d17ce2e2fcc6ac8ab8de', class: "header-container" }, h("div", { key: '33e7d855c08f6e51068baf3307036fa3b4007cbe', class: "title" }, h("unity-typography", { key: '1033df1181c176c309186f4a0e2b769d746d77b9', variant: "button" }, "Filter Conditions ")), h("div", { key: '309c5598ab618dfb6105813ab9bcac79903b5cdf', class: "radio-group" }, h("div", { key: '6b88b4bc7fe7485113078caa865e67c0f5cf6636', onClick: () => this.radioClicked('1') }, h("udp-radio-button", { key: '1f76d0dd01201d15bbf1289ac6772d6674826e0f', name: "group1", value: "1", label: "And", checked: this.selectedValue === '1' })), h("div", { key: 'aa20fe4f38cf46784027d7cd2726f491c73b356b', onClick: () => this.radioClicked('2') }, h("udp-radio-button", { key: '86350922577ed97398b78b52b6ed54543f24259d', name: "group1", value: "2", label: "Or", checked: this.selectedValue === '2' })))));
     }
     static get is() { return "udp-page-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/hint-panel/hint-panel.js

@@ -7,7 +7,7 @@ export class HintPanel {
         };
     }
     render() {
-        return (h("div", { key: '30cd51fab775ed49145590f239ac96328833d9ad', class: "hint-container" }, this.showHint && (h("div", { key: '81f8bbd744cad8fe013129aa154d91920da8bcf8', class: "hint-content" }, h("div", { key: '2bd503978249ad020d6e9cb208f71126d236895b' }, h("unity-typography", { key: 'e655fd34d4efd8ed266e24fb4a36fada251c040b', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: '9071166c6c5fa4faffbc36065ecde0e5bc472e3d', class: "hide-help" }, h("udp-button", { key: 'fbe047ad65a87200d5b3a0051b065b83df981c03', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
+        return (h("div", { key: '9f3e0a64c558e9640f0452edaf641053460c8a39', class: "hint-container" }, this.showHint && (h("div", { key: '357a51d28445c9ef44d285b90d414adc79a3c0c4', class: "hint-content" }, h("div", { key: '955c8e4bdb80681728a3b1e828eef95c830e0f86' }, h("unity-typography", { key: 'c13886bc1eb7869e3e4c5fccc19a53d559227f9f', variant: "body" }, " ", this.hint, " ")), this.hideHintText && (h("div", { key: 'a17cfbf74ace9228b4633a9ab15b525801bbc552', class: "hide-help" }, h("udp-button", { key: '71c170ce3161e76a96dae07649d72b0598352db4', size: "small", color: "info", onClick: this.handleHideHint }, this.hideHintText)))))));
     }
     static get is() { return "hint-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/kpi/kpi-list.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class KpiList {
     render() {
-        return (h("div", { key: '9171e99debfd099aa6f2c9cb236e8913e96e14a2', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
+        return (h("div", { key: '00e2e89caf21f9f28242e99b5c5f74dda0bddaee', class: "kpi-container" }, this.kpiValues.map((kpi, index) => (h("div", { class: "kpi-item" }, h("span", { class: "kpi-label", style: {
                 fontSize: ' 0.875rem',
                 fontWeight: '300',
                 lineHeight: '0.25',

package/dist/collection/components/data-display/kpi/udp-kpi-card.js

@@ -116,7 +116,7 @@ export class UdpKpiCard {
             '--card-color': this.resolveCardColor(this.color),
         };
         const content = this.renderCardContent(cardStyles);
-        return (h(Host, { key: '71775f86db40015de6ed3c78e8cf499544a12fa2' }, isNavigation ? (h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (h("div", { class: cardClasses, onClick: isClickable ? this.handleClick : undefined, onKeyDown: isClickable ? this.handleKeyDown : undefined, tabIndex: isClickable ? 0 : undefined, "aria-current": (_a = this.active) !== null && _a !== void 0 ? _a : undefined, "aria-label": this.primaryText, role: "button" }, content))));
+        return (h(Host, { key: 'b1e86135a54505a5c4741f2adaaf2a3b7b11bf76' }, isNavigation ? (h("a", { href: this.href, class: cardClasses, style: { textDecoration: 'none' } }, content)) : (h("div", { class: cardClasses, onClick: isClickable ? this.handleClick : undefined, onKeyDown: isClickable ? this.handleKeyDown : undefined, tabIndex: isClickable ? 0 : undefined, "aria-current": (_a = this.active) !== null && _a !== void 0 ? _a : undefined, "aria-label": this.primaryText, role: "button" }, content))));
     }
     static get is() { return "udp-kpi-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/kpi/udp-kpi-cards.js

@@ -36,11 +36,11 @@ export class UdpKpiCards {
     }
     render() {
         var _a;
-        return (h("div", { key: '5e330508abcee7a8fb4b077102df668209337f32', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
+        return (h("div", { key: 'e2cf551e61644fb3db2c743c63a2fe74bec1dd7a', class: "kpi-cards-container" }, (_a = this.cards) === null || _a === void 0 ? void 0 :
             _a.map((kpi) => {
                 const isActive = this.activeFilterId === kpi.id;
                 return (h("udp-kpi-card", { cardId: kpi.id, primaryText: kpi.primaryText, secondaryText: kpi.secondaryText, color: kpi.color, value: kpi.value, active: isActive, actionType: kpi.actionType, href: kpi.href, iconName: kpi === null || kpi === void 0 ? void 0 : kpi.iconName, onCardClick: () => this.handleCardClick(kpi) }));
-            }), h("slot", { key: '0f7189d966bc774d34fea86b8268ae31fe88f244' })));
+            }), h("slot", { key: '84c02f2d8510291e9d058439999418852a8aa91c' })));
     }
     static get is() { return "udp-kpi-cards"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/list-item/list-item.js

@@ -49,11 +49,11 @@ export class UdpListRenderer {
     render() {
         const showPrimaryText = this.primaryText || this.hasPrimaryTextSlot;
         const showSecondaryText = this.secondaryText || this.hasSecondaryTextSlot;
-        return (h(Host, { key: 'a7fdc84e454e4415e41b494b874c5cd58093781b' }, h("div", { key: 'b708146bf6886d5822cc3784c1b1dde0a41531a8', class: {
+        return (h(Host, { key: '38b8402037018050b955dfdd1b10d8dc050db57a' }, h("div", { key: 'db06e7c9c2404c512dab266f00cf20ff4cbdca64', class: {
                 'list-item': true,
                 'clickable': this.clickable,
                 'variant-compact': this.variant === 'compact',
-            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: 'bf2122fa1d51b1ad1e4d1248b863b2971459a67e', class: "avatar-container" }, h("udp-avatar", { key: '32d1956f5cf2e506bfcd7f5c85862349d1b394d2', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '238cf5b9acc5504e56d8ed7c652e00f94ff75716', class: "text-container" }, showPrimaryText && (h("div", { key: 'ae15ea2fcd67fbd01f9eaf997acc5a21089cd6d2', class: "primary-text" }, h("slot", { key: '1a629990a4721c7281b5f1dd1c3db680b29a3e72', name: "primary-text" }, h("unity-typography", { key: 'ac76e535367c2a00ac1ae5ffd0fb08671a37c61f', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'a48a9103abd12c8a2c5cdd36f5bdf720ebd9731f', class: "secondary-text" }, h("slot", { key: '1ac630c59426e4b6ecb9c3b891d9731cbcff3384', name: "secondary-text" }, h("unity-typography", { key: '6da8fd733530cddb27e5588ecdfa6f4d288d9c50', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '3987c5c8b83c77990706d376714444aae78ae7b9', class: "status-chip-container" }, h("slot", { key: '485ef815359ed98fd4269e1748ab25fd67f2119c', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '3c34b44562e3077eba9e824e1a581aabb6662684', class: "actions-container" }, h("slot", { key: '011c682eb2fa5c1e7f730b028252489f24056e5c', name: "actions" }))))));
+            }, onClick: this.handleClick, onKeyPress: this.handleKeyPress, role: this.clickable ? 'button' : undefined, tabindex: this.clickable ? 0 : -1 }, this.iconName && (h("div", { key: '5638e84985d9f200e7f69d918ea10b14f88eaec6', class: "avatar-container" }, h("udp-avatar", { key: '6d51c030025482eeeaa269eca7938f7ffa406d93', iconName: this.iconName, variant: this.avatarVariant, color: this.avatarBackgroundColor }))), h("div", { key: '799b85e83c00ab20c4d1ee186aa6ce831c818d27', class: "text-container" }, showPrimaryText && (h("div", { key: 'b98a0096aba1767d4775f377cef302583d980cc9', class: "primary-text" }, h("slot", { key: '212d09710969f9bb35d0d464a5fb7059aa6a651e', name: "primary-text" }, h("unity-typography", { key: 'a8232e206e5d720e97779f150c39ca068c456ec7', variant: "body" }, this.primaryText)))), showSecondaryText && (h("div", { key: 'e9f2a85b108cc2cbbcae8be90a18bf41a8ab177f', class: "secondary-text" }, h("slot", { key: '4fad8114d2af181df09f111fbebfc3a9f8c3ae0e', name: "secondary-text" }, h("unity-typography", { key: '04c8bbfba3705679dcf08962737b8726a182c890', variant: "caption-text", color: "textSecondary" }, this.secondaryText))))), this.hasStatusChipSlot && (h("div", { key: '85c7190bebe53677d9cbe0eb9d529e50e0a9586c', class: "status-chip-container" }, h("slot", { key: 'e04bc7b9fc83f88910a8d87b2c0982021dd88cf2', name: "status-chip" }))), this.hasActionsSlot && (h("div", { key: '94c532b6238ed87709069828e9800fab2230918c', class: "actions-container" }, h("slot", { key: '80fe2b1653b00ed5061c1c13e861bc0fa1b96f74', name: "actions" }))))));
     }
     static get is() { return "udp-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/pop-over/udp-pop-over.js

@@ -113,7 +113,7 @@ export class UdpPopOver {
             maxHeight: this.popoverMaxHeight,
             overflow: this.overflow
         };
-        return (h(Host, { key: '5c088fd433163c11cc9af440ddbde003d95a0f96' }, h("div", { key: '37774fc4c4f7484e23bf848e58adee84a47f5d6c', class: "popover", style: style }, h("slot", { key: 'f479cfe2f59c6ddded24909b26f7f7a6aeba5d59' }))));
+        return (h(Host, { key: 'd1dcfc4885536250c52af3e6b05371a7a9fd24d0' }, h("div", { key: 'c4a0946facfb54a99974e74fb70935ccdcc4fba9', class: "popover", style: style }, h("slot", { key: '8b76a9950358a1e5305af4aded8e29b0a927223f' }))));
     }
     static get is() { return "udp-pop-over"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/pop-over-grid-action-header/udp-pop-over-grid-action-header.js

@@ -35,7 +35,7 @@ export class UdpPopOver {
             style['top'] = `${rect.bottom}px`;
             style['left'] = `${rect.left}px`;
         }
-        return (h("div", { key: '8e551e93e0cd39e0a1945c6bba655986ce3f9ec4', class: "popover", style: style }, h("unity-typography", { key: 'f19947195b6539834bf48380c7ea628ec75c1119', variant: "caption-text" }, h("slot", { key: 'ff01703a997941175c2f3d94e3765015d604be86' }))));
+        return (h("div", { key: '97bbfe3dd2fb851df62b4f7f67c05ac44d87421e', class: "popover", style: style }, h("unity-typography", { key: 'd1cc6fc958430ea4e23c39fc5d6cf4f4301cb053', variant: "caption-text" }, h("slot", { key: '35935cd9b82821f5e149be50e237005419fad8f5' }))));
     }
     static get is() { return "udp-pop-over-grid-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/primary-action-header/primary-action-header.js

@@ -32,7 +32,7 @@ export class PrimaryActionHeader {
     //   }
     render() {
         console.log('active tab', this.activeTabIndex);
-        return (h("div", { key: '2b5cd6ddd163ddef49cc7fa95dab7f4a9911939e', class: "header-bar" }, h("div", { key: '0b74461e94c2263eb92a1faf4e2783eda26a29da', class: "title-section" }, h("unity-typography", { key: '0a21709957bdb4de3dcd85b882946b960caa7447', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '1b224383283f2e875e4e4bec85f97d548078f256', class: "tabs" }, h("udp-tabs", { key: '3f2af545b1af466bf376e248ddadda48fceebb4d' }, h("button", { key: '7ba0d458d14def7c1fb1c32852e89097a85a07c2', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '7dec1019d203c03c6ab9485c0aa83008b7970cdc', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: 'f2a2f4e44fbc245ef82f8f3fe125cde71c3cc37e', class: "button-section" }, this.defaultActionButtons.map(btn => {
+        return (h("div", { key: '05d8066fbaf0ee676b208450d3f349ca34dfd0db', class: "header-bar" }, h("div", { key: '6c51873109274bd2b18c39887ef3b8e1acdcabb2', class: "title-section" }, h("unity-typography", { key: '568f098a0188713135a4f4dcff8fa7a5f84ee609', variant: "h4" }, this.title)), this.tabs && (h("div", { key: '656269ec12df3265460024a722d8837c86c383f8', class: "tabs" }, h("udp-tabs", { key: '1d778ec3ec9a3f9728bf54cbcf7dbf1ec2ab7d87' }, h("button", { key: 'c4be42317f73d2a1b51fd25850e503fb99a03036', class: this.activeTabIndex === 0 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(0) }, "Demo Grid"), h("button", { key: '72e86c2d0a67b3317efdb89c3b665ea86f3c7567', class: this.activeTabIndex === 1 ? 'active' : '', slot: "tab-title", onClick: () => this.selectTab(1) }, "Other Content")))), h("div", { key: '6fa2b14fa417ad95360467e1750e29d0be79b198', class: "button-section" }, this.defaultActionButtons.map(btn => {
             // Determine the actual icon to use
             const ActualIcon = this.getIconComponent(btn.icon, btn.customIcon);
             const clickHandler = (event) => {
@@ -47,7 +47,7 @@ export class PrimaryActionHeader {
                 return (h("stencil-icon-button", { secondary: btn.secondary, onClick: clickHandler, tooltip: btn.tooltip }, this.renderIcon(ActualIcon), !this.hiddenLabels.includes(btn.label) && btn.showLabel && h("span", null, btn.label)));
             }
             return null;
-        }), !this.actionButtonLabel && h("div", { key: '6cd80a675dab2d514a8ddfa819162ed2219d41c1', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '0c714349e245f2554667b03de3bdb0e66d44581d', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
+        }), !this.actionButtonLabel && h("div", { key: '5cc2c6c671cb3a41be30ddb785c5e8db168d6270', class: "right-margin" }), this.actionButtonLabel && (h("udp-button", { key: '3db6428edb10929c445e72b348c965ba0b459e75', variant: "contained", color: "secondary", onClick: event => this.primaryActionClick(event) }, this.actionButtonLabel)))));
     }
     static get is() { return "primary-action-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/simple-card/simple-card.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class SimpleCard {
     render() {
-        return (h("div", { key: '60f920fe15bbc2916a11a8b800fda7277a0b489a', class: "card" }, h("slot", { key: 'ac4b2c77d9ad2ca9e3d52423c194c2e6ecabdaeb' })));
+        return (h("div", { key: 'c12d035421c4e8c1adfd38dfcd8fdc973f522ef2', class: "card" }, h("slot", { key: '4f2afab983bd22ee3b2cab99dfdf196e248e034f' })));
     }
     static get is() { return "simple-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/tool-tip/udp-ambient-tool-tip.js

@@ -80,9 +80,9 @@ export class UdpAmbientToolTip {
     render() {
         // Check if content is provided before rendering the tooltip content.
         const shouldDisplayTooltip = !!this.isVisible && !!this.content && this.content.trim() !== '';
-        return (h("div", { key: '213f2dd7bcd6470d4a5bf6ae953fbcdd2ec775dc', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '9088f10428a250bd218c8429722b2395927d5b11' }), shouldDisplayTooltip && (
+        return (h("div", { key: '6df05e15a1d6a5a449074b5906fd8305a1112743', class: "tooltip-wrapper", ref: el => (this.wrapperEl = el), onMouseOver: this.showTooltip, onMouseOut: this.hideTooltip }, h("slot", { key: '9003fc54fcef34b9edc8006a8fed7900923f8b4a' }), shouldDisplayTooltip && (
         // STEP 4: Use the global class name we defined in our style string.
-        h("div", { key: '235f0deab48ed2764980d391bd12781be7778183', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '6c068bf0a81a9e754afc7c19ceb86bb1f348b839', variant: "caption-text" }, this.content)))));
+        h("div", { key: 'a54c034523dcf8104c1515aad1102f166d61f510', class: "udp-tooltip-portal", role: "tooltip", ref: el => (this.tooltipContentEl = el) }, h("unity-typography", { key: '700d713e32d7a9e03546a6df4834633d9c6acfca', variant: "caption-text" }, this.content)))));
     }
     static get is() { return "udp-ambient-tool-tip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/tree/tree-list-item/search-item/search-list-item.js

@@ -91,7 +91,7 @@ export class SearchListItem {
         });
     }
     render() {
-        return (h("div", { key: '2f9faea0db2a5169b65604d68f9ca20eafd6f861', class: "list-item" }, h("div", { key: 'b82093bc34c325f67524a1d3186539caa36e2152', class: "list-body" }, h("div", { key: 'b3dafb84904a51cea0056bce923a568a0aec5be4', class: "name" }, h("unity-typography", { key: '6601c3002021d53aa9e538184160a7f60e92a520', variant: "button" }, this.label)), h("div", { key: '0062f55adaff01fb3c04542bda56c06ce0af5391', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: 'f2138827a4cb3a16a366c7fca18f60ca39106004', class: "input" }, h("text-field", { key: 'ee52bc7081269037056c185a0ed7f491c0d5db24', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: '2894cf78c8a2ee6ea23db2485bf5807d6d3374c6', icon: Close24, onClick: this.handleDelete })));
+        return (h("div", { key: '713dd4209e447c194f3581ae4412272fdc4fb5a2', class: "list-item" }, h("div", { key: '6d39870c650cc07f34d1cc27dd69865c48489c9b', class: "list-body" }, h("div", { key: '2c363fce59bda6932cbb26111583cbab417a2e13', class: "name" }, h("unity-typography", { key: 'dd50d28fa97fe198c3e413b8c75770428a2e8583', variant: "button" }, this.label)), h("div", { key: '5f7c1513a97115b3a50a43a2f65a0664475bfb0c', style: { width: '200px' } }, h("udp-selector", { key: this.searchOperator, initialValue: this.searchOperator, options: this.selectorOptions, disabled: this.isInitialSearchItem || this.isDefault, onChange: (event) => this.handleOperatorSelected(event) })), h("div", { key: '5eb6b9ebb7fc13468d8ddf44795068d2324bef1e', class: "input" }, h("text-field", { key: '10cfc17bcb6cd1a7a4ea81ca1471b0d268ea25c2', value: this.name, disabled: this.isInitialSearchItem, onBlur: this.handleInputBlur }))), (!this.isInitialSearchItem || !this.isDefault) && h("stencil-icon-button", { key: 'bcb4f5a36d27679f03a55fb61af28f373b3b884d', icon: Close24, onClick: this.handleDelete })));
     }
     static get is() { return "search-list-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/data-display/udp-avatar/udp-avatar.js

@@ -42,7 +42,7 @@ export class UdpAvatar {
         else {
             style['background-color'] = this.getColorForUsername();
         }
-        return (h("div", { key: '39efa3768058fc1fe61ee05d6f0e2ee2ff6ecd0e', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
+        return (h("div", { key: '3b327dcb6724cd0239fdc774d61bca2bcbaa8118', class: classes.join(' '), style: style }, this.iconName ? h("udp-icon", { iconName: this.iconName, darkIcon: false }) : h("unity-typography", { variant: "data-display-two" }, " ", this.getInitial())));
     }
     static get is() { return "udp-avatar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dialogs/udp-dialog.js

@@ -49,7 +49,7 @@ export class UdpDialog {
         document.removeEventListener('keydown', this.handleKeyDown);
     }
     render() {
-        return (h(Host, { key: '4adbe541f2902a9d92c243a40388bdc3b121b645', onClick: this.handleOverlayClick }, h("div", { key: '9614c5df4fbe7e94c73b5aacc37174d6b16555c9', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: 'adb9fc377065a01d3b3266d99f3ffe640058fa73', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'e03c5fc91c29a384eabab75c1509488eac44d6f0', variant: "h3" }, this.title)), h("div", { key: 'e0f011fb41be303e8779e128e02c2b9aed43e645', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: 'fef802596e0859df5774da1497eb91e4f2a6d193', variant: "body" }, this.message), h("slot", { key: '1cb32eb5d979ad00ed1e9fa9e284e46562defb05' })), h("div", { key: '1b1043c981af31c3b3e51f61017e09e856da5f71', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '3dced852ea4bb0741eb0de0809f8e75b3b3b4c30', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: 'ca50eec078c3f5a3947d5377547fc2c689d7cc33', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: 'ab4c062175324d22f85900dd7713df93624dd7ef', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
+        return (h(Host, { key: 'ebd57020d1445185156758ba5b4c58912e37ff60', onClick: this.handleOverlayClick }, h("div", { key: '697ac1a1b4bea0b750757ab0bc67ed4e95e49b0b', class: "dialog-container", role: "dialog", "aria-modal": "true", "aria-labelledby": this.titleId, "aria-describedby": this.descriptionId, onClick: (event) => event.stopPropagation() }, h("div", { key: '0c15bc8eb8163197d27c071614f8ebba35b23b7a', class: "dialog-title", id: this.titleId }, h("unity-typography", { key: 'de5509f0b795d780477da91a0652b1af9e97b99f', variant: "h3" }, this.title)), h("div", { key: '7f1f33a03fbbb9747a0753f25b26ee6f99b41f58', class: "dialog-content", id: this.descriptionId }, this.message && h("unity-typography", { key: '1be061beec7f3b146a2d9be5fa856731afa7a538', variant: "body" }, this.message), h("slot", { key: '264cbeffac8277fa43d7bd8c358bdd63b6ce7fb8' })), h("div", { key: 'b93585af45896c7eff9e9a7f3b75fcacb2a621fb', class: "dialog-actions" }, !this.buttonTwoHidden && (h("udp-button", { key: '64db3289e7ceb16fb309f467e2a72d91a114efdf', variant: 'text', disabled: this.disableTwo, onClick: () => this.actionTwo() }, this.labelTwo)), !this.buttonThreeHidden && (h("udp-button", { key: '1b13d2ad75de0d9103fd65dc4a8f40c7bdf34414', variant: 'text', disabled: this.disableThree, onClick: () => this.actionThree() }, this.labelThree)), !this.buttonOneHidden && (h("udp-button", { key: '0fb08c9b1bd7c9dfe4b9146e97b93f63b55184ce', variant: 'contained', disabled: this.disableOne, onClick: () => this.actionOne(), loading: !!this.progress }, this.labelOne))))));
     }
     static get is() { return "udp-dialog"; }
     static get encapsulation() { return "shadow"; }