@platformscode/core 0.0.31 → 0.0.32

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

@@ -1,4 +1,4 @@
-import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-CF0BZXla.js';
+import { D as DgaNumberInput$1, d as defineCustomElement$1 } from './p-D5m9IEzd.js';
 
 const DgaNumberInput = DgaNumberInput$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-ul0Ns6vT.js';
+import { d as defineCustomElement$2 } from './p-DSv3_1lX.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: 'b24e876ad888243d62c450ea523f2cbea298c3b0' }, h("h1", { key: '6b5b9e6b1283d6cda563482de0e9952b0fb7f984' }, "Pagination Example"), h("div", { key: '238ebdc1247ebc5c36c8de022e9ae99169ea3505', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '03f3214063f9d2f98e8c793447ff113c298b835d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'f3f975f64a5f2d29d1977e25dcd0aba1d726db39', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'e99aa4bcdce87c9312c8669a2af562062fe13d05', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '9ee92abd63d1f66358fa9225f8fc1730a21357cf', totalPageCount: 10, size: 'small' })), h("div", { key: '5ecff2d487b0631000e3e444139d31d569dd1091', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'cb9aa8d97dc4e4babbccc42e1f35b27fbbc10252' }, h("h1", { key: 'ac96099d8e5cf7d530ce0c7d1857009fe586c365' }, "Pagination Example"), h("div", { key: 'd5a4a55e96102454630d2ca031fbb16be44e2f88', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e704950aef38e4f1dd20062b7414b6399bf7143c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '0d9576afd9302a8ef29dba8ddd286495ffe29773', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '099d061efadb8f9b454bf0449ac3be367b9fe3e8', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'b38ba26dead1dc9cf2c8fed966d54df31a013859', totalPageCount: 10, size: 'small' })), h("div", { key: '9460d012c019245ddda33cfb84e65e4ff37b67c4', 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-ul0Ns6vT.js';
+import { D as DgaPagination$1, d as defineCustomElement$1 } from './p-DSv3_1lX.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-CJd499Kn.js';
+import { D as DgaPrefix$1, d as defineCustomElement$1 } from './p-BueVA9dn.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: '0b3880284791a4b0714512be41dd0259a40ac9b8', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5e0eff774e639788c688b796a2248e86c5ca3ad9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '3df2da922c9d20601b45047f1a0e981498d07e7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '73bdf3313205c8c9728e326cdefb96f754f80ca4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'eabd41e9d4e8874d1ea652e81b1d6d6957a9128c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ff2b1ff6ee3b552ca9015425b47a617f72322d4b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'ce360370fa4906872f30367120692dd18254506c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'c1b14f4e03fb9279a1d45153ae678d126a0a188c', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '57b7bb3e3d81aeb14c50ef43451be15923bffc47', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '482f9736271cc8e01eaa696257643ebb1c37e650', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '4308fafeba56d200c0e8637197fbcb287ec7022f', class: "step-label", "data-state": this.labelState }, h("span", { key: 'ff9d82aa709beafacf083dc101d8444eedf5acda', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '73328a45feecc8c83fe07d77d4b8e467196c4c1f', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '03f012f9d1335edc20b12154cfa0ef22d844643b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6a5c96fbb8eacf9b98bafb5dc75dce301f1006a1', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '2be50ec43d6b6ea5837b1393b0295f779625c67d', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     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-CCBJbJRs.js';
+import { D as DgaProgressIndicatorStep$1, d as defineCustomElement$1 } from './p-D4_LykjT.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-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DVjg_Fvd.js';
-import { d as defineCustomElement$2 } from './p-CCBJbJRs.js';
+import { d as defineCustomElement$3 } from './p-BERSEIRD.js';
+import { d as defineCustomElement$2 } from './p-D4_LykjT.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: '0606780bf8b9753c16036e862f0b5691b8d4b540' }, h("h1", { key: '8b12ef78863c0f3584a7d26059a13d61b48762de' }, "Progress Indicator Example"), h("div", { key: 'cd82c2eaae2abfb50ce2357894d8fc3602080510', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '25ceb56aa79b892474d0633c1a4c1adf2211da46', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '475315575ad80679a56e842a0d27ad5290fea008', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'fab243e63694de6ad116201709a02dd510cb57d4', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'ff57c24ade0fb502a22871261a1f89352f4880b2', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'd9bd55f5a921039d095727d41b1ac40af8b62196', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'a2b27c499a76c06d706770d8e451bacfdcf9dc28', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '4194461fbaebfc1fe7275af6333f3aaf755c1589', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '1a3cb676ba768f5ac422fe9fa03b459aaa4dc94f', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '04c2a9c3df17aae7d8ed7a04707aa166af6e2d81', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '7cdf7c51a1c18ff9aa22fba0ce152b6880ddb546', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '09920e09f8c7092090a8cf8c61d5d0e70df2349d', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '5e3d0e01eab654d64ca2b9f0e4c621d6398c897d', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9c8f799243214919f0c99d249e67698c06a09c25', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '7b4eca4fc52612c0195c0e6642ab29c1f3a74921', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'e40057b4aa6094055d831b65f69513ad57ee771b' }, h("h1", { key: '6667fd0577a21ff69f5eaae94d4da57d06a7f742' }, "Progress Indicator Example"), h("div", { key: '72c006da05814407e8b94b86f97d81895b9c475c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4b668436703a2642ee49f360582c1b9ebf1c0f4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '72f4088c852e2fce03b2288b99d99a867030fc53', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'cb40e66ef1b117c810ce9db0276a6e6802e87dad', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '892f618922a1c302c3e072699646e449fd50b7ff', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '7d67e223169c86e4f4f1c8d4419932ce0d82c1fa', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'bdd09c4d8b1fe495737bc8e4a08ae41ef1b08952', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '1fa40a7ffa4fc01abfa36dcbaeafa6a7d9b170e7', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '000303b7f14d7b985d7d241272636826c3bdc78a', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f36c9ce2e5285e111602911e18585d9e36180617', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '901163a5ccbc9cb48d380a7e221a6c43230b3fc3', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '2f47f53f4640437a45b04727e7c41dab81634d68', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '6195f65005e1d92e7e8740557a61c181be0c82f2', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '8d8ba1e37c6d88cf782b5c59d1aea63120e1064c', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '9766c0ae839dfe331f247efa1072b848df64427e', 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-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-DVjg_Fvd.js';
-import { d as defineCustomElement$2 } from './p-CCBJbJRs.js';
+import { d as defineCustomElement$3 } from './p-BERSEIRD.js';
+import { d as defineCustomElement$2 } from './p-D4_LykjT.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: '97e698313cb254e9815976e253989d4597685108' }, h("h1", { key: '676a26ff8e00660b8950a16bdc8b7ab618356f33' }, "Progress Indicator Example"), h("div", { key: 'd0a72bcf1b8ae4c5ec285f28271dda4737308201', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e0c76b8f41d62b7b1689f1fc6c4a46d77d971a21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '512e672c5d0d01990d08d301b41acefd8ad48045', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'e5d04a22d125236a4d8aeaf4f108d60f9621c859', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '02b455776243ecb2dd5bd1bcb209788bf54134cd', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '86e7693c9dd9249c772df79734152f7ed0e46302', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'b8c12031280c1603857bb9965a0af91b4bf22f94', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'e2d31394119e953b70311ddfde664ed404addb9a', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '9c7986cfbedaf32e5c3ef1b7ac8298127e1f1cfb', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '69cc6eadc5832d24e7ce2500a0ad330256905a2b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'f5905872730a9453e5bf7d6753af0e41c1f44f9c', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'af858d7624c4232cbcbab274db42638483a58056', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '927840992499aff8e8661a20a2590f1a36cdfab3', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'db875fc797be817a940403cb126985b2a555187a', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '2ac9c3edea686875891b144b98edb84a6100248f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'a337250bbd65a4b8e960e41e288c688a63b1e1c3' }, h("h1", { key: 'cef22a77c58e3f82497f63306072ffa572100a66' }, "Progress Indicator Example"), h("div", { key: '008ad571880f5db73f4087ebd34fe776ef335939', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f4bd2ad2c0f3dc8c5958925ba3c8f770374889b4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '8a1431d81db57ca7b7cd2c0c297033f4b3b41df3', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'fe7569b9b41836d1e3e43053a8a4be2a9a0ee158', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'be43881855560693ba888fe958028d23ad91d906', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'edcb7c2e0d6f01a903b28597afd59790335a3b6a', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'b526773a9e89ac16817a56282c8c82ea91fa4419', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'c1f3d6b6efdc0b5ed87688f50c2a94aeef7976ac', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '3c88d3390d35500a19abddc579267e909a6a39b2', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'e6b1985a8188d01d91deb94447f9fbd45aabfe22', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '2d01e140a5d7dd2a4958f78cf81125b977df7eb4', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b092938f317c3636f24fb90a05be4a4c69431bc0', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '7a822aa16320248a4e10ff46d1d93ca21ca3f608', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'dd7f2b999d76e8d0a5943d4931c51f40aed21257', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'ae324cad10ea6807cc40cdc3f2507fb6a078e620', 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: 'b9835c5da618944163c794c3fb62ae302bfa1bb1', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '3907a21a9f1c5d6f0bc8b6a880612d94047cc02c', name: 'progress-indicator-step' })));
+        return (h("div", { key: '26a4dc3493f4c40e1c0cb86db486aa3586e50f56', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '488c5476eae8799a0fc9990219e35424cb9d84bb', name: 'progress-indicator-step' })));
     }
     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-DVjg_Fvd.js';
