@platformscode/core 0.0.48 → 0.0.49

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

@@ -4,12 +4,12 @@ export class DgaModalUsage {
         this.show = false;
     }
     render() {
-        return (h("div", { key: 'b4695680db3a029cfe4efd2f71463fa0a092c605', style: { position: 'relative' } }, h("h1", { key: 'fa014db09c70f1ad61fb314b4d77ebbce2b36579' }, "Modal Example"), h("button", { key: 'bf791f1dcf3f50f1b2158f3616cdb2e45aede5c6', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: 'a1ac745a5ad7aa0ea00f1e80c458092d96c0cf2b', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: 'fef60331e21e2762446d0d1a295d8a0bd562b9f7' }, h("dga-featured-icon", { key: '7948e3c95ffd7e595353e4cd07c381d9d9fb8223', color: "brand", variant: "light", size: "md", icon: {
+        return (h("div", { key: '9fccbe9716764a5f7da95fc7c83bac25cf02360f', style: { position: 'relative' } }, h("h1", { key: '70fb2da424cc392a00e26841c23082eb70703d6b' }, "Modal Example"), h("button", { key: '0449aa96c980221f582309dd09c476e3dfb08cc2', onClick: () => (this.show = true) }, "Open Modal"), h("dga-modal-v2", { key: '674dbf38eb1b8cf3ea9735fba1af3c66284e9fe0', open: this.show, showCloseButton: true, onClose: () => (this.show = false) }, h("dga-modal-header", { key: '99a9ce793638a5c3bc8c2f2d8d6724d4c5fa56f8' }, h("dga-featured-icon", { key: '0d722930bf6877f3371a8396b70a51df2aa757d3', color: "brand", variant: "light", size: "md", icon: {
                 name: 'InformationCircle',
                 variant: 'stroke',
                 type: 'sharp',
                 size: 20,
-            } }), h("dga-modal-title", { key: '69fa094498079aa226bc08570ec5203721aa2001' }, "Title goes here")), h("dga-modal-body", { key: '3c5905f25dee0e4f580ac195798de3ffe89d0921' }, h("dga-flex", { key: '4910340982107bb351dfb7f990a6321e82088cde', direction: "column", spacing: 8 }, h("p", { key: 'e63f88ba9eb8d37d42f93f21829c23b42078ee02', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'a1cba77032c52fa04e7edf2ed5555c25c3821355' }))), h("dga-modal-actions", { key: '945da078b9f2abbfbd3020bc7017d369baf657e3' }, h("dga-button-v2", { key: 'e879ce66902f510cfb3e9d023d43f793bf102f3d', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'ffc40448d203a3325c7ce264b86fb01b5bddfee7', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
+            } }), h("dga-modal-title", { key: '6751350015af27652e602834d600305cb068c848' }, "Title goes here")), h("dga-modal-body", { key: 'fe71be545a30fce58af05e22b007f4be0b30f2d9' }, h("dga-flex", { key: 'b298fb3483ffac76afdb31f6e26cc09987b46f75', direction: "column", spacing: 8 }, h("p", { key: '8da267f8cc658ee1a9e71331c6451b24cf2f94b4', class: "text-sm-regular" }, "When a Modal needs a further detailed explanation, it goes here."), h("dga-rating", { key: 'f3a8bf8d06c4fdb0ac3cac1f0f1e0cb83e955997' }))), h("dga-modal-actions", { key: '44cc45bb505742a477eff079387b8c3249e6805e' }, h("dga-button-v2", { key: '42104a382e232b8c7c18628e40a405323d6732e3', label: "Primary", size: "lg", variant: "primary", onClick: () => console.log('Primary Action') }), h("dga-button-v2", { key: 'bfe1a52af7ecb65886d1f6b7336de5e3f00f399f', label: "Secondary", size: "lg", variant: "secondary-outline", onClick: () => console.log('Secondary Action') })))));
     }
     static get is() { return "dga-modal-v2-usage"; }
     static get states() {

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

@@ -5,7 +5,7 @@ export class DgaNotificationToastUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'b27093c8415591490842e14d9ae55dba414227c3' }, h("h1", { key: 'aff55bfca6f49674f75058e368e00ee4841760a0' }, "Notification Toast Example"), h("div", { key: 'c75336576e6287582f8eab0c86dc41fa647991e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c1346f1f0c9c22adf57706a4fdcbb39ae0a343c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f18b54c14748da8735c93ac48749cd7205d22351', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'f3ff034ac4985460d6447e238fe84c7e3eb916f3', onClick: () => this.open = true }, "open"), h("button", { key: '243b1d32858e6b12d0d13d57f300fef40a91322b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: 'e7be6dc46b4a11b7813d6f53f03230e2e8396799', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (h("div", { key: '734942f52194459c19e3d678dccbbfc368a55fdc' }, h("h1", { key: 'c32681ea751c82734f4bb316b2c57123c6bfabbf' }, "Notification Toast Example"), h("div", { key: 'c4102f4ff1dd275c3115216306e3d6050d0ae821', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ef24ece76d5a674d64d9c62748e9f73436764152', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '912e0ac725deaade05b1e0fb97a2897ad0294599', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '98d6d9872452515c9c426a9a927a6b856cddaee3', onClick: () => this.open = true }, "open"), h("button", { key: '01cffbac66bdeb6e12cca6682c66afd7de2bec92', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '92f78e17d144133aa5e8975a7be55786c7cd4cb4', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -16,7 +16,7 @@ export class DgaNotificationToastUsage {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '50907531b0e58d87a80591aa316e967e6e96687a', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: '854bb24517a831fb2ab418f8f0c521699c47f13e', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
                 {
                     label: 'Button',
                     onClick: () => { },
@@ -27,7 +27,7 @@ export class DgaNotificationToastUsage {
                     onClick: () => { },
                     title: 'Button',
                 },
-            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '4f9a08d122f0cd7ad5c79155dbeb9c5f24f67808', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'c7539cdec01fa5f10af1a1caafe98374e841da66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-notification-toast-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaNotificationUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '456cbb1ef8e3b05a9ef8aa0d3e57215637c1db07' }, h("h1", { key: '9a87ae77023d734bc38d15b1233b96eec9e4ff75' }, "Notification Example"), h("div", { key: '11361304559d529fefe953245ea58ed522c5e0f9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1a7aeebdeed8813e987a85a0de8d1b624a9f3c60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '919abcbfdd3a8eadbbbdd9eb31369c4b4c83b3cb', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'e9aa06d237dddf1d21dda3cf18ba5ae0fd2be4eb', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '00b9be236e2145da21685d167566609a00ac9d4e', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '045221f5e8534e48c85ce7e41c6898d21ed7cc08', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '419b919cfc9a7847de472275d26d06e4d6f66364', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'f3a993f819227d4c43657e2556f82c27e17b7d8e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '5f18662ae155dba954a77dbe48a5b010733f9362' }, h("h1", { key: '47faebfa8a4831a879f2e7155a335311aa07c505' }, "Notification Example"), h("div", { key: '7fe77845673410e7b8e5492930108a2e7b6ce605', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3ca1b33bf085c654a9e5f08d7bc03c87e9f6f33f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'db7dd7308a9cde1991ab94071f088ae7aebf1017', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'd887f3719c5b5f69470add518990b1fc1bbff483', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '9f9150d34be7dd10d86def6617e8f920d532944f', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '31e844c8d2f97ea081a59b1cb7cb9ec0866ed8a0', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: 'ce232f3d8e0aa6879eea0445e50e50692958fbef', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '957bf4dbfb498d2e6fa8d90e587d4b504a405777', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-notification-usage"; }
     static get states() {

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

@@ -4,13 +4,13 @@ export class DgaNumberInputUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '4f18ad25895c8d8a2b37ca586c07c6effee3b616' }, h("h1", { key: '8e472dc4041cd529d9f858100adbf454781838eb' }, "Number Input Example"), h("div", { key: 'd5a232edc6da9117325c2db1b4f880533161fe4d', style: { padding: '50px' } }, h("div", { key: 'b117f02e94aaa08f4813aeb0867d3f67cd2ce220', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'c3c19012a03d7869a8559815d9c38ac6c79cf63f', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '2dd6af5f021f04b432453a4140fb40b435273736', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '59bf0214f91b9e4b9e3164831e268f50626675b3' }, h("h1", { key: '5057135b21ac144ac466bae941404e69a09f7d99' }, "Number Input Example"), h("div", { key: '306d8d3063191d0c63184d387a416258f98ca78b', style: { padding: '50px' } }, h("div", { key: 'ad32fcdb720a8cd1cc3e030bb64229455fde5fab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '5c11440d13170f43571c11df938df46df59c6427', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '96eff096adb1a83f2b91f48a331220dc1c9ccb6f', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '499be806013aaa65b276a991b8dadb95296dc05d', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '799ffdffc28a0fe520cafccb50dc63762d808648', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'af0831cc65ed6096a74a46f2164c4d2644f29796', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: 'b29fcee888a9d7d61382ffc6b851a591457cedfd', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'c548ddc93af69b15dde8830ed1677c73048138da', label: "Mandatory Text Input" }), h("dga-label", { key: 'bf39344314a06c9c690a2646c9cac33914019612', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '2cf13921d95dd13de4c41753f991461632816252', label: "Mandatory Text Input" }), h("dga-label", { key: '9cf793edaac957222dd1fa287e07010c3d9572a0', label: "Mandatory Text Input", required: true })))));
     }
     static get is() { return "dga-number-input-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaPaginationUsage {
         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: '99d981217d0e639bffbbb5b4c1f4d65f4d6b1260', dir: "rtl", totalPageCount: 10, size: 'small' })), h("div", { key: 'b7f2607093e03aba7dd54290e864c3bb9ebef8d8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'ce63e8f2453cd03d2c55e8ac32662519815c2ec6' }, h("h1", { key: 'fc2edc4e74118fc491f3714b9e0e6f90f28a1602' }, "Pagination Example"), h("div", { key: '08d4c40c0037f32e7c2278db12e31f3e0b5c596e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2208a4afe1be0cb8b29948b56c5b28d10c86271d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '6776ab229e8697eecc4e5a2d943b98f97b4fc45a', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3aca7e396e34be8afca6ad90f198c53003e20d09', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '9b3edfdbdc7f29dfec7cfc82a2426a3cf30f355b', dir: "rtl", totalPageCount: 10, size: 'small' })), h("div", { key: 'aa2e22973268aca11597f81d5070b15f6d654cca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-pagination-usage"; }
     static get states() {

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

@@ -6,7 +6,7 @@ export class DgaProgressIndicatorUsage {
     }
     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: '9203efded09362dae8661fabd57a180ec98fdfb6' }, h("h1", { key: '213ce3533ef9f694845e43f1dc5d7e01c287477a' }, "Progress Indicator Example"), h("div", { key: '4496fd00fdcad4936db8e9563025bd64c13adf58', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f24bbd70344479850128399fbbe8943cc136078', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'ac8bf052e9c66187e1557c30ae1e341d5e50129f', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '24dc0d0e96c2e3563f791ba9e22825dfc4bdcabb', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'faa5c9c2c652441fd036d2f8e47732df8cd0033e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '0c6186558d1989c37582938295434b831e3c1f49', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'd53dee4e10b752e72993d6ec49893e3aaef7719b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '834c8d051a49055b2ec36604c708b9b8bdc402f0', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '12edc2fa36425b2f04d0680447a4a89c3bf22973', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'baf873c104e399fa7e428ff669a58c4c2750c96e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '7c82485622b8540da10fdd08e2ce57b2ba6708a7', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '85009ec7bf5083e2e9aa58e28e774aef1ab317f4', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '784e6f3fff6ca56be821d57f4f5d17e2fb56a12b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'ef86caf6b75f596f75d026b479307965f98cd279', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '8b2fe5b88031aaf98932f8454d112e1184d8a6fd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-progress-indicator-usage"; }
     static get states() {

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

@@ -6,7 +6,7 @@ export class DgaProgressIndicatorUsage {
     }
     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: '040b7202fe9a2795176bd055d8ce7d2f8461cb97' }, h("h1", { key: 'bca24b60e0dff7c480d38e792c30c45f2ec00b8b' }, "Progress Indicator Example"), h("div", { key: '4edf081c314fb9dab3259797de54de06bad4fda7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9670ad4528d7da1b01f84b875be7b73589bcd778', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b690d0b93a7d2b94d0950d1ad69cdfadd4be4f46', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'a6678d510f2e0fe25aadeede47672c619a6280f9', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '727cb1c17faf9bea55698e47ac53145666679027', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'e095a532594661836c12085fa6c4c3a6ac7b4f82', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '23d884010ed510137bf76d7294804f9c9fb87c1c', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '3b1d90f6219134fa3e51e16e63631a136bc8d1a2', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ef4448a52022bb6290ebc1f8cd2a3d6cf7b13357', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '136cd665dd0fe220f9f77f5a76f83911b40cea07', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'f6f40617a86b49b2103dd91d31852bdb292dedaa', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '50a4817d898a81b3c201da82b75855e18bea04f8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'f18c73971b5e41dc49a68e2e92f277ebeb46655f', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'a21e1dc9c63d3bb5d0dd6e751fc5cb8124982b4e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '469cb2641332df5b54c343736c48f80a28aa1a58', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-progress-indicator-v3-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaQuoteUsage {
         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: '1275a01a6aa6f0d179a1fdd872c95e3c92327f9c' }, h("h1", { key: '3d6b23723f5a69ee276461e0e5d36121f4d806e9' }, "Quote Example"), h("div", { key: '7711a5760b5413a0b8b404c4b41b566e31a5f967', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'b68b3bbddef43a0c57c5c44ab2ceafb13a975a2c', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '7dd2272e35c05601f54828c6bacc101cc37e4a2e', 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: '9c2b6ceccf0a5c9bd6aebe7c218f5d21112eaf5f', 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: 'd9bccba901e6ba9cfee4669a6a36e8b51a04ff4a', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-quote-usage"; }
     static get states() {

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

@@ -13,7 +13,7 @@ export class DgaRadialStepperUsage {
         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: '633abb705cdc572361cf00c08ff59db0b658ce02' }, h("h1", { key: '6122181de257995ff9a85d01e5cd4a0685f1049e' }, "Radial Stepper Example"), h("div", { key: 'd798f57403a8cd1e91bf60d2a6d83d43daa71b42', style: { padding: '50px', gap: '20px' } }, h("div", { key: '67db737bdeac992832c4283b60916c25cd090bc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '1ad7985c392dc62a6e1bb0a2edcfcc7a8211b990', size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -38,7 +38,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: 'c2693356e66900de8f7c0e92313ffc6ac30e85c3', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '492bfa56a261ef0d7a2c7c70fd018b74d7b01984', size: "80px", color: "success", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -63,7 +63,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '210177d09fe14387621f4e1dfdd1d7a35e9bda38', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '0c47848003e18045ac7da9669e08dd95896bbc40', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -88,7 +88,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '2bc8d0e0b1986136c6d96fbf0c9e0ea7233a12a3', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '734772c63f2778861cf941e5c35e52aa8b382816', size: "48px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -113,7 +113,7 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("dga-radial-stepper", { key: '4e095dad5a41854888171089402f9b17cf182dad', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '1f7b03d83e7fb8609a56cbea31145e6f16baf9eb', size: "40px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -138,10 +138,10 @@ export class DgaRadialStepperUsage {
                     showPreStep: true,
                     showNextStep: true
                 }
-            ] }), h("div", { key: 'c37fc188323cca1f95b7a8d12149cefc1507f7b5', style: {
+            ] }), h("div", { key: 'a4a225f2a783640328906a8e0482e0f4b8bf627a', 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: 'd414cf02f180951c2c587c54d8f2c634a544f1f9', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
                 {
                     stepName: "Step One",
                     stepDescription: "this is step one description",
@@ -178,7 +178,7 @@ export class DgaRadialStepperUsage {
                     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: '9770dfdd2b8754798ff1890823cdb283962edb4f', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'f59cc53c07acdf0cb429d98c29e0cc2172b5493d', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '8c3ae877549239f3d4c45b02c3405f0f044eef75', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
     }
     static get is() { return "dga-radial-stepper-usage"; }
     static get states() {

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

@@ -5,11 +5,11 @@ export class DgaRadioButtonUsage {
         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: '81285606e6e0554eba38953edab8ab5aa86fb6e7' }, h("h1", { key: '3a54d4995ead395308c7b415ab28ed12ecfeac89' }, "RadioButton Example"), h("div", { key: 'e14ab5d5c398d1ba62601e8f1f02b67b7420c90e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '24751c1364d372b90f881ce201f5bc3cb0b3a51c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '77a22c16f14dea52ba0eb146bc3d241e33cad090',
             // 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: '010d446e65b32fba5598248e5b22de995761ded1',
             // 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: '75e252b941f9f6719bbe0e487563380c4a2388c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-radio-button-usage"; }
     static get states() {

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

@@ -5,9 +5,9 @@ export class DgaRatingUsage {
         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: 'e1612231c6fdb0b3657ed4fe1453ab1be1696436', dir: "rtl" }, h("h1", { key: '7eab44359184bf5ef1720191bcdb7b2d19e4510e' }, "Rating Example"), h("div", { key: '0607cdd8bdb24b9103ea819a83a7952cd00be82d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b2cc22c0b4cbda19bc6d503225e3af42bd1d1061', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '38bf6198212364f82f8bf47ea35f86badb615dfb', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'dc192c8a18ccdf6281e2f60018c020bba354c821', 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: '7cefcbc8b15cc85e4b79d76a686addbb8368c1ca', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '1978e3d58f50f2ac278360dc2f7c30877811b22f', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '3535dab435c6550dd7ca561497fb3fb682456b3b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-rating-usage"; }
     static get states() {

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

@@ -4,7 +4,7 @@ export class DgaSearchBoxUsage {
         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: 'd8f976b4ceed23cad8f97d897fd18b54fe32ee4e' }, h("h1", { key: '9968d91b50ed57bd4e08d22bd6686a3becd9fd3c' }, "Search Box Example"), h("div", { key: '8218a4366748469c63860977d0bb367870caa31d', style: { padding: '50px' } }, h("div", { key: '63d4b748bb4fe70cc41b41fba9ad2e5600c32c21', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '95d80d8bf9bc687d21fb292b568f414127a0ca46', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                 const target = e.target;
                 console.log("search changed");
                 this.value = target.value;

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

@@ -4,36 +4,36 @@ export class DgaSecondNavHeaderUsage {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'e15a34df527c81904767679fca5a43ce1ebb1ea3', style: {
+        return (h("div", { key: '2e86c8f0ff20d5e2ad546a1e6b9e716939486ede', 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: '7dd85ed37f216ae0e4cf7e923931ad941e70dcfc' }, h("dga-second-nav-header-actions", { key: '2aa7870220b2485b70c34f6fdcc7cffe8fda597d' }, h("dga-button-v2", { key: 'd80ee9e4c98380fff744f33ff1a3a486897ae9a1', 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: '47ee25787483b959c959fc285c775b6446e3fcfa', 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: '02d28f75c713d83d14704a7a97ca88cbb0a13fc2', 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: '7c11471e6bdcdbe47869041ffb5162aa96bcc79a', 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: 'fb9c7641a45afac4c96165b84ee2c45aa321c749' }, h("dga-second-nav-header-item", { key: 'e33a268f9184da5d5e58bc06a1981787f9d7fc19', label: 'Cloudy' }, h("dga-icon", { key: '8982512332095cc7ca7619f034f617f0ca401c7c', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '8502c8d4faccae93c087f58885367c2c33232f45', label: '21 Jan 2024' }, h("dga-icon", { key: 'a870e3d5a52256bbc1aca2fca673fe67c6fc824f', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '6c3581f1272669328c46ec1a529a5ca45232ab42', variant: "gray" }, h("dga-second-nav-header-actions", { key: '5022ed3eab25533abf9e55deb5106c985a3cb378' }, h("dga-button-v2", { key: '91ab572cad798af562a00921b1bda9c7c5f64242', 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: '65ae7f788f046fbf86fa1bfa17fbd6a8d78fe942' }, h("dga-second-nav-header-item", { key: 'cd2eba5644dc4126810f1bce2d5c85b4193220d3', label: 'Cloudy' }, h("dga-icon", { key: 'cc65b9124c0d3c3b79a5e64f36982d7176b5ad5b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '09b6843eb913d99c6721b9137ea4225ac23814c4', label: '21 Jan 2024' }, h("dga-icon", { key: '409f6ba54ceee43dd31ebc96e0a8567aae05e489', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '3881c9de4139a5b3608e50a5da874bd204672c1f', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '780637f2b5f0eadc55b7de6c12b77ff4684edfa9', collapsed: true }, h("dga-nav-header-logos", { key: 'e45dd6e4b36c0f354517f52c940691f7839e5a60', 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: '51ed37b45df1a569826116800778dfe11243a9e6' }, h("dga-nav-header-link", { key: 'e1393eabeb3c9a3784e93cc70eebffad2f8a35a8', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '6bcd01789e55d871bf325aaba7aceb0186e112db', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '8e367eb4de37cabf26efc2e093eb9d2c3b2c7578', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'c90d4546b5aeda3cf052f082c3c57f53e94c08d3', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '8be65de03e85d064937d1562fcd2d93858a7ca5d' }, h("dga-header-action-btn", { key: '22d413a8a5a523204abf4018eab41a040c09472b', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '83124735c6e54c5b642b473d4dd0ee2db413a68a', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'c67096b9423ecf30a447425fd4cd22c78a9afe4b', label: "Login", icon: "user" })))));
     }
     static get is() { return "dga-second-nav-header-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class LineSkeleton {
     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: 'f42ef5a4c610f1069e40214d9384ae239636c29b' }, h("dga-line-skeleton", { key: '081e4f476ea7d3524f4a9ab38ed22774dc1ecee5' }), h("dga-circle-skeleton", { key: 'dea01d885a0a1c2a1e375a70e1cf18eeda063ca0' }), h("dga-rectangle-skeleton", { key: '5342522a60e97b8178796a515d3486235dea9750' }), h("dga-square-skeleton", { key: '7766914eaf08c4a7e367031dfb9c5bc07114b539' }), h("dga-skeleton-component", { key: '41d8a06e4d46896f6b14c2e3618483f68772bdfc' })));
     }
     static get is() { return "dga-skeleton-usage"; }
 }