@platformscode/core 0.0.25 → 0.0.27

package/dist/esm/dga-menu.entry.js

@@ -32,7 +32,7 @@ const DgaMenu = class {
         };
     }
     render() {
-        return (h(Fragment, { key: 'cba56b25063d535cf3660806f3b80822330c0c06' }, this.open && this.anchorEl && (h("ul", { key: '1368cf622296d6f04bcaeb75058e278936e15ef4', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '56c1ff862b1ff0cac2a7a6bc08235342ed956a00' })))));
+        return (h(Fragment, { key: '69bdc2e98bd65dfd11de009b1c1b3f514fee4dfa' }, this.open && this.anchorEl && (h("ul", { key: 'fafbdec7bf4ef68b4d79fb54d38883260665e154', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '6fb989d29109ac200f53ff8a2d3ec7069797b702' })))));
     }
 };
 

package/dist/esm/dga-metric-chart.entry.js

@@ -59,7 +59,7 @@ const DgaMetricChart = class {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '307dff369c3c7b97b21b4f9935ecaebe037f9f88', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '870be4a080f43cbc3bab0415611def0fe8972867' }, h("linearGradient", { key: 'da285ca623dbb895b5a68439b5e294d3c473b29b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '4b52d643e6ba6fdcadb458c0927080d15a76cf4a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '3551bc2093619f416e8dbdaebb01552a2e2cb856', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'd3e56ca310551702902d949efe9c560dc22ea6df', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: 'ba195d1f6b961271efc86deae9a98543ca04ecee', 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: '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" })))));
     }
     static get watchers() { return {
         "size": ["handleSizeChange"]

package/dist/esm/dga-metric-usage.entry.js

@@ -6,7 +6,7 @@ const DgaMetricUsage = class {
     }
     //   @State() variant: 'critical' | 'warning' | 'success' | 'info' | 'neutral' = 'neutral';
     render() {
-        return (h("div", { key: '23b1d3d8462958245739167a24ff0745e9603093' }, h("h1", { key: '28f57b5a541de63b6b26d4ca3a56e877415c08af' }, "Metric Example"), h("div", { key: '2cb81eedda63e773b0873f44544f43655c2702ee', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '604a11fbececb8bd69034bcb9bdefb8e08c2db6a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-apex-chart", { key: 'd015f98ffe73dc3709fef4cbfc9ef2ddb4a0e3ae',
+        return (h("div", { key: '1a07df4f182c0401af09a5aef3a8b8bd062cdebb' }, h("h1", { key: '3cf8047b1d5e85fb19c854eb0336358a1f2690c7' }, "Metric Example"), h("div", { key: '62100d47056658878c8299c613ca2bea8da78aa6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '397b8e44ac6f9c100239ac0284fe64ad2156b6fa', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-apex-chart", { key: '2f60285003d4d93554f6cdaaebf612c6475b4cbd',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -98,7 +98,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: '03e7380ba4e399482cfc4d3067369592c4813a5f',
+            } }), h("dga-apex-chart", { key: 'dc1de635a28c5571e214ebb5b57bb519ef840b43',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -190,7 +190,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: '3c77d04aff110ca8ea9d0fdf3d6640831b29ced3',
+            } }), h("dga-apex-chart", { key: 'c263be3a032352f77b4e6e735f03a02ec694f26a',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -282,7 +282,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } }), h("dga-apex-chart", { key: '26c2f01cc2726066c006e239c2f8e10133c7ae95',
+            } }), h("dga-apex-chart", { key: '048ee888f1cc575728e10476cb43afdcb2defa6b',
             // type="donut" 
             //   series={ [{
             //     name: "Desktops",
@@ -377,7 +377,7 @@ const DgaMetricUsage = class {
                 legend: {
                     show: false
                 }
-            } })), h("div", { key: '4ce0fd9a63c1d03b3e9ba1210c11d3da4bc8ebf7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'c6133b5383b20d980e00abeec668d5fb3a9617c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-modal-actions_5.entry.js

@@ -15,12 +15,12 @@ const DgaModal$3 = class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: 'd145e623f92b0e7258492c2b880768def72564fc', class: "modal__actions", style: {
+        return (h("div", { key: '9eaeb30db277a5b7e33ab65b1e055c28750c1358', 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: '6d4982f477065412bffcf89ef168b1dd1ec78365' })));
+            } }, h("slot", { key: 'f2950e95256e78e0a565c47c775be07b635ce579' })));
     }
 };
 DgaModal$3.style = dgaModalActionsCss;
@@ -32,7 +32,7 @@ const DgaModal$2 = class DgaModal {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'f82c5ecc241b63adad0f4b7d613005c8e85dd406', class: "dga-modal__body" }, h("slot", { key: '6e7ec28fd3a8489b37d4debcd13e1defe3cdf6c5' })));
+        return (h("div", { key: '6b80872d6b5a1f9c40fd6ed21fe336e5655cee25', class: "dga-modal__body" }, h("slot", { key: 'c65b5dbf590c83bbe44679d0e01145bb17b74bed' })));
     }
 };
 DgaModal$2.style = dgaModalBodyCss;
