@platformscode/core 0.0.31 → 0.0.32

package/dist/collection/components/dga-metric/dga-metric-chart.js

@@ -57,7 +57,7 @@ export class DgaMetricChart {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '2ad9c2c0939a122d3e3c1e727e9f33fe52ecd376', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '1dcfbe63f895bf76d6a8e8e4e54c9b2d6fa9fafb' }, h("linearGradient", { key: 'c7461f4ddf4587d347f132523448a025f9b1a017', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'fa5fc33dbe033170dc884c122e403ab4ec316093', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: 'c234bf4bedd32b97edef1bb0e69d7b8ca7b3fd7f', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '85aca411c2c387929308fa2814f47b4ab5b02271', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '28018df6b9951eef64277075d0686bfe51176f07', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (h("svg", { key: '50603cb6206def676708db0d1e158da0c538ddd9', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '15e91810e182e0c34a57f0a974e793751b246d82' }, h("linearGradient", { key: '12a538c6b8807e9c4b84040e0d61c3e0d1fbaa84', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '670bac2a6f5cbbee569232d0791e94ddce29d05a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '17235c5fa2583152a29458f0b37187881ff9d361', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'cecc8b65a069a2f32e5e89df2353bc5761c75dc8', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '7be41d8b21447e868f1ee77002963e490e7902bb', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get is() { return "dga-metric-chart"; }
     static get properties() {

package/dist/collection/components/dga-metric/dga-metric.js

@@ -30,15 +30,15 @@ export class DgaMetric {
         };
     }
     render() {
-        return (h("div", { key: '1195094ec702b7363f4e104b2311b4f04336c336', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: '67b5f250ee4a71667d68ba03f310d01c856b43ee', class: "dga-metric__head" }, h("div", { key: '10bfa60dfc139af330512457fa675ffef36d2fa2', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: 'a38e2e5e7c9ec100444477a3a232ba10d32cbba3', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: 'e7225050d782bdb49c4c677eaf90fa3a594ad77d', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: '4c16ecf164404847883a535b3c258695c163f208', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("div", { key: 'c3e81302803360c6ec77dbeb0ac903041818f8ab', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: '79eb16fb10b8e0a3783cc8828ca4a9742830d652', class: "dga-metric__head" }, h("div", { key: 'db26cb53e9e79b479597e075e609ee0152c63765', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: 'c82fde2410059746728153dee822667033953487', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: '3b8558a19e95fdebebdef5a730719d00422052d6', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: '1830b2c8e082b50a73428197d1e1315dc4ad5ad5', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), h("div", { key: 'a17fdd1ae2fb689183e66f4e5093e0d66d6d00e5', class: "dga-metric__body" }, h("div", { key: '46dbaea9ba17855287c600d09dfdb412ff3322a5', class: "dga-metric__content" }, h("h3", { key: 'dc534131dbed348014681c8ff12a689d1266da44', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '244af43a634185bf2ab321c4e2233e97ac7a8fdb', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: 'bb280adf859dd6d3388c25d5b829270a60e6afef', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '06b86a186b501a84f43c91c0bd17d4c2831489bb', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: 'a4bcfa9b9e5482f70acad02052aefc4c75b6a108', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '28d667d47194ef930e6d196431552f41e3ad9b7d', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: 'a42f28211256d60641dff5041adb1604908d2adb', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: 'e63dd33038a8d3a8e111ffda5cf9dc1f28b66c23' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '51f55ec7473c5ad1b4c71d5aaeee9248aa337420' }, h("div", { key: '45ea18ad1b14eb041aea005fa8ddbdfba523b3e7', class: "dga-metric__divider" }), h("div", { key: '523a7c90d7b657121a9806721091eb9e9298197a', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: 'ec03b2e32eb20ccf1f3d25d0efbac0ee66c3ecab', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), h("div", { key: '036a7863965ff42b8ef124bf8441561db4aa5a63', class: "dga-metric__body" }, h("div", { key: '3baf918239636acd3baeeee992c9374a32c23476', class: "dga-metric__content" }, h("h3", { key: 'acc229cb330b42cb41c4baf783d35090ac6bbe95', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '1544777034c55242315efe258aa54c13f97195ae', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: 'a953add7512d093cf87961b7df3363e9a09a85be', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '6f460378f228fef24d9e41265855d84929258a1b', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '004e52596af2bb69595e2d0b8511e956449fdf92', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '1e8ec90d1754fba73efc67330b56e2cf435b2f08', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: '803fa2293e806a17f003c0bfe6db70c26da0dd6c', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: '832fe506f173e20578b588d4c86809790c1c8521' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '834099870197f308abb3d2741ea9ef98ba713983' }, h("div", { key: 'ffe340e2aca3a8608e472ddf76644ab82bc9ae69', class: "dga-metric__divider" }), h("div", { key: '70e2e5716d8aff6993caca0bb931a4a302bfdc76', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: '3b8dd04c29c750e7abff3c4044b308518ddac22f', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: 'a9ac0a9802ba46d939354a0fd0e583365003447c', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: 'ed77a3cca3b83b01a3eab318691e0c42a094b901', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
     static get is() { return "dga-metric"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-metric-v2/dga-metric-v2.js

@@ -30,15 +30,15 @@ export class DgaMetric {
         };
     }
     render() {
-        return (h("div", { key: '92f80e348eddf6327503dd72be758e986bd8d818', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: 'd191341f2c90e6d8d1e74ba9684241d41d084452', class: "dga-metric__head" }, h("div", { key: 'e38708b84d90b6afd57422483e0891524ce808f5', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: '397573191ae6326cada9d62f6e99049c6039f92d', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: 'e7567e64af718a8b2522e338fc58a52e8a4cef18', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: 'd47e2879081664cdb8432be6c4d2fdcc6554c440', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("div", { key: '22574ce3c9d9ea036d013b3bbc8cd390c1165705', class: `dga-metric`, "data-chart-size": this.Style }, h("div", { key: 'a6f524209d8bd4b89c98384510ca69517ba75cbe', class: "dga-metric__head" }, h("div", { key: '3d4b3d41b3f33cd09ac48b291b464db887b52258', class: "dga-metric__head-content" }, this.showFeaturedIcon && h("div", { key: '2d46b7c4ec2e413b470b374799618a10613c897c', class: "featured-icon featured-icon--light-brand featured-icon--circle featured-icon--sm" }, this.featuredIcon), this.label && h("span", { key: '997d3771bd53bcc9d8ec871d7e6b524315f90017', class: "dga-metric__head-content-text" }, this.label)), this.showMoreButton && (h("dga-button-v2", { key: 'd962334fb80e8bc48c9c0b0db6b6e5335d92c6e7', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-vertical',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onExpandAction }))), h("div", { key: 'f76aae8b2469fe139a536947d23b3e6afac8cb26', class: "dga-metric__body" }, h("div", { key: 'e5465dc4e2aef6180dd23afca8cc82988ad6010f', class: "dga-metric__content" }, h("h3", { key: 'd95bd45f6b68481b928fb91bb5223c6cff8c7662', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '62dd04ac0c119722e3d571454cea1810ba5d40de', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: 'd105d122422f859d1a44791ef3d93fbc172695bf', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: '59831e33c983da4b5d68ffc8e26928a8537bb157', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '556a0239acf65808167206f3dc462ab8972dc5da', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '4759647f05f60abe60b8966853aeb05e16d14f93', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: '2f6aab40ec57bdacd7f879485dce2137c99a26fd', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: 'b370efaa6a8932670c6f293e9344e94e9ab6f10e' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '15ed5a73011ddac9fa76d01af1b8918ba68f4ce0' }, h("div", { key: '2d61a50e0eac7db19cc682a6426f9fcd118577b8', class: "dga-metric__divider" }), h("div", { key: '253604012bb6c5275503bd64648f745059bfa9d3', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: 'ea87a7ad97a2e7d60f1f87df1a185bd8a79fdc5c', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.onExpandAction }))), h("div", { key: '1278fec7010c0b69afcc13b83d3b83112e95aefb', class: "dga-metric__body" }, h("div", { key: 'a1782b8ee0c2433a01962634e51dc0eb199f1fd1', class: "dga-metric__content" }, h("h3", { key: '1db4529b03c4bb38d4dc8cd7d76b83462fc1e528', class: "dga-metric__content-percentage" }, this.percentage), this.showInfo && (h("div", { key: '98032465e358de976f86691831acbb56fa70707b', class: "dga-metric__content-change", "data-change-trend": this.changeProps.trend }, h("span", { key: '390c79891a1f71ede80a29f3b15c2197c0e8c460', class: "dga-metric__content-change-icon" }, h("dga-icon", { key: 'c67782c6927934607a259d3383e13f6452ad5318', icon: this.changeIcons[this.changeProps.type][this.changeProps.trend], type: "rounded", variant: "stroke", size: 24 })), h("span", { key: '5926dff1be667d8c78f5489f7b413efc31e6441e', class: "dga-metric__content-change-value" }, Math.abs(100), "%"), h("span", { key: '4f6732d398c9d2c20900a688c4f5b116336975de', class: "dga-metric__content-change-period" }, "vs last month")))), this.showChart && (h("div", { key: 'dc64138f3a31e7a30c98b0e2506e9b616fb0bf62', class: "dga-metric__chart" }, h("dga-metric-chart", Object.assign({ key: '6383f9e773b41604238b3804dd1c9e61847f2152' }, this.chartProps, { size: this.Style === 'small-chart' ? 'sm' : 'lg' }))))), this.showActions && (h(Fragment, { key: '2161c4eee6bdbfa60f914349a6adfcafd3b028b7' }, h("div", { key: '7152f709a3bd143375dd01df9b41823b971ec6e4', class: "dga-metric__divider" }), h("div", { key: '08c0c8a07d2e779e836e6b5a63b66b3ea81fe127', class: "dga-metric__actions" }, this.showSecondaryAction && (h("dga-button-v2", { key: 'cb2f67166465568c5324d8214af1a8700e794f1c', variant: "subtle", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'settings-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: '1ca4e7d282609e5ee89fb8c75adbcdd83f09b1e8', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
+            }, onClick: this.onSecondaryAction })), h("dga-button-v2", { key: '237dd83a762df0ef0b55f216833004caaabf0ab6', variant: "secondary-outline", class: "dga-metric__actions--primary", label: "View Report", onClick: this.onPrimaryAction }))))));
     }
     static get is() { return "dga-metric-v2"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-modal/dga-modal.js

@@ -18,15 +18,15 @@ export class DgaModal {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: '66dd438932de25abe40bc084324fb862c200bada', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: '7476ad50b1bfc0645b7c49b57b3aa52620435ade', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
             //   id={name ? name : guid()}
             // style={{ display: this.show ? 'flex' : 'none' }}
-            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '24a3cff28f5f8a2204df6dc9abed337acacbe904', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '0e28d5909c9a0fc12f7d95e58e9d720b55bbeddb', class: "modal__header" }, h("div", { key: 'a74c1df913c89b680183b02dd9baadc6aa5fc50a', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '658126b6ce8bbfb5455f9148a759b5feb6769717' }, this.featuredIconProps))), this.closeButton && (h("div", { key: 'c89fcb27fdae88b6c9cbdbe57bc4246dc68d96c3', class: "modal__close" }, h("dga-button-v2", { key: '10374db2fec719891a185971eea8ef7144ad0f89', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'f9329575e7a6c251ac9adffebecef9da3c64a30b', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: 'e768198ed1e1362af8332cb843449a3b8ca44391', class: "modal__header" }, h("div", { key: 'bb6427ff3dca2deb8e151561615ce6583f68415a', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '5a181fd164c8eee1884948a68ed1e01e0faea037' }, this.featuredIconProps))), this.closeButton && (h("div", { key: 'ae1fb36b34b2b638dbbf1c0c435ff50ad7c95826', class: "modal__close" }, h("dga-button-v2", { key: 'a82b24b299a89cdf5ad2c1560bdb3ab3ba82c21d', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '1d422e1f58da25cac85525efafc3c208a31010e3', class: "modal__body" }, this.modalTitle && (h("h4", { key: '6a3c00b9ac2c3f2ac4c9ac32d25afdb25c79d79c', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '7ef6fae88d8b5e4fd6eff3a4fcc9ea99dc8e6b60' })), h("div", { key: '196509d381bf08e32a436a553add6115e3930766', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
+            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '55b4f8a3b3dd1a6975037a45288db7f0258b661b', class: "modal__body" }, this.modalTitle && (h("h4", { key: '520f5955a3c1d24f5befa9bcd5722bd22a33abc0', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '52470344b448dce09372b642ec8f0e2aa373b834' })), h("div", { key: '9b8b013f148cce80060e29264188d77e7f25de64', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/collection/components/dga-modal-v2/dga-modal-actions.js

@@ -11,12 +11,12 @@ export class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: '9eaeb30db277a5b7e33ab65b1e055c28750c1358', class: "modal__actions", style: {
+        return (h("div", { key: 'cb7cf927315a1a56987fb43578fcfdadefb805ce', class: "modal__actions", style: {
                 display: 'flex',
                 width: '100%',
                 justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between',
                 flexDirection: this.actionStack ? 'column' : 'row',
-            } }, h("slot", { key: 'f2950e95256e78e0a565c47c775be07b635ce579' })));
+            } }, h("slot", { key: '774edeb0b7295a82c5e748126cbb76c52bc1b66a' })));
     }
     static get is() { return "dga-modal-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-body.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: '6b80872d6b5a1f9c40fd6ed21fe336e5655cee25', class: "dga-modal__body" }, h("slot", { key: 'c65b5dbf590c83bbe44679d0e01145bb17b74bed' })));
+        return (h("div", { key: '72def0d381c2469caf323344759c16796fdb6c73', class: "dga-modal__body" }, h("slot", { key: '579e4331091820903cf1c3ba1bc31e390bbde99d' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-header.js

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '7ab911f500589ed297062a854bec0cdf1e01ebf7', class: "modal__header" }, h("slot", { key: '7d175a49798bf3620986f3c5332061cb1e56627e' })));
+        return (h("div", { key: '9cfa5bf369c103ed902f3b2a2e9593fbba0ff32c', class: "modal__header" }, h("slot", { key: 'ea8244a9f36edde8ae148c60d3a01b5676c3228a' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: '2e2f657a5b3c1f5c5a048ac789f7a9fc317a9483', class: "dga-modal__title" }, h("slot", { key: '25ed7e28ec4c86e2b2df894fea1a66adf1e42202' })));
+        return (h("h4", { key: '23665600b5e9cc79a214e7e6a0fdce50da22b47c', class: "dga-modal__title" }, h("slot", { key: 'e9fbfcef60fce0d6d82f4c4c43b9020cd4e30af0' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-v2.js

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: '05bae69be2957e4ce8f373d68e382572050d9f67', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'c24fb704f3752734dd9be1d6da78afeba13886f3', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '74911d337ef46d6a4a678abe3383368c160746f3', class: "modal__close-btn" }, h("dga-button-v2", { key: '9780b5be781c24c7be73f035e69733452be6b0e1', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: '7f1bc6a4f44d18f85c7bff37627111b86d7034f3', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '7ff0ffc6a879f953dcf17a7316e03c4a2d3ef871', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '446248e5f37cc22170b9263758e653e251ffb21d', class: "modal__close-btn" }, h("dga-button-v2", { key: '3f73bb55f96b29869ab9d1211bfe65c5639fc959', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '11f8272e963395c49c83c48378771b292d78e6c6', name: "modal-header" }), h("slot", { key: 'dd462bfc2fb840f06feab0164bc4c9743cecd9aa', name: "modal-body" }), h("slot", { key: 'b5f834562de20f5fad6ca2d39e836f18f06b7fe5', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: 'ff2cd6d8cd0eda5ed879eaf884ed4d7bf306de8d', name: "modal-header" }), h("slot", { key: 'f69b7947f96a1bd43d624203e1679d7c4b86a921', name: "modal-body" }), h("slot", { key: 'f7965e10193ef43a95bf5d8a609e7f7e4a1bf3a7', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification/dga-notification.js

@@ -65,11 +65,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '2c3b1752091f30f334fc3e3418961f01598c4613', id: this.componentId, style: this.rootStyles }, h("div", { key: 'eddcf9ee0fc07c8fc7c7b32ba32045001e9d138c', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '7726501fe6832c4124c995c42e3e80c595095e58', class: "notification__content" }, this.icon && h("div", { key: '6c309ac12539be755c3dafd6770bd108de146288', class: "notification__icon" }, h("dga-icon-v2", { key: '50a5232c665386fcefe50cdeff7b8eec4c567446', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: '022e92ada1f26ebde1846fdecde570d4bf381629', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '2e9f585f4d43faee6a52e3fe2211c54e0ae84ffa' }, this.content), this.link && (h("a", { key: 'e5d6b05478e4de18189ef5179e98c0da882902f5', onClick: () => {
+        return (h(Host, { key: 'c5df38cd0e0b487cfdec2aa723798f484ad0bf9b', id: this.componentId, style: this.rootStyles }, h("div", { key: '98ee5aff4ba045741a385779affef9891e2f3b26', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '7595599a852baf4a09cdc3b5ea54a0bdd44811ed', class: "notification__content" }, this.icon && h("div", { key: 'ea54d17491402a3261e934b50f9ee32b1a9f9771', class: "notification__icon" }, h("dga-icon-v2", { key: '72db0526e963cbbc01bda00cafbe05bcfb94490f', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: 'b459cacf8b34b2a45d200a5bb9156a7570043712', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '8e3c51cc430a0d2f2825d0f876a2c0b019ca117d' }, this.content), this.link && (h("a", { key: 'db7154c0138d2366641e04b5f44f0e9ed58a07e8', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'ffd075f0a3f9e25b0b268538437f8ac7c5d63ce0', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'af29afd7d1bb209a94d31d23ca1bebe562fa44b0', class: "notification__dismiss" }, h("button", { key: '610803be38c0e0f0ff96886cf6eae92c7e4ea70a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: '4bbb707a159de830d633b4efef9d9a0de00c0343', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'f4f75e78077492b852f5ca5878488028dcfd4e92', class: "notification__dismiss" }, h("button", { key: 'e0fbf6afe05ec25f69285bbc0ff46dfb042494d2', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '386acaaa7397e7dfa82601709c4b7d856ab467fa', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '603a3cb477f402bd65d29890f51b63270bd0ad53', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '5c61c1763a0ec3d9b31910b5700a12245ae6e694', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'f07266a23ab886b1676839e73e44c1d7949c1ad8', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification-toast/dga-notification-toast.js

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: '1a4f1b6476867746d88781e4c26f7241ce98f36f', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '75f4f5eeea72164de86093911e9d3819b6476d7b', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '6952bfe52540347d0e469afb89af94521cf7f69c', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '3ab5ed31f539b2b9c231be95a01e8fdfec918d3d', class: "notification-toast__body" }, h("h4", { key: 'f8a981a242880ec536b8607fa278cd02c4b93cad', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '41f671d6be0fdada364973cb27fcd787c1336dea', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4d4c84358973b0a8306a687fd727facc53aa5b88', class: "notification-toast__close-btn" }, h("button", { key: '417f431696013950501f6c53d5e77e6abe434774', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '2e3e4f92064f845f5107749ba8a2bba709242e85', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'eefa5fa3e61893b766b56af4c46cdf02dac027cc', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '5111fab134811c314baaef9b7193ed4ea3c8bdaf' }, h("div", { key: 'd91375cba3e91324d6a2da36e383fc7927504f4e', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: '0d4d4c5932f290df2997abaa753d13fac389e315', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '3b838ec4a9c4e9db92f6771795333e11218c645a', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'c7e22f02450538250bca75ee7b79ed326d1079aa', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '87078311718ceee7fcba0d4acfde988b757a45d8', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '9be8f0fdba9b593221f4a41fed7298f62d232d54', class: "notification-toast__body" }, h("h4", { key: '43bbabdc3eb4c22ca6998b1d9a342ece4a846c60', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: 'ecd684c5731d4a27392ffe98c7b37fcd870cf385', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '54cf33585674b09909595c60ff2f8b8e655ce575', class: "notification-toast__close-btn" }, h("button", { key: '557224282f1df150b371abfaeb40f39f4c7921f0', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: 'abf8c5b259f833236fcdd5057a8c2a1845338f1c', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '9c023c12fef82ea2222595ff0c15d9b801461d85', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '5126ca46db0f023696e03d84285a08ffe10c6873' }, h("div", { key: '52472e32b8c853ec2f8bfbf05e1dcf48fbc5ea1f', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: '5a8a9cf8696f95c9ee3ed0e14c03c925cad8f3c1', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }

package/dist/collection/components/dga-number-input/dga-number-input.js

@@ -65,12 +65,12 @@ export class DgaNumberInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'f5bdaa59b58f1f829d798b558dbac602fe5117f9', id: this.componentId, style: this.rootStyles }, h("div", { key: '7db80d23339daf4beab8f0c2eba0d9d86cd36c53', class: "dga-form-control" }, this.label && h("dga-label", { key: '057607b6fe032d3b4306ac9d46d9f61307527485', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'eaffaedc94003b3c34c7f5891eebfc395f453dad', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '6f4cc28f61fa2e3672565abc388e6edd6e941097', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'fd9bd43c62d8e64ec09ad6a78160971aab163f77', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'a052b44a7ebbf78b664e0363e01e4281774094bf', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '0078eed2af7970e2bc7e44fb54eaa4bbbced7629',
+        return (h(Host, { key: 'ac7042b0cf9ca6518cef4f5582265592ca1bd7a7', id: this.componentId, style: this.rootStyles }, h("div", { key: '8eff24790cd968e7ba765df15eb474e8d7eb296e', class: "dga-form-control" }, this.label && h("dga-label", { key: '8bf8722f3c7044b74e0477430fb945c352b9cc79', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'a6d9377ad54a50b0372509c36a8bf802801c3b09', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: 'c6aed914bf4eb8286189a67e96940a7166488e52', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '220c351643aa74be341fd26942950b608fc84918', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '08ccd1277a3b1ce5e521ee4b9e455ca71dded482', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '183c99edb238dff2f9824b056123e52c028f111d',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'c0cf4b1775ebc48d632eb804c3f57cdab65ceb1d', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e7749fefebc37305323b8f3a4104c0965be7b50a', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'a0339f89ccf78e20baf67baa4b6b9a5f9f785004', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'cdfda5eb65940b57dd74627e1d7f8b803686ef9f', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), h("button", { key: 'edd8d39e93cdbc53ef1b89ebbf66827a6edb3a55', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '691b6f8785fbaa252c8bc89400f89e6af28e6637', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '75348ec384698035996434d34e9fd04e1fdb72ca', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '8f31efdd3f9ec1b955999008b453ef44f5af3886', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-number-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-pagination/dga-pagination.js

@@ -76,7 +76,7 @@ export class DgaPagination {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("ul", { key: '1ae4b4f2727f92483bbfc074a53bb18c691291e4', dir: isElementRTL(this.el) ? 'rtl' : 'ltr', class: `pagination pagination--${this.size}` }, h("li", { key: 'c5c6ecce90a724491c9eb6f55bf28ed25d01ecd9', class: "pagination__item pagination__arrow" }, h("button", { key: '84f96391a0e523114eccf672e97b080e99217c83', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'b6b9ff3c23a6ce5f974835e9df260e2736826a95', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '61da851369cea1d22909932b008c0422fd0a1790', id: "Leading Icon" }, h("path", { key: 'a911f53793bd2debb26f4d4d3e824030cd6a42d1', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
+        return (h("ul", { key: '9a1c30a26f4720842bff56e7eec8a1de257b0619', dir: isElementRTL(this.el) ? 'rtl' : 'ltr', class: `pagination pagination--${this.size}` }, h("li", { key: '82f55d0d50842765232259dcc0197d3eed33c5cc', class: "pagination__item pagination__arrow" }, h("button", { key: 'bd7d8d264097dfad7073d4e16a05b9af82d0f831', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'f323d4bf784ad8293a61212faf0728a55e65359c', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'a297b50dec28ffcf64ae207ac1bc8a0dfa4b0702', id: "Leading Icon" }, h("path", { key: 'd983c7a6af068f55e66f83d00ad3a6c8eda8dd04', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
             this.paginationRange.map(pageNumber => {
                 if (pageNumber === DOTS) {
                     return (h("li", { key: guid(), class: "pagination__item" }, "\u2026"));
@@ -84,7 +84,7 @@ export class DgaPagination {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: '290801d4a8dd49290d99faab2340429054711624', class: "pagination__item pagination__arrow" }, h("button", { key: 'a928db70d3d1c458ae4b58f255a2bbf322dcdcd1', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: 'ba532a2a85527a8fbd92111b76efe653637f5f16', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e2566dc3704b6686737ae92043c27637fe0a37ac', id: "Leading Icon" }, h("path", { key: '888b7862713eb8d0a61a332fb51d40497f673390', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }), h("li", { key: '27c8ee1b28d8cf86a29c6db39d848263fccff54d', class: "pagination__item pagination__arrow" }, h("button", { key: 'e66037e46b82a5cd5d99b31b7398257ea28df37c', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: 'c978edae30ecbf41222100017e8dd9060e70da37', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ae8d88a1881a83ecd729977d57576c5e95ae932e', id: "Leading Icon" }, h("path", { key: '0abdf461b8dc76f707fafd087eb05a52e17bfea1', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "dga-pagination"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'aa2b391709be61ff1473bcb8f93fdb63f4a36fad', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5ba08654a25a057153ae10d3184d98f731037747', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '05a7c51dd95dbacac231ce7074d19af8e0c3f99d', class: "step-label", "data-state": this.labelState }, h("span", { key: 'a4cdc98da09dd99d27d3a8fb264902b1d2b1e4ab', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '1b0337ecc12a3a7b8f8ab69257eb021d0f2492aa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '9ce21a3e31430c593f0fdcd7a3bd9fd5a32a91f4', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6b766b90fe43b6e5c31fd1a5d073a4876ea68ba3', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3ea208356da35d3ce26ef659d676ad4ae793dc5c', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '8c7cf1023072a547caa1fe4141923308577f776f', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'b070ea33b5c8190f2034ff0fbba68d019cca4072', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'dc623d3db99ad8ccf77b939cd917ad84cb15f259', class: "step-label", "data-state": this.labelState }, h("span", { key: '15e5f19d88914db4edf27615bb17e09262409dd1', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '6c91a3334887f9b645d9aed12f60606c271ba2eb', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '9e7059ff6ebabf1d1071d6e36ea07c4efa4f83aa', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e9bbcdb2962f6f507923b7abc920405ec1dcb05e', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'e8569448d21c97c1db9067b50833f742ab6e34ea', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '9aac6756fbcd96576c6fa53e1b65fa41cb71e2ac', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8ab20e00781e8adbdd500dc66c777accede2cb6a', name: 'progress-indicator-step' })));
+        return (h("div", { key: '4d620f48659d8142b0ea5f819d6a31ceb1b4d2a0', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '77ad12a823fb5063a56be0ce891b081f7ac75da0', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '0b3880284791a4b0714512be41dd0259a40ac9b8', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5e0eff774e639788c688b796a2248e86c5ca3ad9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '3df2da922c9d20601b45047f1a0e981498d07e7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '73bdf3313205c8c9728e326cdefb96f754f80ca4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'eabd41e9d4e8874d1ea652e81b1d6d6957a9128c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ff2b1ff6ee3b552ca9015425b47a617f72322d4b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'ce360370fa4906872f30367120692dd18254506c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'c1b14f4e03fb9279a1d45153ae678d126a0a188c', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '57b7bb3e3d81aeb14c50ef43451be15923bffc47', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '482f9736271cc8e01eaa696257643ebb1c37e650', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '4308fafeba56d200c0e8637197fbcb287ec7022f', class: "step-label", "data-state": this.labelState }, h("span", { key: 'ff9d82aa709beafacf083dc101d8444eedf5acda', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '73328a45feecc8c83fe07d77d4b8e467196c4c1f', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '03f012f9d1335edc20b12154cfa0ef22d844643b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6a5c96fbb8eacf9b98bafb5dc75dce301f1006a1', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '2be50ec43d6b6ea5837b1393b0295f779625c67d', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: 'b9835c5da618944163c794c3fb62ae302bfa1bb1', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '3907a21a9f1c5d6f0bc8b6a880612d94047cc02c', name: 'progress-indicator-step' })));
+        return (h("div", { key: '26a4dc3493f4c40e1c0cb86db486aa3586e50f56', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '488c5476eae8799a0fc9990219e35424cb9d84bb', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-quote/dga-quote.js

@@ -26,7 +26,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'fb35ac80585c933c25a5cb58d3087fdb5b8cd218', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '463af797b482e462b7f6570b9b8c0e721f3310d3', class: "dga-quote__body" }, h("dga-flex", { key: '8d937c83d18bdc5904ba1eeb5a3f704ee9028cdc', spacing: 9 }, h("span", { key: '5401fb11a7e8c8f0f6dcd2990e7795d57d56d299', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2d4f3441f4023ce7108979324cfbb12449584036', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '7f3227d2a44ddf9849cdf0ec7fcff3f1abc8f4f6', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'b634b2084f309df61fb87136e1adacab787f45e9', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '028cf1b9344eed5a37b60b7e079d13d63c1da9ba', class: "dga-quote__auther-details" }, h("dga-flex", { key: '197fb592768e52bf9b8917867f61d3eebf1658a1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'af2a50edc81b2801db58b4e6843da7aa2d4d2c80', size: 80, type: "image", border: false }), h("dga-flex", { key: '870414b47d7f3530ca20711f25fd995182418558', direction: "column", spacing: 8 }, h("h3", { key: '0e786bdce329d14770327ca820f700476f2f397a', class: "auther-title" }, this.authorName), h("p", { key: '07fb34ce45805ac1d3861d29cef065095fee5f89', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'd497031042b388dfaa7d6bd791d7c3356cc20ca0', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'db41b1c99264f6c94e62102b2149236e6e5aa8f7', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '18ba901087a87b25c3a6e1ed292501b0e1112609', class: "dga-quote__body" }, h("dga-flex", { key: 'd12c22fe82a2b310f6bf18c5e8c2d4cbee8420ff', spacing: 9 }, h("span", { key: 'c3dc37befd849bc9801c4a4bbd55d23098406676', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '47f1b667b642a8f6ab586c2cf344d0ae12053ac7', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '7e0cb2f9955d4c4eb8adff9ecd7940a2f0a6810f', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'f0117edd7c617f675c43432f1b211f59793f1040', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '5e3829cd7d2b29ccb40218c9d225412ff9f01ab6', class: "dga-quote__auther-details" }, h("dga-flex", { key: '2e5daf0ab46c90219118e209043d2a4d913fe45d', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '0d52604792aeb5c5853ae3d16ca996447beb5e09', size: 80, type: "image", border: false }), h("dga-flex", { key: '8b95245603a27c5493e76cb610f5a8281f327a3b', direction: "column", spacing: 8 }, h("h3", { key: '684c79736aace10d6c2558c3e8191c996297cc30', class: "auther-title" }, this.authorName), h("p", { key: '2e109dced594126d107c0627a7409b5be5378e88', class: "auther-desc" }, this.authorDescription))), h("span", { key: '48a21e46c22541b073966f9f58e597a8943ae28b', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-radial-stepper/dga-radial-stepper.js

@@ -33,12 +33,12 @@ export class DgaRadialStepper {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = (this.RTL ? 1 : -1) * dashArray * (1 - this.internalPercentage / 100);
-        return (h(Host, { key: '64ed9b018cc60a6df620a01c6407ed0b91fb386f' }, h("dga-flex", { key: '6e97c1979c02957f59c8e7648de03997e264e71d', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: '0bdc1f4abc89c6b9db6d6cafb7ae39033fae9be6', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: 'd1b21815ead4687ea17e1d191bb8c6fb7ecd21d0', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: '71e155fc8b6dd10065a6bfdda2065f4da2a105d5', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'ba0e123d3016ad6e29bb19cb781c6dd2d4f46c42', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'fab4d864d6e356192c329e5f53304e0ce0cbb063', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
+        return (h(Host, { key: 'd601d1e0bdf9efa319caba637e5ba05d543ca454' }, h("dga-flex", { key: '149bc159858c693c3b5886799ba0d0d3daa54944', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: '469440ef80a6632a8c74879a994aee0dfa0309f8', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: '886ee4d15355c0d9468bbc36b75f7c0e11311cf0', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: '9f2bc43ecc6e77ebfc62eb6ccdb41bace54ee98b', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'bf587649a96a8f76a89872f2581efb0694cb06a7', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'c6a1a856efca52269099423d5d1e4fd13467b24a', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
             // stroke="currentColor"
-            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '19b203de05f2ef9051437a6f74fefbfe45c38928', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
+            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '8350b172d9e63e8b5d0f138313ab71a3f8f4e4ce', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
                 transition: 'stroke-dashoffset 0.5s ease',
-            } }))), h("dga-flex", { key: '85b855c467c5418e95b6ebf94e143e7e29b48723', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '88fe0e0bb5265377a581517c98cc9bdc6b2337a1', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
-            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '19c5390d637e90fe754b171a671a37c877a657f1', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: 'ac296823e7dafc242f2f7e430796b67121b61b3c', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: 'f996e0a11cf7ac90fcf4b15a1619b8186178b7e9', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
+            } }))), h("dga-flex", { key: '638af7003ed048eefc26d847f88b52e16b859e14', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '4380d0d2e6b7c03329f99d449a29fa22b178d50c', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
+            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '7dfd5d944bdba170239a6d356535d8c7a477725d', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: 'd400a5e2df898aba8ca1762fc3d61167dd4b051e', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: '4bb5db7d6032db7b328094419728e14867f80282', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
             _h.stepName)))));
     }
     static get is() { return "dga-radial-stepper"; }

package/dist/collection/components/dga-radio-button/dga-radio-button.js

@@ -207,12 +207,12 @@ export class RadioButton {
                 inlineStyles[key] = value;
             }
         }
-        return (h("label", { key: '9a755b8617511153cd0a885dad357de5fbf592b5', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive }, h("div", { key: 'c7d2c762ba9493b9a84eeb2214ee4464c5f610cd', class: "radio-main" }, h("div", { key: '39e5cbe65ee62831302baad96b4c0a38632f11ed', class: "radio-main__content" }, h("input", { key: '5ebb2aeb712ffa3c721da54cddd1a109ddf5926c', type: "radio", name: this.name, value: this.value,
+        return (h("label", { key: 'b407f60557bd12a3d6f2dd836147fe24cfe59ea3', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive }, h("div", { key: 'ce81bc4d86e9f982337facbf3ffadfdc38e9eb4d', class: "radio-main" }, h("div", { key: 'c4395d2a5106f961bc361357a737576fcb5e9462', class: "radio-main__content" }, h("input", { key: '2104a7eadca2a1c07be42757ab6c6d79e8b55249', type: "radio", name: this.name, value: this.value,
             // id={this.id}
             onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
             // onFocus={this.handleFocus}
             // onBlur={this.handleFocusOut}
-            checked: this.checked }), h("div", { key: '1d9eae662de9eadb522924c2532f2e31503d773f', class: "radio-container" }), (this.label || this.hasHelperText) && h("div", { key: 'bb763cadd2c195c4a5fddbfdda9e636eef9be74b', class: "dga-flex-column" }, this.label && h("span", { key: '0b418223e1f88bae0576bce5b7b771252a18c6e9', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && h("span", { key: 'f1ec4b5ce0c7ed21e14b0d14acabae8c14dccffc', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (h("div", { key: '5bca517fe1f30df010a6c4df382f8ef10e8c307c', class: "radio__warning" }, h("span", { key: '33dc678c28b43fab6acf69f4750f71e579507665', class: "radio__warning-icon" }, h("i", { key: '27629f21c6d473f6962ea8c26314d605b0b0bfaa', class: 'hgi-stroke hgi-alert-circle', style: { fontSize: "16px" } })), h("span", { key: 'b931b654501164a157ce9ef4c5f30e3d31b92095', class: "radio__warning-text" }, this.alertText))))));
+            checked: this.checked }), h("div", { key: '1ba13ed41a40979e17cb2c8c52c6b7e06f5a2817', class: "radio-container" }), (this.label || this.hasHelperText) && h("div", { key: 'de04c1801b3a6edb48cbb61dd366129ab553740d', class: "dga-flex-column" }, this.label && h("span", { key: '46fc8bcf04202d4d0db7a029e6e9e3a69fd2308a', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && h("span", { key: 'd3c706ac82f303d31a3355aa66ea2c6675dd53a7', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (h("div", { key: 'af169c48a60b57a56e065bdab7a64cd22cce8e28', class: "radio__warning" }, h("span", { key: '9a4840d38e2165cc6208c58e3281cae6e6b64bc6', class: "radio__warning-icon" }, h("i", { key: '5f247c2af62865bf2f5fadf1f90179422f61e530', class: 'hgi-stroke hgi-alert-circle', style: { fontSize: "16px" } })), h("span", { key: 'e76bcecbf0a7bdc739a6251879990a66459afcb5', class: "radio__warning-text" }, this.alertText))))));
     }
     static get is() { return "dga-radio-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-rating/dga-rating.js

@@ -79,7 +79,7 @@ export class DgaRating {
         }
     }
     render() {
-        return (h(Host, { key: 'cd38dc21ae1deeddce0086424231dfeb30329ed3' }, h("span", { key: 'c7ae687c27cd5ea89480a653edf27ea035a5b25b', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (h(Host, { key: '38833a21774b705e64503a3bf5818ee22b22bec5' }, h("span", { key: '68611dbf4fad4e54d37dcd5849c282a5637eba6a', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',

package/dist/collection/components/dga-search-box/dga-search-box.js

@@ -103,12 +103,12 @@ export class DgaSearchBox {
         // this.value = event.target.value;
     }
     render() {
-        return (h(Host, { key: 'd21b4458f8c9b555c7ce371ac71bf2ccfcaa1168' }, h("div", { key: '0a4b9a8c0e1de31656028c371b76a162c0d1bfdb', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '68594bf29d5a56f3684b9787bf1c9719d835f8f8', class: "dga-label" }, this.label), h("div", { key: '2a593deed76fb0923b74362da6cb4e95c999da80', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '1fccb81711b7d06805e8bbec21e8c600d33de876', class: "dga-search-box__icon" }, h("svg", { key: '33079c68d16857ac3033c7d8ca5d5ca77412b367', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fe8349b54e4c6fb2892261b8ed7a6b92d037cec', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: '24b015346e4a09df97919115e3fabcae2a56dff9', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '88a9d2d6940ac86ed8f21570459dccabbf37633d' }, h("div", { key: 'eca3ea2f1d4804b18d7171e1f6dd254cff5cd600', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '4f05ea95aea67c9729aae2894e88635c5facc32c', class: "dga-label" }, this.label), h("div", { key: '76e16af074ca388111f407bcfa82929d9e8d1d3e', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '942c3de63476bd1e8c614d06a42c02e42d9fcabf', class: "dga-search-box__icon" }, h("svg", { key: '46fcb4dd3da9dcd3164d6b4c72682cdcb3dc24e6', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '5a5830806bb872f277770c062e149b9907f41137', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: '4a838dbe715fd93ea440728c6a71390667e0c251', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: '7456fa0bacbcfc924570d49ba03aee643634b03f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '18f2c1e4f650f34fb6b7b46834a00ec14aa8f512' }, h("button", { key: '83dcf8bb7af691e5f6e56c3c9a0264aa06b6c4c5', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'b136b525a8fa02744b392fefbfac56b6a97874f0', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '5b27a74e77217ea046915d954c4cd6edbee76420', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '85ebe6952fe5768f483dc3f74f3d5729144a5be5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '0df6d0c2f889c4d74fcb8ca2666716e2d85bd6f6', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '4223f5040e05237265ea15bedc197d8012190243', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
+            } }), h("div", { key: '775b97d96ac19cd57ba1241d95ace86067ff2d47', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '02bf3cbe1096ca48cf2c9ae0b153f0f608edd166' }, h("button", { key: '0ba8303fc60a0fb48339ddbe4b9b5642ee0758aa', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: '36157c809c2e9710292abad34a6ee895cb40fe79', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '8e2b58354cf88f37baf09f6b1833be45c5fe1e3d', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '635603ce26b7b2b0c8443bc631ffc05ee5eeaa98', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '6a0823c46da1192e80d203558855c980c81f06ae', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '756c24b2e194cfdb822a5f7df89e81fb5af083f9', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-actions.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: 'fec48112353fcd554b608780c7805c11ef383d51' }, h("div", { key: 'bb614b01662d01e7979638c6467014af2f5486e5', class: `items-container` }, h("slot", { key: '34dca111e83fd2489e3cb795dcf0083066a354a4' }))));
+        return (h(Host, { key: '03ad8c944fcdfb9fcfcf5864c8b886e186e06054' }, h("div", { key: '2233fcb8c83ba191fc2ef287cbc14c30fa8a4a14', class: `items-container` }, h("slot", { key: 'b790418f421a59102d85c454de22c8fb520afae0' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-content.js

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: 'd9b732973272bc20a9407bfb291293ff8936a792' }, h("div", { key: 'dce382719b0b96c984dee57dd4b054325ff4834d', class: `items-container` }, h("slot", { key: '851ec4474a4630d627326c6daf4da23f635fd268' }))));
+        return (h(Host, { key: '1b97779b8dae3b707a22902290bb57fb4c72f6e2' }, h("div", { key: '70397429191a6a641c184b7d35b736daa9d9f3d7', class: `items-container` }, h("slot", { key: 'b77aaa2bc52da19616d1a64d1253cbb24db9afb6' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header-item.js

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: '87572880e04d67c78bbe24dce793d6147d166d37' }, h("slot", { key: 'e478e5be9f8231a25f8f76dc5b44b062552d3305', name: 'icon' }), h("slot", { key: 'bdf901885edd5f6edfe77ae63311748da8f6550e', name: 'label' }, this.label)));
+        return (h(Host, { key: '0a64c4f13c7fb79f1385cf1b561f11a2a59b3dc1' }, h("slot", { key: 'db012d987bfdebfc7d3f5fc233a341d58b5c1f65', name: 'icon' }), h("slot", { key: '9d18466b2e2018c8bbe57a9c5323383e2b47fa79', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {

package/dist/collection/components/dga-second-nav-header/dga-second-nav-header.js

@@ -21,7 +21,7 @@ export class DgaSecondNavHeader {
         });
     }
     render() {
-        return (h(Host, { key: '4d6a56396f788b3f018b3774c84fb6bc0d0849a9' }, h("div", { key: 'f6c6cf9410c08dfdab2c9889852649634b763dbe', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '4b851ce02ce31b959365e7a09374097d369973ac', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '6214ce6582acd5ac51e252425546acd6a5edad46', class: `content` }, h("slot", { key: '3a70b02c824ba50ca99427169697341dc781c5d5', name: "content" })), h("div", { key: '2193cb09f2bd21e7741460d91ab3ab38c723370b', class: `actions` }, h("slot", { key: 'fa36abcb4f2e101b986b746af0dad2af3fee7fa4', name: "actions" }))))));
+        return (h(Host, { key: 'c8c4a2562f3e31be50c95aeb23019cd077ded13c' }, h("div", { key: 'f555756fd57ded513442f87d4db64dde78d4acc6', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'e80e51a8fb01393d1c2f4ca3200bedb86ea32cbb', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: 'a39f675edb98a3525d508a1133cbb8e13bf811a0', class: `content` }, h("slot", { key: '97707bcb0f1565d21f766d96491975cd54f04fb2', name: "content" })), h("div", { key: '0f288bfe53936b74514dd46709e2d70580bf502a', class: `actions` }, h("slot", { key: '2c7bd291ec85e0762acf63865729c31bc8515bec', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js

@@ -5,7 +5,7 @@ export class CircleSkeleton {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: '1c4aba90588b8e23561c6999447db5a2bceccff4', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '03c2c843297c35697447c1c0da45cc120344a1ca', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
     static get is() { return "dga-circle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-line-skeleton.js

@@ -5,7 +5,7 @@ export class LineSkeleton {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: 'a531aa32cc62a525b2026fdf0ab940b04e6b8928', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: 'f81c9091cc5ff82ee2461eaffec46a4f6fe31c4b', class: `line_text ${this.size} type${this.type}` }));
     }
     static get is() { return "dga-line-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js

@@ -6,7 +6,7 @@ export class RectangleSkeleton {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: '06beaee8ae43981602ad4274fcecdd7841e3e590', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: 'ae2d21016cf59ce07e51f93ae6852a8b263aa8dd', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
     static get is() { return "dga-rectangle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-square-skeleton.js

@@ -17,7 +17,7 @@ export class SquareSkeleton {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '800fd0011d6ce7f4b2b608f6f4b1694453e6a549' }, h("div", { key: '0781af9c657c121922acf68654c18b4e0d737fff', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: 'd19cc65a06fb699ba2429d6db6c8c212f4a324f2' }, h("div", { key: '4c6fb1ede1a043245eb773b257d30593fde22e80', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
     static get is() { return "dga-square-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-actions.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaSlideoutMenuActions {
     render() {
-        return (h("div", { key: '65a60f471a4ab213f4c1c3dab9c7ef6b510a8829', class: "dga-slideout-menu__actions" }, h("slot", { key: '39e921a4c59466a815ae1c10b67148b2b0df77f4' })));
+        return (h("div", { key: '946394f415d919f511b1eb2fe0a8a6320c801b02', class: "dga-slideout-menu__actions" }, h("slot", { key: '7a703a0141dedd5f94a8d8e930a9c798dde24a38' })));
     }
     static get is() { return "dga-slideout-menu-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-header.js

@@ -17,11 +17,11 @@ export class DgaSlideoutMenuHeader {
     render() {
         return (
         // <div class="dga-slideout-menu">
-        h("div", { key: '644974162d8b708862d95a5de7777aae6b3b8b86', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '0e17b150bed933e50780e4ac92e141126f2b8b60', icon: {
+        h("div", { key: 'e0741293c73ec6975329fd72173d1373562d443f', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'd853b104f6dc819177e40e786740025c9627db22', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'ae14285fdecd65e9e15b044ded49897c0284c9c3', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '1f17b0aa3e39fd4cb5776853a8ce0603d23547de', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'eaa482126c0d3b51120e99bb80d4754b2836ac0e', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '2565bbfc3ec38da30aa43571eb462a00a12f28cd', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'a34b9f701f2afc40a19f2b6625dac598ec5b351f', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '97b8bc458ba78f41196c379adbdbd8f7fe66e4b7', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'ec7b44dbdcec036ed144a747f6c44aca4d9bbfad', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'bd0f660548b76000dc1f8941c6bb2e18f8e6cb1e', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 type: 'standard',

package/dist/collection/components/dga-slideout-menu/dga-slideout-menu-items.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaSlideoutMenuItems {
     render() {
-        return (h(Host, { key: '39b333416ece26616362d3a5d02d39ae1853ed8d' }, h("slot", { key: '0c5bfc89d412375c136bd7493755de61663b0215' })));
+        return (h(Host, { key: '41606fe8dba473da7e8268209f1c4083b51d8363' }, h("slot", { key: '741c1c99fe3e2a6d9a805fb9be48f47529f173cb' })));
     }
     static get is() { return "dga-slideout-menu-items"; }
     static get encapsulation() { return "shadow"; }