+import { D as DgaProgressIndicator$1, d as defineCustomElement$1 } from './p-BERSEIRD.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-JCGAt0My.js';
-import { d as defineCustomElement$5 } from './p-B9rQKQlY.js';
-import { d as defineCustomElement$4 } from './p-SE4RRRJx.js';
-import { d as defineCustomElement$3 } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$2 } from './p-7cn2MNN4.js';
+import { d as defineCustomElement$5 } from './p-ezdQWZ_6.js';
+import { d as defineCustomElement$4 } from './p-Pdnd7FQS.js';
+import { d as defineCustomElement$3 } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$2 } from './p-BzNyAenB.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: 'c0644440fc4311d691e2e4b5c9e11f0c481ae6ac' }, h("h1", { key: '69c4d22d89feb14d1f5f92b126aa82a2d66af5ee' }, "Quote Example"), h("div", { key: '588d57aa2e44ffaa18882e8d86228e7a25c180dd', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '7badfa284280d544336c619df25784415c190631', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '169baf12973f7701a5aae619e61aee8c4f94ba81', 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: 'af5189fae798ac3439347d0e3dff97fff93b5a55', 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: '3a942fc8f14dd83aa074a1e7e91cfa6811d02241', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '8f4988acd8543e868f6d0608ea52afc320b4288c' }, h("h1", { key: '64c1df5abb62ff297725ce334004c159e5f6d115' }, "Quote Example"), h("div", { key: 'd1fca9e5f7c0d9df5c58b8bc3d4131fb74fff68a', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '77ac8bac8ed07a0c9547e2a606aacffed892cbb2', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'e34c50a28d5423906abe922e8dbc94c6708428bd', 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: 'aa0b232a95fdc39c09212a9458a122813ad605c5', 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: '38fce22e8e8a32cb6123c882e5b1ca03b6f18ed0', 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-7cn2MNN4.js';
+import { D as DgaQuote$1, d as defineCustomElement$1 } from './p-BzNyAenB.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-JCGAt0My.js';
-import { d as defineCustomElement$3 } from './p-SE4RRRJx.js';
-import { d as defineCustomElement$2 } from './p-Bf89xTAo.js';
+import { d as defineCustomElement$3 } from './p-Pdnd7FQS.js';
+import { d as defineCustomElement$2 } from './p-CLxUQPcb.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: '225909e0fc6b4f157462fdc2510e5f0ab61802f8' }, h("h1", { key: '17b13be9ea34eb0f687dcb33c999a571fe139587' }, "Radial Stepper Example"), h("div", { key: '60f71c33aacac76ffb8a14a18babd6e898942916', style: { padding: '50px', gap: '20px' } }, h("div", { key: '4e170acecbfc921beaa24431326ad07403f91be7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '0b172106431e8a54d3ef55df270b5259024ebfdd', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '8d29de9d51421028cf2c92552cb4b8591f4f4ba2' }, h("h1", { key: '133afab67aea31647a8337a9139eee9cd6dfc31d' }, "Radial Stepper Example"), h("div", { key: '2a78e5b1fc0a0ccaa60ffffb612a79be146fbb2d', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'f1142e70941c62f3a9e618833c2d1eb0c6a09a23', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '3915ac7506281602438630e1f18140fbd0d63bc1', 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: 'ede7817fb337a4fb33e2bdb75c8ebf6a7eeca771', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'b6c8e6826adccd6cd08b9715029ae76fe3946014', 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: '7e82c042e0594077b1a6ea80032a42bb57626dfd', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'ba5dd9c331fbbdb87a66f357477203c24cf28889', 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: '19b50ec10da95fd59d77595ac2bcaee6ef3df981', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '4fa58965edbcda8b0dab5937206bfd5db1b7ff4a', 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: '55f72adae590c4892c36529d53a92cbb86d42e89', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '7abbfa7137f82a755ce757fe013a7b8c0ad2ba35', 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: '7d6dd3ae897dc783a1572325edd5212d9e4a899a', style: {
+            ] }), h("div", { key: '258cabc94a6606fdc5671938ef62704281b838fc', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: '3c79bfc419203a325d003f5ed3e3ab8d7b6a5178', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: 'b5f95ea6e627101add5f1b4c86f405048c9959eb', 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: '9e8a0658b35542947e028cb1eb271a7d1bb30bf5', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '88be7367e365a688a3d65da197cd8e63552fdea5', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '772d5d1e3fc60977ef43a98b9687592bae568fbe', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: '577f669c962dc0e3b018089e793cb330b5a298f8', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '50ae132ed64dffe58980f09d473261871a65e55e', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'b80aa02b6d9828e491073e8dde762224de6b3e04', 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-Bf89xTAo.js';
+import { D as DgaRadialStepper$1, d as defineCustomElement$1 } from './p-CLxUQPcb.js';
 
 const DgaRadialStepper = DgaRadialStepper$1;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-Nu8rv6t0.js';
+import { d as defineCustomElement$2 } from './p-DT33jnA6.js';
 
 const DgaRadioButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadioButtonUsage extends H {
     constructor() {
@@ -9,11 +9,11 @@ const DgaRadioButtonUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaRadioBut
         this.activeRadio = "radion-1";
     }
     render() {
-        return (h("div", { key: '18695efa11be59259cb34e11d7b6dc0b89f8452f' }, h("h1", { key: '7df20f3dca257f57d4409beccadad714ae23e34e' }, "RadioButton Example"), h("div", { key: '5ff0731c6a2d856dcbeeb2a2d73170414a09e358', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '55d4133053872420f28344236f980cea96865e4c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '9f55938dde881dba11d4575401d1281df0fe8adf',
+        return (h("div", { key: '59ba56e78ae9fd6fccffcd9dbbce8c5cfc105902' }, h("h1", { key: 'e5322c7f911cc26c10cc59b329c79b876681dcaf' }, "RadioButton Example"), h("div", { key: '3e150f3ed7a26c9d89c5b807a7d63f65581117be', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8982c08881a26f9f7b110ac0f0f444265e3d5977', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: 'fb41a0bc910961fc1dd5aeb960cb057ffcdcdd63',
             // 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: '6c29704392561bce8b83e81f3c4976e31245431a',
+            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: 'd6c48b2d5c44be2306e44539dd6deb05d9c3c506',
             // 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: 'acdd470e36366bff6c2a335219b8778505bc60bf', 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: '281cc70182db804879f28e352eeb8377814e00da', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 }, [0, "dga-radio-button-usage", {
         "activeStep": [32],

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

@@ -1,4 +1,4 @@
-import { R as RadioButton, d as defineCustomElement$1 } from './p-Nu8rv6t0.js';
+import { R as RadioButton, d as defineCustomElement$1 } from './p-DT33jnA6.js';
 
 const DgaRadioButton = RadioButton;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$2 } from './p-dWOclzG6.js';
+import { d as defineCustomElement$2 } from './p-Dbh7zN8n.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: '18fc93aae128fbf0d6d03bd620dc530174c70984', dir: "rtl" }, h("h1", { key: '4a158e082ad5882ac72cbaccaa633f7e404d308c' }, "Rating Example"), h("div", { key: 'c69b59565b14f8cd26afb61503be1afe14d420a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8c584d2f690271a5d14cad348d2516b6c2a6df0a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'a2becee8bb5cfab71c9c18a69ed53f0c5af07ccd', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '48d53f9c8f2d3fbe6f2354e8f32627cd3d207cf1', onChange: val => {
+        return (h("div", { key: 'f7184b61a4d253ba152378f5351a202594425923', dir: "rtl" }, h("h1", { key: 'acbac8ddd578ccac931983a2aeecf2f2010fe922' }, "Rating Example"), h("div", { key: '70e196e85539a5c20eaa2022990f8ba52a5804a1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd09cc40054e86ce6118c8f95e854924ce61ddf88', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'f9b9fd64d25a115c1bff68828b1a35c6d38ddeea', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'dd7731a72899cbc74608b3e3112c57beca756934', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'e20cd039904af1900be8296f25d60b634e1c0fbe', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '5ad3a83e36bef5f643ee89cfed91a07d40e4b594', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'ced84fabed122af37d5ced01d5326e94e1fde080', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'ed2b827650cc9b1a4cbd9e82875242975d32d010', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '3ff22e835659ff9731ca114b5654ec4ee407c82e', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: 'dba2ca8ca0b0299adc0fd4c109a2cb72c3100077', 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-dWOclzG6.js';
+import { D as DgaRating$1, d as defineCustomElement$1 } from './p-Dbh7zN8n.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-DX6hwoL7.js';
+import { R as RectangleSkeleton, d as defineCustomElement$1 } from './p-D2nh0z7t.js';
 
 const DgaRectangleSkeleton = RectangleSkeleton;
 const defineCustomElement = defineCustomElement$1;

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

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, h } from './p-JCGAt0My.js';
-import { d as defineCustomElement$4 } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$3 } from './p-BJp78BiM.js';
-import { d as defineCustomElement$2 } from './p-CpM3_cS0.js';
+import { d as defineCustomElement$4 } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$3 } from './p-CzhwigQf.js';
+import { d as defineCustomElement$2 } from './p-C6JOaTKF.js';
 
 const DgaSearchBoxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSearchBoxUsage extends H {
     constructor() {
@@ -10,7 +10,7 @@ const DgaSearchBoxUsage$1 = /*@__PURE__*/ proxyCustomElement(class DgaSearchBoxU
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: '9e8a512454bc7fc623f01e46995e54011ee86023' }, h("h1", { key: 'bb78ccd378d9c3dc99b7137015e8e6cb28a3666a' }, "Search Box Example"), h("div", { key: '6c85eee430116e1ce1a42a9d63eb55cb3cd5d4c4', style: { padding: '50px' } }, h("div", { key: '82d82020d04bcd36fc40d917861e81c3769d6e03', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '1994b0a546b11cb8a7f60ebf97e42b46ae48d7af', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: 'a0fd32ce19eb357c35b9b68e806c1aaf73dd0257' }, h("h1", { key: 'f0de4d9d187977fd091b441c664657e803071b16' }, "Search Box Example"), h("div", { key: '64c4011f6f7b1d2bbfa83896072cdf5398563f95', style: { padding: '50px' } }, h("div", { key: 'b97ce8ed9f808c2991c06fd07488884d2a8ba7c6', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '2753f93da36381860997c5f98d3d9cef58163555', 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-BJp78BiM.js';
+import { D as DgaSearchBox$1, d as defineCustomElement$1 } from './p-CzhwigQf.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-DXAD_1-G.js';
+import { D as DgaSecondNavHeaderActions$1, d as defineCustomElement$1 } from './p-DZIo-711.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-sXZR-S49.js';
+import { D as DgaSecondNavHeaderContent$1, d as defineCustomElement$1 } from './p-Bzr7nUUS.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-WRknoddQ.js';
+import { D as DgaSecondNavHeaderItem$1, d as defineCustomElement$1 } from './p-p12ucv39.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-JCGAt0My.js';
-import { d as defineCustomElement$f } from './p-D2bM1AEq.js';
-import { d as defineCustomElement$e } from './p-Cict-jBg.js';
-import { d as defineCustomElement$d } from './p-E2Ef0hpp.js';
-import { d as defineCustomElement$c } from './p-DNO2F1PR.js';
-import { d as defineCustomElement$b } from './p-3PGLZp5Q.js';
-import { d as defineCustomElement$a } from './p-C57BwEpY.js';
-import { d as defineCustomElement$9 } from './p-C9LSKyiM.js';
-import { d as defineCustomElement$8 } from './p-kv76lnss.js';
-import { d as defineCustomElement$7 } from './p-BaPXuZUU.js';
-import { d as defineCustomElement$6 } from './p-tW15mmSk.js';
-import { d as defineCustomElement$5 } from './p-0YhKIW5g.js';
-import { d as defineCustomElement$4 } from './p-DXAD_1-G.js';
-import { d as defineCustomElement$3 } from './p-sXZR-S49.js';
-import { d as defineCustomElement$2 } from './p-WRknoddQ.js';
+import { d as defineCustomElement$f } from './p-BDBx2HQz.js';
+import { d as defineCustomElement$e } from './p-LIWrgVyd.js';
+import { d as defineCustomElement$d } from './p-CBcSAhbv.js';
+import { d as defineCustomElement$c } from './p-BAH8yWeA.js';
+import { d as defineCustomElement$b } from './p-CsKEXIdY.js';
+import { d as defineCustomElement$a } from './p-CY40dRAG.js';
+import { d as defineCustomElement$9 } from './p-DhwYLL9Q.js';
+import { d as defineCustomElement$8 } from './p-D9-dGUrV.js';
+import { d as defineCustomElement$7 } from './p-CJ1Dn2qN.js';
+import { d as defineCustomElement$6 } from './p-DbBEr5PW.js';
+import { d as defineCustomElement$5 } from './p-CoY03Chj.js';
+import { d as defineCustomElement$4 } from './p-DZIo-711.js';
+import { d as defineCustomElement$3 } from './p-Bzr7nUUS.js';
+import { d as defineCustomElement$2 } from './p-p12ucv39.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: '4940163e7eaa3a65c6e236a5cfa6328e43f02791', style: {
+        return (h("div", { key: '68b3883864702f703b90de7c74c1b39e1242a98a', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '4152f5cfa1340e305cf7e96a5bcfa6e1ae7317c6' }, h("dga-second-nav-header-actions", { key: 'bc316c0e19a9f011cdfd48de8aa6ef2d3be82af7' }, h("dga-button-v2", { key: '189baca66d181ad3eb6f2edb61524d3c6722d992', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: 'bd194a6aa52422edbea9bfc326ec1166582aab10' }, h("dga-second-nav-header-actions", { key: 'e312966694644852b792d61ce6e1a8d7cf0e515b' }, h("dga-button-v2", { key: '06c62cc570a64d5fe039b345482b17d7b4b1b5d7', 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: '028feeac4e3a8a46da0eecbb7b624e1daf2de177', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '4df402b3569d745a8496c81df6aa3da01319daac', 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: 'f3005734c47d2033067a34ece5da38986c51f3cb', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '564e499367b661bbf9973f7c8bf6a267f5fe0898', 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: 'e7a4356abfe7ac81dd55ee6c79ae6a3fb573f2c0', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'd993da0f9d65cc0143e0444427f281f68bdfaf33', 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: '92d616e0c42682dcfaa55748c6adb8158a62a196' }, h("dga-second-nav-header-item", { key: 'e32eb4e0269f00c0aba57f5f2e46907e5eb6311b', label: 'Cloudy' }, h("dga-icon", { key: '8f0bcdd7f8559d7c68e41c64cbe15e9bf6e12344', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'f68bafe0f23ec10ce25cc3abb6d60cc53237410b', label: '21 Jan 2024' }, h("dga-icon", { key: '1eb48247a11eac79e0c7ecd47abaa8068d7e08ec', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: 'd1987f79b07d6e688359cfb97eeef7dbb8bb30ef', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'bbf3ac009b08843169da4b9d61934f42f80fd01d' }, h("dga-button-v2", { key: 'f348490fb8f2b35d75369dede39e1f56bb335421', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: 'e4eee3a29b6b2823c9f2ee60a395179c79b5e34f' }, h("dga-second-nav-header-item", { key: '18496be642157c94ddc70f0844a233312a81d775', label: 'Cloudy' }, h("dga-icon", { key: 'ffda0f35975d74d0fe131a89def22af87b2df338', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'b4d909069a837b7a28d7a84cadb6977e94c21714', label: '21 Jan 2024' }, h("dga-icon", { key: 'e7fbb82f242ad3692b96aa9fde7b2f7f216dae96', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: 'd8af7d5526da7d0da681711ae845febef17ffb6a', variant: "gray" }, h("dga-second-nav-header-actions", { key: '3544557b618636dc37981d9f37bf27eb3dcdb1c5' }, h("dga-button-v2", { key: '5b58bfe6e395ea34bcc791f31c839f2c835f7824', 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: '19296a7b04f2f3673d228694ecad18c367a2aeb6' }, h("dga-second-nav-header-item", { key: '59b896460d84555c378be2a48aff7b7d40005ab3', label: 'Cloudy' }, h("dga-icon", { key: 'e322520f5ff8636f291bf3b160bfa1a7995a804f', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '8aa698c843ec68190c5a21c3e13c490692ca82b8', label: '21 Jan 2024' }, h("dga-icon", { key: '196fe4aacada5589035c089d8efaaee11eea613d', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '2370d16e8d305ab536c4670b4c0c94484b666f50', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '7d3841f980d6859757b27ecaf7e7b77ad1274290', collapsed: true }, h("dga-nav-header-logos", { key: 'd84c9097c20e6f1f8efe48b37707149b6f689d32', 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: '1b88eee9eb2a30cef882089f21e5bba997cf763a' }, h("dga-nav-header-link", { key: '459dbe29cfa3d503000a95da471685127ee5ccfb', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '63173fecd152316bfa87abcf33f8e312543d5eb7', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '208a54996a74514219aa429fbdaf5ab4865dee6a', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'aaca2dbd340f86f833fb6a6624d5f3c34107e482', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '33124c31e22f3eade25ef02b33d114d269a51936' }, h("dga-header-action-btn", { key: '6f70cf6e2531c37c7033eb033bdf87e525bfc9dd', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: 'e16b524cd0aefe1da58fbc27704b320c1dca577e', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '437985d3fcaf6904a915594acd723d42ce0fc0b4', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: 'e55c90eff4e099db903068276f850dbc904b1473' }, h("dga-second-nav-header-item", { key: '5ff1ebd6c4e2a13065b249ebd1836c7fd74cf2a3', label: 'Cloudy' }, h("dga-icon", { key: 'e18e3cb7491bdf5597417e1f0a99e2378032a31b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'dae699f1113c4bbb8f63878acfe164d6106b4042', label: '21 Jan 2024' }, h("dga-icon", { key: '1011d47f6820aac8ec77d7a010506d493e785a35', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: 'dc64695801adda3af0fec4c13847cfa8a4fcbde7', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '5a4e4c5343b7843b1c5be807b5c8bb7a79bf06fe', collapsed: true }, h("dga-nav-header-logos", { key: 'f8eb1c2410c98465ef90732a4096f910b463daf0', 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: '3dcf0e2f6ac1a260d34ba03da0b5a0bf9a6c99ac' }, h("dga-nav-header-link", { key: '5c273ac1a72c5059caee316a07580c49b02d0852', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'b447748f61e219cb1d4c9e1e352683778840b6fb', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '55c2ce4ac84f26964d0b5644d707396fe5c3bd10', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '60da1d5a9070548408458d2e8a8231cec0eea15c', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'c2597ad878bbf4c45558b0594991419428566596' }, h("dga-header-action-btn", { key: '582bb844c989df7de56d0bd98afc95586ede0551', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '37bba91147b4ca0eee5a7476c5d7df0472d7e479', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '943e9ed6ac9d3d39dcf210c80dcda5ea988aa87b', 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-0YhKIW5g.js';
+import { D as DgaSecondNavHeader$1, d as defineCustomElement$1 } from './p-CoY03Chj.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-iazNPXrG.js';
+import { S as SkeletonComponent, d as defineCustomElement$1 } from './p-BUu4vYuG.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-JCGAt0My.js';
-import { d as defineCustomElement$6 } from './p-CzBZGbQc.js';
-import { d as defineCustomElement$5 } from './p-Nyyv8idM.js';
-import { d as defineCustomElement$4 } from './p-DX6hwoL7.js';
-import { d as defineCustomElement$3 } from './p-iazNPXrG.js';
-import { d as defineCustomElement$2 } from './p-Dv6CJaoO.js';
+import { d as defineCustomElement$6 } from './p-QloWZdK6.js';
+import { d as defineCustomElement$5 } from './p-PVdqlyOw.js';
+import { d as defineCustomElement$4 } from './p-D2nh0z7t.js';
+import { d as defineCustomElement$3 } from './p-BUu4vYuG.js';
+import { d as defineCustomElement$2 } from './p-DTY3MrZT.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: '77a00fc1497d25c6ac3c14bfdafa4cd3bfc874d7' }, h("dga-line-skeleton", { key: '2615872e5fbf430715d9deeadc37cd52655e1810' }), h("dga-circle-skeleton", { key: '508f88296d39495a94c9a2f3528c57a10057c198' }), h("dga-rectangle-skeleton", { key: '9602851cd71a6eaf2ea1dd55d8fc559fb9806aee' }), h("dga-square-skeleton", { key: '2da5a254fa20344ffa87afc4f5b070a79064be40' }), h("dga-skeleton-component", { key: '0bc5f25eebccd27d9a48b25cfd460ec23e60223b' })));
+        return (h("div", { key: '0f20be0d52539e72e709777531c450a3ab561002' }, h("dga-line-skeleton", { key: 'ee003674d6a4615d74eb2967007217f8c78fa6f5' }), h("dga-circle-skeleton", { key: '17cbe6409683637249c82af6eefe2e7ee1410c93' }), h("dga-rectangle-skeleton", { key: '3787820b3f96331e846043a60873cf0801365614' }), h("dga-square-skeleton", { key: 'cafdf575c297e51fdc1bd32bdab08504d3ea46c5' }), h("dga-skeleton-component", { key: 'bb6e9e1d9cc5be52396a9653af86826fc716cb05' })));
     }
 }, [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-CrXrMBzh.js';
+import { D as DgaSlideoutMenuActions$1, d as defineCustomElement$1 } from './p-CqVHpFrr.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-DZ9LMISB.js';
+import { D as DgaSlideoutMenuHeader$1, d as defineCustomElement$1 } from './p-BNzJ4D1t.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-H3VgA1rE.js';
+import { D as DgaSlideoutMenuItems$1, d as defineCustomElement$1 } from './p-9mYySPen.js';
 
 const DgaSlideoutMenuItems = DgaSlideoutMenuItems$1;
 const defineCustomElement = defineCustomElement$1;