@platformscode/core 0.0.25 → 0.0.27

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$2 } from './p-awc5v-Xx.js';
+import { d as defineCustomElement$2 } from './p-B-Gbfo7g.js';
 
 const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginationUsage extends H {
     constructor() {
@@ -8,7 +8,7 @@ const DgaPaginationUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPaginatio
         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' } }))));
     }
 }, [0, "dga-pagination-usage", {
         "variant": [32]

package/dist/components/dga-pagination.js

@@ -1,4 +1,4 @@
-import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-awc5v-Xx.js';
+import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-B-Gbfo7g.js';
 
 const DgaPagination = DgaPagination$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-prefix.js

@@ -1,4 +1,4 @@
-import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-Dl_f-Zr6.js';
+import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-C7b9Kw1u.js';
 
 const DgaPrefix = DgaPrefix$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -72,7 +72,7 @@ const DgaProgressIndicatorStep = /*@__PURE__*/ proxyCustomElement(class DgaProgr
         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 this; }
 }, [0, "dga-progress-indicator-step-v3", {

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

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-Cfkdns2f.js';
+import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-pwESyQzO.js';
 
 const DgaProgressIndicatorStep = DgaProgressIndicatorStep$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-DuEKFTHD.js';
-import { d as defineCustomElement$2 } from './p-Cfkdns2f.js';
+import { d as defineCustomElement$3 } from './p-CBFY-ks-.js';
+import { d as defineCustomElement$2 } from './p-pwESyQzO.js';
 
 const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaProgressIndicatorUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaPr
     }
     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' } }))));
     }
 }, [0, "dga-progress-indicator-usage", {
         "activeStep": [32],

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-DuEKFTHD.js';
-import { d as defineCustomElement$2 } from './p-Cfkdns2f.js';
+import { d as defineCustomElement$3 } from './p-CBFY-ks-.js';
+import { d as defineCustomElement$2 } from './p-pwESyQzO.js';
 
 const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProgressIndicatorUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaProgressIndicatorUsage = /*@__PURE__*/ proxyCustomElement(class DgaProg
     }
     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' } }))));
     }
 }, [0, "dga-progress-indicator-v3-usage", {
         "activeStep": [32],

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

@@ -42,7 +42,7 @@ const DgaProgressIndicator = /*@__PURE__*/ proxyCustomElement(class DgaProgressI
     }
     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 this; }
     static get watchers() { return {

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

@@ -1,4 +1,4 @@
-import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-DuEKFTHD.js';
+import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-CBFY-ks-.js';
 
 const DgaProgressIndicator = DgaProgressIndicator$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$5 } from './p-DOYNwn5Q.js';
-import { d as defineCustomElement$4 } from './p-CjYYybR1.js';
-import { d as defineCustomElement$3 } from './p-DiC-xcof.js';
-import { d as defineCustomElement$2 } from './p-DFC8U5zE.js';
+import { d as defineCustomElement$5 } from './p-DVUb8Tt4.js';
+import { d as defineCustomElement$4 } from './p-CCimZGO2.js';
+import { d as defineCustomElement$3 } from './p-DN3DJd5E.js';
+import { d as defineCustomElement$2 } from './p-DCwT1t7T.js';
 
 const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage extends H {
     constructor() {
@@ -11,7 +11,7 @@ const DgaQuoteUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaQuoteUsage ext
         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" } }))));
     }
 }, [0, "dga-quote-usage", {
         "activeStep": [32]

package/dist/components/dga-quote.js

@@ -1,4 +1,4 @@
-import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-DFC8U5zE.js';
+import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-DCwT1t7T.js';
 
 const DgaQuote = DgaQuote$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$3 } from './p-CjYYybR1.js';
-import { d as defineCustomElement$2 } from './p-D1dbtG_o.js';
+import { d as defineCustomElement$3 } from './p-CCimZGO2.js';
+import { d as defineCustomElement$2 } from './p-O09aJ_YO.js';
 
 const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadialStepperUsage extends H {
     constructor() {
@@ -18,7 +18,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
         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",
@@ -43,7 +43,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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",
@@ -68,7 +68,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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",
@@ -93,7 +93,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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",
@@ -118,7 +118,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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",
@@ -143,10 +143,10 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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",
@@ -183,7 +183,7 @@ const DgaRadialStepperUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadial
                     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) })))));
     }
 }, [0, "dga-radial-stepper-usage", {
         "percentage": [32],

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

@@ -1,4 +1,4 @@
-import { D as DgaRadialStepper$1, d as defineCustomElement$1 } from './p-D1dbtG_o.js';
+import { D as DgaRadialStepper$1, d as defineCustomElement$1 } from './p-O09aJ_YO.js';
 
 const DgaRadialStepper = DgaRadialStepper$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -9,11 +9,11 @@ const DgaRadioButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadioBut
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '98cc692b7bbf00f4c2b81a1eac61fd50426b31b4' }, h("h1", { key: 'cf8a04177caf0843219d130c813509ba63a42e5e' }, "RadioButton Example"), h("div", { key: 'f7da63fa2a8549a4650993bb9269bd77d8101c34', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd7aa22dd8cf4d81e5951ddb7af00899772b7d311', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '092d8390c368ccfb54c87aa25340402e2a5c6dbc',
+        return (h("div", { key: '57e500e777bc5d9fa8a5bf19ca3a8f47365890e2' }, h("h1", { key: 'a1ef1a55da1556f40f9d00f96eb63d16e8cd3a7e' }, "RadioButton Example"), h("div", { key: '6c81a5127513f739a5521df126a04b3f44363e9a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4d131c121ec48210245f4f18267f0de4bcc2f6ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: 'c40df4a50fe9093aa4d5713c4765de7c9ba3f708',
             // id="radio1"
-            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: 'a6608133248a301f4b8467ee7838373c0aea9acd',
+            label: "Radio Label 1", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-1', checked: this.activeRadio === 'radion-1', onChange: (e) => this.activeRadio = e.target.value }), h("dga-radio-button", { key: '8889959103d845e2f1d6086fa49856bb044b2eed',
             // id="radio2"
-            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: 'd09896f9d2f0307494535b388ebe8b82428bd007', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            label: "Radio Label 2", hasHelperText: true, helperText: "When a selection needs a further detailed explanation, it goes here.", alertMessage: true, alertText: "Error/Warning message", name: "radio", value: 'radion-2', checked: this.activeRadio === 'radion-2', onChange: (e) => this.activeRadio = e.target.value })), h("div", { key: 'ec48c19904dd96a468e185ae789689a0cc95d376', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-radio-button-usage", {
         "activeStep": [32],

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$2 } from './p-Dh-Mxr8V.js';
+import { d as defineCustomElement$2 } from './p-CR6GP5Pr.js';
 
 const DgaRatingUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRatingUsage extends H {
     constructor() {
@@ -9,9 +9,9 @@ const DgaRatingUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRatingUsage e
         this.rating = 2.5;
     }
     render() {
-        return (h("div", { key: '180e26b6a0ecb0b68b09cf3907afdb8a847d3428', dir: "rtl" }, h("h1", { key: 'f22c3971f7ce0072016d8e5a36e1411a213cbb52' }, "Rating Example"), h("div", { key: '4d15b315a1fbe4f3ffeffc6a666b16387a82998e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '42dccc661806e211de71d588aa0dad63daf102ba', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '6ed46b9443b2e9b5398162afd712cf01bfc11674', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '2c1130dac47f81912b6d316a1c7a7fd90ffc9c01', onChange: val => {
+        return (h("div", { key: '6e1fe64caf919b6520502799ae5996930f0b4566', dir: "rtl" }, h("h1", { key: '0fa34bce08e4610fe7248829eb098c90e010f7a8' }, "Rating Example"), h("div", { key: '16ca0bf248dbafa474f6abe91eec6dbfa7323ce9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '23b6938615085c1d6c326a99701f3369a1fcda94', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'f8edf82671bfb75b2375a91f8e7590cb837486ec', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '0d4529e87932497f453f940011b1bf4d7612261a', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '9009a6449eef66401f6293472e3e79c78ca42174', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: 'd3bdd14b1ea983d5e6fa7e866adbe8da9016510c', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'a9704758b7ecb382a299bf04c1e6acedcc343bf0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '2697792a3066e03d43cc2870034f7efc39a75fe1', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '89773275538a75b4406ae2de9c628f7c3750cf20', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '3808488af034c0f7fa56223b40cd8205cf367d82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-rating-usage", {
         "variant": [32],

package/dist/components/dga-rating.js

@@ -1,4 +1,4 @@
-import { D as DgaRating$1, d as defineCustomElement$1 } from './p-Dh-Mxr8V.js';
+import { D as DgaRating$1, d as defineCustomElement$1 } from './p-CR6GP5Pr.js';
 
 const DgaRating = DgaRating$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { R as RectangleSkeleton, d as defineCustomElement$1 } from './p-_hrK0dSk.js';
+import { R as RectangleSkeleton, d as defineCustomElement$1 } from './p-CdliX_b4.js';
 
 const DgaRectangleSkeleton = RectangleSkeleton;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$4 } from './p-Cv0O724A.js';
-import { d as defineCustomElement$3 } from './p-D4vDJpT6.js';
+import { d as defineCustomElement$4 } from './p-DBTOrdV2.js';
+import { d as defineCustomElement$3 } from './p-oE4xypdy.js';
 import { d as defineCustomElement$2 } from './p-HtJMEkmy.js';
 
 const DgaSearchBoxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSearchBoxUsage extends H {
@@ -10,7 +10,7 @@ const DgaSearchBoxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSearchBoxU
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: '1c947f1efcff08190075355530399b345891da9e' }, h("h1", { key: '8a45266e662c317e3713db5b2ac7e30151a5aa6e' }, "Search Box Example"), h("div", { key: '84b2b3128efce5a8c479a041eb7fe97a0a82512f', style: { padding: '50px' } }, h("div", { key: '0a70679e1861dabff374411a00409632c7aa5cd1', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '9ccd02f80a4cbbfc690265f59cce5fd5c616c129', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: '36d32505fb10972aa974ed308b969c2c10712d63' }, h("h1", { key: '95300bfb1d9a191b47a9f078355669f558b2c5a3' }, "Search Box Example"), h("div", { key: 'eef1235e1b7d25c513255a0e3720c121b8512ea4', style: { padding: '50px' } }, h("div", { key: '9be305762fbf05ea833b01228c3c2f80c50ae3ff', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '591081ba230e3b4a99519f1abb7043b2da427b5c', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

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

@@ -1,4 +1,4 @@
-import { D as DgaSearchBox$1, d as defineCustomElement$1 } from './p-D4vDJpT6.js';
+import { D as DgaSearchBox$1, d as defineCustomElement$1 } from './p-oE4xypdy.js';
 
 const DgaSearchBox = DgaSearchBox$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaSecondNavHeaderActions$1, d as defineCustomElement$1 } from './p-CnVLB5Jq.js';
+import { D as DgaSecondNavHeaderActions$1, d as defineCustomElement$1 } from './p-OGfNpKA1.js';
 
 const DgaSecondNavHeaderActions = DgaSecondNavHeaderActions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaSecondNavHeaderContent$1, d as defineCustomElement$1 } from './p-DbDk6u5r.js';
+import { D as DgaSecondNavHeaderContent$1, d as defineCustomElement$1 } from './p-BRUw79oz.js';
 
 const DgaSecondNavHeaderContent = DgaSecondNavHeaderContent$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaSecondNavHeaderItem$1, d as defineCustomElement$1 } from './p-CbU54C8G.js';
+import { D as DgaSecondNavHeaderItem$1, d as defineCustomElement$1 } from './p-DX_C6M6_.js';
 
 const DgaSecondNavHeaderItem = DgaSecondNavHeaderItem$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,18 +1,18 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$f } from './p-Bu11LCUv.js';
-import { d as defineCustomElement$e } from './p-BrQUh9Zi.js';
-import { d as defineCustomElement$d } from './p-DiC-xcof.js';
-import { d as defineCustomElement$c } from './p-Cv0O724A.js';
+import { d as defineCustomElement$f } from './p-B4U0lY4y.js';
+import { d as defineCustomElement$e } from './p-cDUWOFIj.js';
+import { d as defineCustomElement$d } from './p-DN3DJd5E.js';
+import { d as defineCustomElement$c } from './p-DBTOrdV2.js';
 import { d as defineCustomElement$b } from './p-DXKT25WK.js';
-import { d as defineCustomElement$a } from './p-yrE_Kzfz.js';
-import { d as defineCustomElement$9 } from './p-r1rezMav.js';
+import { d as defineCustomElement$a } from './p-Bt-84KPV.js';
+import { d as defineCustomElement$9 } from './p-C7z9rLjZ.js';
 import { d as defineCustomElement$8 } from './p-hAJIuLq_.js';
 import { d as defineCustomElement$7 } from './p-D3dLYGkN.js';
 import { d as defineCustomElement$6 } from './p-rgcxXsU5.js';
-import { d as defineCustomElement$5 } from './p-CkU8Qq8b.js';
-import { d as defineCustomElement$4 } from './p-CnVLB5Jq.js';
-import { d as defineCustomElement$3 } from './p-DbDk6u5r.js';
-import { d as defineCustomElement$2 } from './p-CbU54C8G.js';
+import { d as defineCustomElement$5 } from './p-BRtz_FTw.js';
+import { d as defineCustomElement$4 } from './p-OGfNpKA1.js';
+import { d as defineCustomElement$3 } from './p-BRUw79oz.js';
+import { d as defineCustomElement$2 } from './p-DX_C6M6_.js';
 
 const DgaSecondNavHeaderUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSecondNavHeaderUsage extends H {
     constructor() {
@@ -21,36 +21,36 @@ const DgaSecondNavHeaderUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSeco
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'e15a34df527c81904767679fca5a43ce1ebb1ea3', style: {
+        return (h("div", { key: '9dca7605f8a1cec6ca5bd8ab960340eae19847a7', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '8d5d1988f50010cfce9b6e84c7d0703add257556' }, h("dga-second-nav-header-actions", { key: 'b33af6b298fa6104bed99cf7ff1e7489822493a2' }, h("dga-button-v2", { key: '9de50b5039a25b4ebd19186535c110ca405e67fc', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '92cd04e45b74177514a159d5fa51ddd02427fefb' }, h("dga-second-nav-header-actions", { key: '86f7e2cfd04c22c5ce44c56fb6edbdef779669f3' }, h("dga-button-v2", { key: '9b9ba4b3ab1786df76b151311d6ec0cf6e8c7ce5', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '296bfcdc6f426c909062fd604fe65b18bf72ba22', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'b17e8b86d7dea23fa78db772e3d29bed1da0d6e2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '9e38d737e242cae806c70cb384432c690f5f7cb7', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '09cfcedad0e89561722d279834a2679f57224977', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } }), h("dga-button-v2", { key: '9ccff910c83bf97d9df93f073e20f717bef5c5f2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'a267cfb6cd38a27bc555ef38e34618c60ad805ae', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            } })), h("dga-second-nav-header-content", { key: 'a8794a1e45631692600a6b4dfc8b83d61bdace67' }, h("dga-second-nav-header-item", { key: '135531dd00453a30f2d80c14f6af36b7e19da773', label: 'Cloudy' }, h("dga-icon", { key: '4316470167db87716d6f936d187a5f633b27dc9d', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '0a091e51462830917189c6e0e7b55941e6f90d2e', label: '21 Jan 2024' }, h("dga-icon", { key: '79a8f28c0ba12beddc00b2dbb1f88415f1cd46f7', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: 'b01d3f85f67e78d11006612e17164d63b016cabb', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'f3315dcbe606d59904592b1a356224f3bd8701ef' }, h("dga-button-v2", { key: '00c61bd6a122c16b8414ec119c88f6719034f259', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: 'bfc3f89678cd2c7396d1910a710bfb2e964fb643' }, h("dga-second-nav-header-item", { key: '7a20155a19f87fb5bcef1ea339f15857950d6352', label: 'Cloudy' }, h("dga-icon", { key: '92bbcadaf79e4046a983fb743b4248cd6ae82735', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '10400f15c620a9f271131d6c971cb6c85bee74cf', label: '21 Jan 2024' }, h("dga-icon", { key: '1ef502cbddf1f664e74fc4b731306c30555edc21', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '2ba1abeeccc9b7327ee71131ec9887e837c6599c', variant: "gray" }, h("dga-second-nav-header-actions", { key: '59d8997550798aed1a7117c0b6292bb12512727b' }, h("dga-button-v2", { key: '02f32493b1d3cca814aceb2bd6b5dfe5fcc3f15f', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF'
-            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '1efe2ac890f79e50ee7b1493ffb901e1b2744f5d' }, h("dga-second-nav-header-item", { key: '0bb050a9e67ec64f33a74979512b15132553f86c', label: 'Cloudy' }, h("dga-icon", { key: '61611226f863886499333b5577c51127fbb55207', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'b01a34877bb3fadba0a2640a5c81b9a672a7c920', label: '21 Jan 2024' }, h("dga-icon", { key: '43e18fc01f3f152b8dc27e5ced979b24c7cb3ac3', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '7f3ec3a77b364ae735b2cf6018f70a6639eff7f6', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '269e7947cc9e4e6d87b8e2afc6ab62dee54df7a4', collapsed: true }, h("dga-nav-header-logos", { key: 'bc89ad0dd8ad8dbefa3cbbe2932dfc2fa970bbe3', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '2ff84d0126ac01c41aff05dd6566939562ac1c7a' }, h("dga-nav-header-link", { key: '2fdacecf5c3272db7aefd82dbf0c902f19987233', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '0bb778fe8c9e9f91075e8550e9e42318738eae33', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'aa2c9c5e203e68ee57e0f70463044d09eadcd401', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'fe9590bcaf180c065cbb350e7a47239055e43577', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '6de3fb18d70a4fe966813c1318cde87c5e921401' }, h("dga-header-action-btn", { key: '48fdf3d7a3dd89d98f902161a090944c7d889b93', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '036ad6c375e3f83ecb2bd193b8d190513122e925', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '7a4975cf35b3d98bcdce18c3afabf5a0877ce0ae', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: 'a444e7c6eaf1260ad7697d8b373a1e3ac284e524' }, h("dga-second-nav-header-item", { key: 'b32b46deb055cb8610438d9e435e85e42e3fa596', label: 'Cloudy' }, h("dga-icon", { key: '590289a061098b548fda642da69df845813f5a65', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'a82b63d01362c1a6244918e42780ca273fad336c', label: '21 Jan 2024' }, h("dga-icon", { key: 'e8982a232198d6dd40200bb07ffb96bd6fac41a6', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '3f26be32247ed10273de3de853d023c590546623', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2db4d3a79530818885dd82b439bdc17ebfebd15', collapsed: true }, h("dga-nav-header-logos", { key: 'bc1a620385d629610d70e17fe153bec003a54e1a', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '5193637ce0993d8e31b03d1d8975cb32fcb3d676' }, h("dga-nav-header-link", { key: '1a20f75c24a496a155c845bbb90080a64cd89706', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '770f539617aa164b3bc6600bb6face29eb36b11c', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '980457f30b9a1dfe08718b0c521ec55bcabab8ef', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '17ce7bd9840fcf5e84884581353cb494d4e865ea', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'a21ef6f93b8532fd9cd52e451f04fdeadc346e6a' }, h("dga-header-action-btn", { key: 'c4d97f8b404361d392edf5b4f9b1143f7c959fb3', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '1d05dd3dd49ae3ddab4aa6892be3a832f0877625', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '1a36bb0abcd04b085f0872ecda555b0edf8a49e3', label: "Login", icon: "user" })))));
     }
 }, [0, "dga-second-nav-header-usage", {
         "activeStep": [32]

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

@@ -1,4 +1,4 @@
-import { D as DgaSecondNavHeader$1, d as defineCustomElement$1 } from './p-CkU8Qq8b.js';
+import { D as DgaSecondNavHeader$1, d as defineCustomElement$1 } from './p-BRtz_FTw.js';
 
 const DgaSecondNavHeader = DgaSecondNavHeader$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-skeleton-component.js

@@ -1,4 +1,4 @@
-import { S as SkeletonComponent, d as defineCustomElement$1 } from './p-D8VoVMu6.js';
+import { S as SkeletonComponent, d as defineCustomElement$1 } from './p-usZ1DZDb.js';
 
 const DgaSkeletonComponent = SkeletonComponent;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/dga-skeleton-usage.js

@@ -1,9 +1,9 @@
 import { p as proxyCustomElement, H, h } from './p-BhqVmlhr.js';
-import { d as defineCustomElement$6 } from './p-Bvo-RJN_.js';
-import { d as defineCustomElement$5 } from './p-BuSP3tod.js';
-import { d as defineCustomElement$4 } from './p-_hrK0dSk.js';
-import { d as defineCustomElement$3 } from './p-D8VoVMu6.js';
-import { d as defineCustomElement$2 } from './p-Ba_cnspw.js';
+import { d as defineCustomElement$6 } from './p-CUHFypnM.js';
+import { d as defineCustomElement$5 } from './p-BBXZs54p.js';
+import { d as defineCustomElement$4 } from './p-CdliX_b4.js';
+import { d as defineCustomElement$3 } from './p-usZ1DZDb.js';
+import { d as defineCustomElement$2 } from './p-BrEdmVoK.js';
 
 const LineSkeleton = /*@__PURE__*/ proxyCustomElement(class LineSkeleton extends H {
     constructor() {
@@ -11,7 +11,7 @@ const LineSkeleton = /*@__PURE__*/ proxyCustomElement(class LineSkeleton extends
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '21d93b1be73dc509e4df8100eb88601658029dbe' }, h("dga-line-skeleton", { key: '8ddeb298c55ef0857769c628d371ebdd710b77d5' }), h("dga-circle-skeleton", { key: '1d84fa0a8c4928085034f008b63665bca160efe3' }), h("dga-rectangle-skeleton", { key: 'a9fa1dbc7d2a61811a87fdd16c50a36f38513cc5' }), h("dga-square-skeleton", { key: '0b4cbded0b0f2258313ce1277d1b283f2f836ae0' }), h("dga-skeleton-component", { key: 'b2e95bf60923b717b9841f4026923bf764c8297d' })));
+        return (h("div", { key: '02c9f389c2764d140a242f0bccaf8148912e1cb1' }, h("dga-line-skeleton", { key: 'eb5f67fac73d05a80598830978f5512824082fa5' }), h("dga-circle-skeleton", { key: 'ae8e96903d12cf1d7bb587f891ed850d870efd78' }), h("dga-rectangle-skeleton", { key: '2db923e5932658a0ffb97deb26dd4fea6ad3646e' }), h("dga-square-skeleton", { key: '6197130455b87510adfb1a3ed3c44aa819c85410' }), h("dga-skeleton-component", { key: '6a6c434e1dcc65a8fa93c0c8089bc4dd53f3a290' })));
     }
 }, [0, "dga-skeleton-usage"]);
 function defineCustomElement$1() {

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

@@ -1,4 +1,4 @@
-import { D as DgaSlideoutMenuActions$1, d as defineCustomElement$1 } from './p-DjTJ0i6V.js';
+import { D as DgaSlideoutMenuActions$1, d as defineCustomElement$1 } from './p-BN4PwXJH.js';
 
 const DgaSlideoutMenuActions = DgaSlideoutMenuActions$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaSlideoutMenuHeader$1, d as defineCustomElement$1 } from './p-EiS7D8v8.js';
+import { D as DgaSlideoutMenuHeader$1, d as defineCustomElement$1 } from './p-CTLdjN4q.js';
 
 const DgaSlideoutMenuHeader = DgaSlideoutMenuHeader$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,4 +1,4 @@
-import { D as DgaSlideoutMenuItems$1, d as defineCustomElement$1 } from './p-vyOkL4fh.js';
+import { D as DgaSlideoutMenuItems$1, d as defineCustomElement$1 } from './p-DcPY0Lnw.js';
 
 const DgaSlideoutMenuItems = DgaSlideoutMenuItems$1;
 const defineCustomElement = defineCustomElement$1;