@@ -72,7 +72,7 @@ const DgaModal$1 = class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '3735cf4ce746b7bc6c132c7ae76fc0de2526977e', class: "modal__header" }, h("slot", { key: 'cff6ec8ddc337ce18b54b33a9565564e92f01da4' })));
+        return (h("div", { key: '7ab911f500589ed297062a854bec0cdf1e01ebf7', class: "modal__header" }, h("slot", { key: '7d175a49798bf3620986f3c5332061cb1e56627e' })));
     }
     get el() { return getElement(this); }
 };
@@ -85,7 +85,7 @@ const DgaModalTitle = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("h4", { key: '618823e6ca660a890e00035aa9d4b2b71d8c61c1', class: "dga-modal__title" }, h("slot", { key: 'c34ad3e95980a5b4698c2faff24e4116b1304d38' })));
+        return (h("h4", { key: '2e2f657a5b3c1f5c5a048ac789f7a9fc317a9483', class: "dga-modal__title" }, h("slot", { key: '25ed7e28ec4c86e2b2df894fea1a66adf1e42202' })));
     }
 };
 DgaModalTitle.style = dgaModalTitleCss;
@@ -142,12 +142,12 @@ const DgaModal = class {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'a921254ddb71c5e4d4e4c8ea5e6b969081c2c0f6', 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: '1a3738b25ea722cb35497d1827bef32a1833157b', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '7e0235bc762bf8aa1132254d31c8493fad259ce8', class: "modal__close-btn" }, h("dga-button-v2", { key: 'b5ebcdd5bf4832e8253e3f9e645a49aeabbedbd7', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        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: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '67d8225a596a7aa440b6119d09d41c068f706139', name: "modal-header" }), h("slot", { key: 'eddcd40c1c20d699466ed44118ee4b47afa05bb6', name: "modal-body" }), h("slot", { key: '74ddf7cd78d29dadd3d18df298eb9fbed0f14ce0', name: "modal-actions" }))));
+            }, 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" }))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-modal-usage.entry.js

@@ -6,7 +6,7 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (h("div", { key: '27c3ad37ce22a8977b0051796408c7bfdcce65e1', style: { position: "relative" } }, h("h1", { key: '32db0c599a5e0d46aed2673acde802e8b4a8473f' }, "Modal Example"), h("button", { key: 'f1f54b8dbe31f62c4ee4a3c15823a148dc42435d', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '4e5530b0c709f30aa23c228174996c8a4ffe0cf1', buttonsList: [
+        return (h("div", { key: '8cde72199e094c6b7dff6f5cd34ba6aa6a6f081f', style: { position: "relative" } }, h("h1", { key: 'ab21096bfdaac655e70beb5f1f9657b943f10940' }, "Modal Example"), h("button", { key: '7c9e08e528699b0770816eb7a585aa79269e012a', onClick: () => this.show = true }, "Open Modal"), h("dga-modal", { key: '2e4e878d1e859e8017c369d66aec7b92e77f1ac9', buttonsList: [
                 {
                     extraClass: '',
                     label: 'Close',

package/dist/esm/dga-modal-v2-usage.entry.js

@@ -6,12 +6,12 @@ const DgaModalUsage = class {
         this.show = false;
     }
     render() {
-        return (h("div", { key: 'b4695680db3a029cfe4efd2f71463fa0a092c605', style: { position: 'relative' } }, h("h1", { key: 'fa014db09c70f1ad61fb314b4d77ebbce2b36579' }, "Modal Example"), h("button", { key: 'bf791f1dcf3f50f1b2158f3616cdb2e45aede5c6', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: 'a1ac745a5ad7aa0ea00f1e80c458092d96c0cf2b', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'fef60331e21e2762446d0d1a295d8a0bd562b9f7' }, h("dga-featured-icon", { key: '7948e3c95ffd7e595353e4cd07c381d9d9fb8223', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: '3a615d3543f9a2f78d36d703e7d09486e61deb66', style: { position: 'relative' } }, h("h1", { key: '52d6b0f5327d4b43c6f2ba441269f18ed2add35b' }, "Modal Example"), h("button", { key: 'f662fa7a71219988266afcea5fd853c346a87ac6', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '031406f95a3da5a3abb7985c8bff2a46a05e27f8', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '646b81b064fa72328ef891433306f76043edbd55' }, h("dga-featured-icon", { key: 'c841091c7904b9a91c530930c199a86c99bbcb5e', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: '69fa094498079aa226bc08570ec5203721aa2001' }, "Title goes here")), h("dga-modal-body", { key: '3c5905f25dee0e4f580ac195798de3ffe89d0921' }, h("dga-flex", { key: '4910340982107bb351dfb7f990a6321e82088cde', direction: "column", spacing: 8 }, h("p", { key: 'e63f88ba9eb8d37d42f93f21829c23b42078ee02', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'a1cba77032c52fa04e7edf2ed5555c25c3821355' }))), h("dga-modal-actions", { key: '945da078b9f2abbfbd3020bc7017d369baf657e3' }, h("dga-button-v2", { key: 'e879ce66902f510cfb3e9d023d43f793bf102f3d', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'ffc40448d203a3325c7ce264b86fb01b5bddfee7', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: 'a64a87932ce67def4699a340f6954d001edfd943' }, "Title goes here")), h("dga-modal-body", { key: '6adf7f8b3a3ac14fb5077a31515536bb1cd0eae3' }, h("dga-flex", { key: '6282de196bc18217211be3b049f47f93ed312fd0', direction: "column", spacing: 8 }, h("p", { key: '13304ae7000943f0e539e2eb5a971d7668c10261', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'f51de3838de5837834753e0553aea9bceb9a9697' }))), h("dga-modal-actions", { key: '418241a19ea03507e02c85c6725d5ab42af70953' }, h("dga-button-v2", { key: 'bcfadb76b0f68d9d005bad61178eb7cfa0dac077', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: '721df5c8993773ea7857702bfbb98f448b6e4505', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
 };
 

package/dist/esm/dga-modal.entry.js

@@ -37,15 +37,15 @@ const DgaModal = class {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: '80f0f37750ca74bca4d64e9725f3b7555812b03d', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: '66dd438932de25abe40bc084324fb862c200bada', 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: '2b44fa650bdde2fd29e4e3349bcd6192384ebf24', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '5a3654b7fcebe056f5a49ee9aaf1c6b53eab6874', class: "modal__header" }, h("div", { key: '3268a23e759a1f05df7e22202aaa20dc04615c6f', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '0b05a2fdfc34324392769ccae6d0a70adef7d5a3' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '9c64974b5b9942cafff2760f7ad3191ca739e6b1', class: "modal__close" }, h("dga-button-v2", { key: '60a35c42cd9c7fcaf3dbf63996ee2f7ed1c9c110', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            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: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '0dd72368dc4b8f4afeff51d06b5d45d3a081664c', class: "modal__body" }, this.modalTitle && (h("h4", { key: '5b62b1c40f4fc558a4d8aec023e79345abeda388', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '90c1453c6872f410ff8981f06f69633d07c1e958' })), h("div", { key: '50097470632a6c365627ec4a13321549abd02432', 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: '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 &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/esm/dga-notification-toast-usage.entry.js

@@ -7,7 +7,7 @@ const DgaNotificationToastUsage = class {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'b27093c8415591490842e14d9ae55dba414227c3' }, h("h1", { key: 'aff55bfca6f49674f75058e368e00ee4841760a0' }, "Notification Toast Example"), h("div", { key: 'c75336576e6287582f8eab0c86dc41fa647991e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c1346f1f0c9c22adf57706a4fdcbb39ae0a343c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f18b54c14748da8735c93ac48749cd7205d22351', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'f3ff034ac4985460d6447e238fe84c7e3eb916f3', onClick: () => this.open = true }, "open"), h("button", { key: '243b1d32858e6b12d0d13d57f300fef40a91322b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: 'e7be6dc46b4a11b7813d6f53f03230e2e8396799', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (h("div", { key: '188a74c0fa1d8de5875ea34f8c7367f8d77e21bd' }, h("h1", { key: 'f3b86d0d39b29efb3933f39ec579f1dfd0a48d27' }, "Notification Toast Example"), h("div", { key: '2172f6611d2493fae16852d57fe681fcc2691dac', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7ba38cdc002db66e44071cf683a48ce89e131ece', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '8f685a4f65db7e3bb6b9fafaa1946fbd1a067999', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '3fbcfcad180ce3f43b52bd1dd7bb6e4807d221b9', onClick: () => this.open = true }, "open"), h("button", { key: '3076b1d47f44ccb30a4ef51a9c0c19c20c91fdb1', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '1d8bfccd839df4eeab7d742f65b04043b435806f', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -18,7 +18,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '50907531b0e58d87a80591aa316e967e6e96687a', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '71672e3d602f6706f5066b1139d4d891739df790', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -29,7 +29,7 @@ const DgaNotificationToastUsage = class {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '4f9a08d122f0cd7ad5c79155dbeb9c5f24f67808', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'd93ead6559e00717b74bba7fdd73882ba682a715', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-notification-toast.entry.js

@@ -41,8 +41,8 @@ const DgaNotificationToast = class {
         };
     }
     render() {
-        return (h("div", { key: '81b0c5991275eb32275b22c160430b3923bd303a', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'd36f650f13ae715a4d2ce47043b088eb3c7fc2a5', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'd91d5937d27704ee2dc920a121999ff4cdc6708f', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'dfe749e3a0b2fcca440d105cde695986ead93b94', class: "notification-toast__body" }, h("h4", { key: '63259f5797ea01a43979264516428aa4eb855f43', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '7cb6927812f829db8e3a92a42e3d2a2b4b6ecdfb', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4741f5f7971e56d2ce3c27d7ce99ba3c0474458e', class: "notification-toast__close-btn" }, h("button", { key: 'd92fa853aeecb76ff7a8d5c6983dae23264053f2', 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: '138818d41c88ef9f48bab948f8bc4b95b38ab625', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'd20d4b10017b228041a284fb9081aa97d6ad860e', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'b68f00d6aac5dcf204110e1095bcc0c03f897fa9' }, h("div", { key: '5eb01a64604b9c15107438c43fee3d86e57ba8ca', 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: 'a2b573d02b8c1e69622133bb9c1cb1e72d962845', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        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 &&
             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))))))));
     }
 };

package/dist/esm/dga-notification-usage.entry.js

@@ -6,7 +6,7 @@ const DgaNotificationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '456cbb1ef8e3b05a9ef8aa0d3e57215637c1db07' }, h("h1", { key: '9a87ae77023d734bc38d15b1233b96eec9e4ff75' }, "Notification Example"), h("div", { key: '11361304559d529fefe953245ea58ed522c5e0f9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1a7aeebdeed8813e987a85a0de8d1b624a9f3c60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '919abcbfdd3a8eadbbbdd9eb31369c4b4c83b3cb', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'e9aa06d237dddf1d21dda3cf18ba5ae0fd2be4eb', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '00b9be236e2145da21685d167566609a00ac9d4e', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '045221f5e8534e48c85ce7e41c6898d21ed7cc08', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '419b919cfc9a7847de472275d26d06e4d6f66364', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'f3a993f819227d4c43657e2556f82c27e17b7d8e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '57471f201e667cb1810076e695d89558e5a1b234' }, h("h1", { key: '417634a288b5bdb76abd26a44b78e0fba6a2c7b0' }, "Notification Example"), h("div", { key: 'cfea8bf7ea9aa2fb1b18fbb66d3586c06df8ca4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6b784b2a1c2b5165aebee483e7f2ff5fac630902', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '32ae958959fed4b91eaf026201d96ef8c3014eef', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '97bee463828d792dea10b5386a9fd8bbfbeab35c', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'b6b3aa27eebe463f58a771fac6cdbcec8906803d', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '7a23725c11f7b14b4112d3283996485cea34fd6d', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '44591f2e2da8d9e5611930d14fb612e2af025327', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '9363f097d2bc685bcdc0a7076ae6347ee3fa749d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-notification.entry.js

@@ -69,11 +69,11 @@ const DgaNotification = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c780b2a9ec8286e8a07b539d5c01978c73674edc', id: this.componentId, style: this.rootStyles }, h("div", { key: '5422c00322a015643136f9501474e82c9b4bc5f8', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '13f9e3763da464acfe59f3e49221c243c5a59487', class: "notification__content" }, this.icon && h("div", { key: 'd13ed9a3637a3d5c9fc0f152c186758d1505b16c', class: "notification__icon" }, h("dga-icon-v2", { key: '1fb84d67ef6a981be0746225c3ffcf0cbeb83566', 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: '0db0967eb603a960e0bded4be6742eefbfc713f7', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'be7449e8a068860f5fbc8b8e5ed7571d4c7f3fef' }, this.content), this.link && (h("a", { key: '49c8bc84143aa692052562702a2bda51b0a7eb28', onClick: () => {
+        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: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'de5bbd873d7f93c6f69e82c0f5e12f1ee32b6160', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '963b8fd68fcf2ca869db4a5aa2d1b008960ff3c9', class: "notification__dismiss" }, h("button", { key: '9274fa4c3df51bfb8b17ed9573e62135333daab3', 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: '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: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '7c72401e5c8ff914d54b7014069c8178ac0d0472', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '187ec9b2630b6190ae20a72296e9543a15e65e11', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '386acaaa7397e7dfa82601709c4b7d856ab467fa', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '603a3cb477f402bd65d29890f51b63270bd0ad53', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-number-input-usage.entry.js

@@ -6,13 +6,13 @@ const DgaNumberInputUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '4f18ad25895c8d8a2b37ca586c07c6effee3b616' }, h("h1", { key: '8e472dc4041cd529d9f858100adbf454781838eb' }, "Number Input Example"), h("div", { key: 'd5a232edc6da9117325c2db1b4f880533161fe4d', style: { padding: '50px' } }, h("div", { key: 'b117f02e94aaa08f4813aeb0867d3f67cd2ce220', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'c3c19012a03d7869a8559815d9c38ac6c79cf63f', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '2dd6af5f021f04b432453a4140fb40b435273736', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '3f7083c0a957a30aa2190fbe04ded363d8d66be1' }, h("h1", { key: '4e143a435c8c0bbefec7f9e13d000d5aadbd8d8a' }, "Number Input Example"), h("div", { key: '7ecd8da3895351cdbf03b9696796ef8c4aa3312a', style: { padding: '50px' } }, h("div", { key: '9769176f7a55b154264d891943c08925022fdfb1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'e5deea9b7982a644cd712085f346e4eddcc2f0a8', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '1e72d6160cd2ef916ee6f5f335ef3856e4694b48', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '499be806013aaa65b276a991b8dadb95296dc05d', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '197b2b1023695075eae9d33705e71fbe1f8ffa3c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'af0831cc65ed6096a74a46f2164c4d2644f29796', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: 'cdeb37daa1ac55924bcfaf090f49c314f15c00eb', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'c548ddc93af69b15dde8830ed1677c73048138da', label: "Mandatory Text Input" }), h("dga-label", { key: 'bf39344314a06c9c690a2646c9cac33914019612', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '0c1a6e92835a6ebbdc6121067682aedf9f44386c', label: "Mandatory Text Input" }), h("dga-label", { key: '492b44db0efb5337f0d1aff9bf182763eb278390', label: "Mandatory Text Input", required: true })))));
     }
 };
 

package/dist/esm/dga-number-input.entry.js

@@ -69,12 +69,12 @@ const DgaNumberInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '8ea46e3ceea9a9480bddc6e76fc1ddc6b827b1b5', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ddab91b810d46042c9cd9def096fe12ba1d235ce', class: "dga-form-control" }, this.label && h("dga-label", { key: '40dda0ae731426bdfb955f638c185d1ecf0b0b54', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '6e1f96be3865da823dfee4bf8759f7e63da9a87a', 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: 'b8560de6ca70e77475f90f45b1d76c1a1a01a7ca', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '144a49aad4b27d187684db97e0f184a191dbceeb', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '7b3ecf6731c4012e101b9a95211c6770fffefc3e', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '4e1b87047f9ee7421e5737caf7d03391726aa5f7',
+        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',
             // 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: '3522ea1a0e56a4b5b6b2fdbb1d63372f0c1bc72c', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '7ea7eca63c83af8f7fa9a3e473d9e31f93fe9e23', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'c7c1ced12d1ace25405e9da803050e424f5ec46d', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'be3f0381bb1c9bbec08a7a453efb258da1a4a76c', 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: '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 }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-pagination-usage.entry.js

@@ -6,7 +6,7 @@ const DgaPaginationUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '02ccf5d9f2ca65255594fc6689d2bd19f9cb8c84' }, h("h1", { key: 'a617a8786fdb21fc278f3fb078dcd63740f48401' }, "Pagination Example"), h("div", { key: '19c299d6ae7a2bf3b7070779635917d47fcee353', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd6195056de135caa362560d1e7acae790d3a5922', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'ed5c4ae8cd89548a93bd6e4820dc2361327b46fa', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '599e9368043983fc6b5f2a212ff1a39b429588ea', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '37b899a04dd72c6e2eddf2aee246e9eae1a6cb97', totalPageCount: 10, size: 'small' })), h("div", { key: 'af2d0275be88b5d6746efdae8078e49640a0b20f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '9f625c29d368b4e0411eaea590656a31fa6a63fc' }, h("h1", { key: '9366abd95d516a8ae9e582bd1bf1444a894a1783' }, "Pagination Example"), h("div", { key: '0ed92ae7626fcf7480a3b29d40fa3d04ac653c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33bb5d88aef980ac3d22a3cf5b36d7a9324e174b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '4ba100561b9fb4eab364c869b404800228361213', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '820eb9c46cafd1cc23508cf87dfdfc58abbcd3f9', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'bf95e07d94ba006af7b8f50367cf79f0affc544b', totalPageCount: 10, size: 'small' })), h("div", { key: 'b83a6896afac005d53719bcdbe1ec1e8d9b98e90', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-pagination.entry.js

@@ -80,7 +80,7 @@ const DgaPagination = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("ul", { key: '3626e0767ce4d2858ca09bbbf047208b17816918', class: `pagination pagination--${this.size}` }, h("li", { key: '63e6609b4dfdfc315a838be2673b2bf022f578b4', class: "pagination__item pagination__arrow" }, h("button", { key: 'fd0139c8ad613c77309ab7076075d8bae1c1c292', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '0bab9d3618bab8b85d9a20fb52b7533495ebf89d', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e5787f672def619aea687454cc08f45deca09339', id: "Leading Icon" }, h("path", { key: '23c63e778fd9740e05e298be807f85d0b2a69fec', 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: '522c13da7cc4ecf3faa40eb77e230c92da9fe424', class: `pagination pagination--${this.size}` }, h("li", { key: '7f15475c0b53b1e72a652f1dee3f8f6cc038c1b1', class: "pagination__item pagination__arrow" }, h("button", { key: '5c70be275a685b1ca3dec3ea75bb57e1ddf949bf', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'b19da6f199c711400b807a175d8e38197c0658ca', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '72200ee4d739d4b430cc0cf15bb0b77f9dd77bd5', id: "Leading Icon" }, h("path", { key: 'a2da9ec7ee2d73498c953a9aceb0c1f130f4c754', 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"));
@@ -88,7 +88,7 @@ const DgaPagination = class {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: '574f437a37c9220207a44416359dbed63cc4c312', class: "pagination__item pagination__arrow" }, h("button", { key: 'b37233eedaf43a034ce44358acc2e6b6e6fd30a8', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: 'c812822cfaeada96e310a3eb38e271944e5b8b5e', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5b39c3b69d5cb3168f14a020799216df34b419f7', id: "Leading Icon" }, h("path", { key: 'c4384a003775954868786a4696ed7e1c0b94d4c8', 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: '09473acabf311c941728d372c5cf2bbce30fa9e8', class: "pagination__item pagination__arrow" }, h("button", { key: '9ad50351c0c1092c012b76c467fd2015ec3b28b2', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '5c9c3e76bec4871b8c6149e7141a96f490bced4a', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e98dd855d832698b48d091c7594db8976c72f284', id: "Leading Icon" }, h("path", { key: 'e44adaf31ad7292604158cd91af5a0c0e7e84903', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-progress-indicator-step-v3.entry.js

@@ -71,7 +71,7 @@ const DgaProgressIndicatorStep = class {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '1dbf3a46fd2a16be1fed73c03024f3e6a4aab05f', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'fd7b1d9d72dc84e78a9b5a86febf9a3fe1477b14', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '20398cc4dbfe44280b10f13e5741a55c74aa2ae0', class: "step-label", "data-state": this.labelState }, h("span", { key: 'afc36029e3aedc6b657b4c71e43bc902c49660a8', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e9ac3adb6f843e081e51c788163b3e4dc1a83490', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'a14606aa329d9c664577e92525c6a5969b43a5bd', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'aa46e054ae72ffda1c48a776195a41d2c0209c67', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'a24a8f4ff6b89bae49d9f3429a9a7bdbdb95c14f', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        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' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-progress-indicator-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: 'b77c2c3b1acba42094b27aa328456e736e0725ec' }, h("h1", { key: '8127735eb763a341ea8dd94e223e85e6a006ae55' }, "Progress Indicator Example"), h("div", { key: '2cbdd12f0a67b28a816330fd60dff309e28e69a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0ce3cb7b5356321f74c8567619310a4b308b3b9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4646171c942b320e445eed4de57692dfba26d363', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'd9b894d753c0d898af667fa28e70588a1054357c', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '4d98f49fd77c6169c733a36126b5aed3a2260b3a', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '0d0bcff29e2abcf3a4d8f5a1a07f1862d9500030', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '5e38352f81a233749902756fc63e6cd107da3563', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'cc0bbcdfafabb9cb3020f822a78ca48bd246ba40', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '0cd1bc7c505a5753a88e88e871b4d55c08042867', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '0dbd56191dd8260fc764c6dc460a12e2f4f7382e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '262a0a7fdabbc9ed18c3982565ff5ef7333cce8f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'ea99bdc73f5faf8f201366a39a0c14ac5001cc4c', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'c31d971bd227cbedecd103182e8ea5919974f6fc', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f436f9c7cd242bb46dfe46d2e5353f47dbdb8cdb', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '43bd8531e87ed5bfc6176f80cdcad4f4df1b2866', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '106fccf5a9376be9fb0b47692373af84ce09cdea' }, h("h1", { key: '44dbe154c248ec8c3a35ee7f60c31b9665159a19' }, "Progress Indicator Example"), h("div", { key: '3ac549dc760eddaaf216e399dc32a068d2ae6bfc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '15aec93f75ac5fdeae35c1fc60b764c08d36e9e5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4aeb40f7c59c99fdef2356aebc37bd0ba8bdb3b8', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '2f69413030457e7c9c192efb310ee0fc8b278934', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'bd617089fd8e529ec72832ba1bc9083a15f3bc6e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '732d540938f55034f8a48086ddd61437ef4b18c5', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'f3d8312f2d033eb01bd7d03803e481aa4c6703d9', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8317a36870b00c58373111bb039702b4a18d6e58', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'a568405aab73427ee03b42e582d575dc65c377bb', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9221f4bb855dfcc8282144b5cf1e41115562505d', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '2c69b186ecac0feb2f7ff0073b7b44d43ef48dbc', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b423c50761562581d6cdde4b091af150a6458652', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '679018080064e782a8647ea5281bffa547b84e3a', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c1745bbe4133c654a38936f510701262620db106', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0ae88c79be9361d7ed9b72dc1a31a339e6f9834f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3-usage.entry.js

@@ -8,7 +8,7 @@ const DgaProgressIndicatorUsage = class {
     }
     render() {
         console.log(this.activeStep);
-        return (h("div", { key: '746c52d2738b891f8865640e16bc9da478b84d5d' }, h("h1", { key: 'a453648bb63c8f86119285f828c8fdff6fd714ea' }, "Progress Indicator Example"), h("div", { key: 'c70430f5ffc792bb61a24152322d7e93cae496de', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9b23e1074acff3c5fb44d8ca731267f75749da32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'ed0d33ac40706b5cb3820765089ad28ccb914c33', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '8495faca33142476f0920bf32669e394ebec8aff', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6b81a4caf71e9efe66a729edde1b6251a4ca0792', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '09cde36c1a0691a492b7cf76e6e710cc5aa36bfc', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '42f89fe993ea77ed99ed4d294afb1fec777ef4ee', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f60e6ca84c34d8e35e653fd6cc3daced58613a3b', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '168398d9820a2169e4691c6edcb359b114aab03c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'bf2bd2600abc3fa0126ea0f134e9409aecf55041', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'd0517f47d67446c67a5ddefcf872b2d55b848dbd', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '84aec3684de4a491f8891ebe57478da577f0dd47', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'dd2ef38db6cae55adec454fd724b62416ef2aeb7', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2806f3434f0a5536e0eb57dcfce72aa2e325a1ee', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '785e3d392ad8942c4594901ddfdfcea50a3ca7b5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '2e67332be3cbc09aa1f52c603b38b40a425b4ab5' }, h("h1", { key: 'c36873fdbb35ed744706d71832e111e6516dc7bc' }, "Progress Indicator Example"), h("div", { key: '9012f1073f3b65dbc117d6ef397cdbc742c2b45b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a8bd76a479b6a898cca37827871299289ff7ef8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'a0cbba9d112124f8046c9681d69d96c084c26c55', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '03b46ad5b402620bff27e75975261e312081aeb7', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'ac53fb0d1725e6fc4cfbcf2853e0cacf4f5f3a13', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'd7b0f137c48c1598797b493a11d6689b07ab273f', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'ec91d9c12847d8171ab3889546bd02041e50336b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'e15acb2f02f8f0307700f0348d596c167db2fd91', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '09ac63b35b0e1b6e8b9f6d2a6cdc8e3f1aa53611', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c6d55428303b4844bd4f6886bbb0359efc279c94', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3da8bf9e08d55d927a156c7327a8e4b70a2eb35f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '923dd3327a310769f5771acd1f7efeea38e32355', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '80634516df4b935ee481db880bdfb35935a09391', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fb028923ac03aa0a1846b12b625db1b39277b6db', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'c7e55f39f75b551d218b58788d832115c15fcee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/esm/dga-progress-indicator-v3.entry.js

@@ -41,7 +41,7 @@ const DgaProgressIndicator = class {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '0ff5206d743479944290789f99366dfe4ef1bddf', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '8638e870e203323992f543bb281f820a509a7676', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'b9835c5da618944163c794c3fb62ae302bfa1bb1', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '3907a21a9f1c5d6f0bc8b6a880612d94047cc02c', name: 'progress-indicator-step' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-progress-indicator_2.entry.js

@@ -28,7 +28,7 @@ const DgaProgressIndicator = class {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '4aea1c7173ba2d9274ba39419d8767d9e23c4f03', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8685c9e567cbf578c85be1e48000c91e2fb92467', name: 'progress-indicator-step' })));
+        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' })));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -101,7 +101,7 @@ const DgaProgressIndicatorStep = class {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '9f84b833ea44f62126faecac063359f3e064fa29', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'a641ae0043e8c0b935b1eb0aad55c94eefa525cf', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '7fea0344757a6242c7096b2d9bf78064d6852668', class: "step-label", "data-state": this.labelState }, h("span", { key: 'ba1b24ad2afdf1006d4159b17fbb7a74d1c15925', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '32ba97665227d1f0e8ad96518cd2856d75ee79e1', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '8eda496c093ff4d5bd2018ead4f17d84ba00b1a3', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6fcf2b93d70a0a083e5e20cf755cbc8fd4729133', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '24bba663d5463842760f83170d5ab108044df178', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        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' : ''}` })));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-quote-usage.entry.js

@@ -6,7 +6,7 @@ const DgaQuoteUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'ebc6734bba474af45cad5346c773837c3cece4ec' }, h("h1", { key: '4604e33f2822892bac6132da1f4fa0d4e760e00f' }, "Quote Example"), h("div", { key: '2d3f9e4fc8a43c05f72f2be0f7f093251bd510f2', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'af206ef1d91f3e9fee96ed8e3c68324a6029b0a1', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'c2a34925fa5b4aae8b6552bd403eea99ed7797df', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '30bd30a6b8b5ef1b32e1a546431f6bb17fbcdcdb', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: 'ad8bfcfd10847500c3b1a4821c06dfd6744890e1', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'cb447e17357b90a14014fe55a845807dfe95f9c8' }, h("h1", { key: 'a2287112a494870bc1b70d1fe106bd6da74f5086' }, "Quote Example"), h("div", { key: '86982734cee28192a6a898e8ba5de1f4646d9c1b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'cbb219394b34a855a2f40c3ea523c5151e40f7db', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '3614c152ed03747f8858dc0307dd2b72e3dc0d55', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '1a78531153367a71175e855428ce645b20c7ce0a', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '6fdf557138daa3ac1dbc46265776b3e71982ffae', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/dga-quote.entry.js

@@ -31,7 +31,7 @@ const DgaQuote = class {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: '6d298040f80d9b3a85c60fd1cfdb39af09e7bb2a', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '426c29d2980c1216d15d7ee3850577e4b60bf94b', class: "dga-quote__body" }, h("dga-flex", { key: '50955674b71d2be6a8b0d6b65f226827f44de147', spacing: 9 }, h("span", { key: '80349c18221c8eb9a899c5979b3096b0794dcb43', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2ec58e6133709d118b8817b1d7fc0febc3f11cb1', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'b30b4f0cd2d9931f23b7f58cc49309579702beb4', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'a8a2ddeacf83ecd4264c6436f1de9371c63daa57', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'b19b301d684b0e6386c2d7af2691aadd821fa5b0', class: "dga-quote__auther-details" }, h("dga-flex", { key: '2c3f63e435e77f016988bdab303606f1628ee98c', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '577ae619d155e08dbf0d673d0a8cd9e18534733f', size: 80, type: "image", border: false }), h("dga-flex", { key: 'e9cb2297279130fc183747fbefc41fec0a1e145c', direction: "column", spacing: 8 }, h("h3", { key: 'a1c33f6ae557de9fe2cd8537194451617539c7e5', class: "auther-title" }, this.authorName), h("p", { key: 'a9fb6b26c1c9ecb981fd5eb4b29f8db08294bf48', class: "auther-desc" }, this.authorDescription))), h("span", { key: '0b422f7d04c98567709d72a69006e8b428c65e4d', class: "quote-icon" }, "\u201C")))));
+        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")))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-radial-stepper-usage.entry.js

@@ -15,7 +15,7 @@ const DgaRadialStepperUsage = class {
         this.activeStep = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '545c32fc6e248f7d53d0b6fe65230d31bac944e9' }, h("h1", { key: '1e2b9db936b1fa1624095af68335e4eab299059e' }, "Radial Stepper Example"), h("div", { key: '34b6d64b70333a50a4db48e831e2428565623f13', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'dd8aaaab3e3c8724540bc1690b0ecbb8b2eb0e5a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: 'ee84e3ba80a9559bb8ec1fb438e448264162cf7e', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '9c47326563e04d03b5422f50a428cb623cce6d65' }, h("h1", { key: '97cddb162e9bc7d8c83025204612a6d4de56c038' }, "Radial Stepper Example"), h("div", { key: 'cadbed3beda2ac862eb34ce14692bf9a7e34ef2a', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'af0b6c808347210dcc234c9f4b692618dd53b58a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '7bdd6ecd7c6d4294f8fe8bd5647730adceb9aa62', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -40,7 +40,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'c2693356e66900de8f7c0e92313ffc6ac30e85c3', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '27992509962a448e713582ae0bdd9228cc508e0a', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -65,7 +65,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '210177d09fe14387621f4e1dfdd1d7a35e9bda38', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '9d42d0c4b192722c16e0309a7fd48f37f2207c5c', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -90,7 +90,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '2bc8d0e0b1986136c6d96fbf0c9e0ea7233a12a3', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'bb8494cec27c5057efa6ac98ac8310a28974885d', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -115,7 +115,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '4e095dad5a41854888171089402f9b17cf182dad', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'c268850e80ea824df23f96261c3459c21f816e45', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -140,10 +140,10 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: 'c37fc188323cca1f95b7a8d12149cefc1507f7b5', style: {
+            ] }), h("div", { key: '111539331b3adfd028ef4386e6427f8f7f772327', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: '0fb7aa5ef7472a6da4e711f5430c8a67341c78f7', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: 'ff0107615055b8fa120de77d0fb9c7802db933b0', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -180,7 +180,7 @@ const DgaRadialStepperUsage = class {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ], RTL: true })), h("button", { key: 'ab95b9b53cb94e8c41c4fb861172f2c191c15c17', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'd88d9c3de209284a930f49a06bd5610765a9674d', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '2d24b30a7ff991955aa5299425d2bf3324e72866', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '20fa6550f6df7d0daeed82e39ae4b307c81ee2a9', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '8c380c9a63df6dc7db9708d5d1ce7a7c8d63b00f', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '77b2171cc10e239f9fd915451b78dc2f4c47cb56', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
 };