@platformscode/core 0.0.34 → 0.0.35

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

@@ -5,7 +5,7 @@ export class DgaNotificationToastUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '60f49d64c7fa236bf2d5a838f300992195c80fff' }, h("h1", { key: 'cc1559e31fb539eebecfb52ebf3969cb3a5eecc9' }, "Notification Toast Example"), h("div", { key: '45fd668d411f8b566352a5fa03a4b4825e192257', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '30c9c51f45008856351f1c2afb39895027a1f908', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'ce7e5c42c17792edf2505c942c32de2a735fcb02', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '869b3447e35e55cdcecf3a813749e5a3315b4fd6', onClick: () => this.open = true }, "open"), h("button", { key: '1dcd9defb7753f7c372dec0701fa89fe3a49d0fb', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '7f59faf10f96e4738541a76f9eaf3a78fc7692ac', 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: '56e0f0bf8e4b0adf120ff0d869cdda544cdef401' }, h("h1", { key: '79317ee62ad38058ca4012aa6ffbec8ddbf2f5d4' }, "Notification Toast Example"), h("div", { key: 'a81c0bcad6dc89f42527b614fea0c780e4a748f3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '574eb746ddf78d37d760aa8670a8a9eb53334db2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '2c9d26c302f25bf03f843cda3031dc5e91e62232', style: { display: "flex", justifyContent: "center" } }, h("button", { key: 'b0e38267fa51e8e929642fa7ea1e90ea2c8fe34b', onClick: () => this.open = true }, "open"), h("button", { key: '776a37bfd3d2442059289dc0a16fd0a1942f822b', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '029a110d4a944a92bfeb480a24687211ceeb4129', 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: '181a8a97d6a3a0cb272f6c1c729297c9767cb30e', 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: '23a3e770b81f7c12a448df153ac89599b1d4092b', 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: '85dc1cff245c14638db7658170dde2ba90baf382', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: '79bbebda27aa2e4e94e34c1989b6179ef0502f3e', 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: 'ea4f25cd1bfa13a51684c3c3a53960ffcee878b1' }, h("h1", { key: '4f0b801cf475405202ac8da6cc54df56a092d8cf' }, "Notification Example"), h("div", { key: '2aa0f1ba7cca91cf1cc32fea4cd416baa1ac629a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5c9cbd2e270595eead6e76a80de0774707f13286', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'bca93c0b183219a4f92eb781b89e8e84791f5a12', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '3b0ed2e5e40265ed0fb9eb666002049d556a8829', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1c7cea99ee8e4a27f895ce5fb1ea9eee3dc80dd4', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '3d976bed6ca7a07e0e3b5d31310b9b57dd20304f', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '6301ed97e5ea394f734bfd349de6495c83ac32eb', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'def69a1cd55359c6dd27d2987eb7de4e477c1bc0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '061b9fa818dbfecccfa83abd752c050f8bb789c7' }, h("h1", { key: 'a61b841d5bae620fb5d3824637b506bf986688d0' }, "Notification Example"), h("div", { key: 'fc2c00772e8dab3dd1a1f27536126f5c4e472590', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0525f6745e9b7a7090d32c54d7ff2b7386587d78', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'aab7266ac630410ec5a41a091c7fbe25e17085b2', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b9b666915fbceac5e9f6208867ba8b570fe10007', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: '1d8f6208d39bf9a389f14a18c5cc27e927de9ae5', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: 'e3aac38df8a972c5afc470e4bb19c4e7ec3bceaf', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '9e2cd75f1a7d661da809a22de64733f4d2a98e5f', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: 'a9b26f80c1ca89ab081b077c646884eec6a7023a', 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: 'fdacbecff054f09c0f8745a19fea931c8f61754c' }, h("h1", { key: 'dee47eb5095de9ea0af5db1d21adbb2c7ac073cd' }, "Number Input Example"), h("div", { key: 'df2a14ea335e2972a8f36f726ccdc84b6c86dd4a', style: { padding: '50px' } }, h("div", { key: '2adeedc6a1cb55c8407f33807b01852745e59e76', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'ad3d2a837275e8e7802fe2b1ffad5583fd8b5745', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: 'd0da70586a438dab7076f243795c06784c7d1d56', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: '5754975c6ffe137ce8d18809a1c6865e315caf66' }, h("h1", { key: '36c7420ba6ca7f04547c6128b686711aa9d22d84' }, "Number Input Example"), h("div", { key: 'ea181c6f1351757512b1a7aac4c24f1afa2a6633', style: { padding: '50px' } }, h("div", { key: '002d6a077539d0dd291dbf3f4bfa06f30b2cadab', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: '57afc64ff912264b99210a733ac776528ab9fbb5', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '3bbe6286611758f6258d29a98c6b9559158dc746', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'e216e6d34c057928d7020abd7965abb7c0ecada0', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '10e5ce6497bc358598bd650c922c4b8a38e09bfb', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '579561f2c6d29dfe8b07590ff8b095aa5226025a', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '893338a9bed32652a271e33314e1a19a282d5e92', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: 'fe8e6d2804da3b469c6185a7dce13ba3bb30d698', label: "Mandatory Text Input" }), h("dga-label", { key: '686392f5f7ee0057675be5d26cc8161bf26217e9', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '90da01a28423b2ae16e0800e8e3e828cc2e7657a', label: "Mandatory Text Input" }), h("dga-label", { key: '459949ae40eaed15569d0326d6e2548070e00c27', 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: '86fb73e350f552f42d285e588361034617c06c54' }, h("h1", { key: 'e7224890e3ea50c7d0b04a5d98c058035e8d35d0' }, "Pagination Example"), h("div", { key: 'c70ca87729d82bac7fc751d8671a083cee8d4892', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ebb5ae8db7304889dbbfe49fa336a5cf187be7c2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'f5aef5f4137c324398a84693038311f1d737a53c', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '9f256f42667b911174f94606d8a7def669e4c1c8', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '56a10d2dbe2457855298bda770fbe3f6cd109f7c', totalPageCount: 10, size: 'small' })), h("div", { key: '5d9ce5ad150f8dfd36d5d4573a4bae8733a6e060', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '90e571eb4e4c86b1d040563def1e63227f758430' }, h("h1", { key: '4cac213523a1ba23345328988df0b835a9c4cff9' }, "Pagination Example"), h("div", { key: '44c2bcce44cb4e165fbe562f13315c4d4a2ed4f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e4e544aabf9ab4e57196e4b56805dd6fd8ee7cc9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '1af325367643fb1a86cc0bcb8624e7062a1500a9', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '3d516d50bf028ed7b5042f728f1135d14c073f81', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: '25a0ef6f236f662e7a0e17c10d3e4b2f58e26c1d', totalPageCount: 10, size: 'small' })), h("div", { key: 'd84647b1c5e6de3a60510bd24fa7a25d8f1698c0', 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: '3c79a4f084a19e27d948777a9690f5cff788c910' }, h("h1", { key: '40e40b45ba937e112cdab609c93791b083f5727c' }, "Progress Indicator Example"), h("div", { key: 'c8e33a0b3e7332c68684c21d230217e0c4b4460a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '91b0e70ee92d301448e86d47c2b5eed7a2cbdaae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '1e15431e53905aadfb1397e3be58a36103a60c95', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'b9c8529920b63d54ef1b7f9904a165eee6fdf36a', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '57953a5b3631c748bd2f6f35e1f891e96f162e7e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '9941014d6ea9843bec1e6e7638a73326302d7bb4', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '1a469cefce702f735b8386012ad03a531a4f270b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'c1b4f7b224900ffd89015bbe569336d8a8d3ff68', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '61988dd386a2b63d1b19e276131e7d96086f6a69', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'd09ec9461cd8a58f99076c693cbf825579103fdc', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'f6253e530f30865b565697ea1ad39755b0a03ee8', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '0242af563ace750c66059ba52efaf39d9c26f7ab', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '75654e88ee574e8412bd78d96966eccad29f2442', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fd27183404503a11e8fd585533f12b3cc64007d5', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bb08f1cddd8b53e38b1256840355e2ed235e26d9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '860aaa83040e5fa38bf9a2ad49a4e3d5d0b5cfc5' }, h("h1", { key: 'bfbe9794dc3c245fad55962550f7c198feab49ef' }, "Progress Indicator Example"), h("div", { key: '55d6ba6e2de3fa97c2840d517420cb655f95bcb6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a32b6b38fbb738dc067c2532a58c2ee5c68efe18', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'fb4592dd178693b6e97bd0d43dd3488eacea03b1', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '9ccf69edab1d8f40980b85515ed35cb4ed48dd88', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6425f8e926858dd354741cf7cc112efab93caebd', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'b5215177ba4c78345d4495074aa36d87056663bb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '8476f0bf8bd6652e1638714881c99004445f9a04', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8e7fc0021bcd9d93b6ed60ac45ee7fa427c4a545', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '8cec935d461b533a753f40ab531e4ab58ee4d1f8', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '071ca39f21055f935d08f905bb18d58ccc5002de', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'e884aca8d8c1352e8f880b40fad00e7c1ccfa067', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '02b48e719d1cacff5138886396b2ee9a08c58eee', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'bcd292bfa71b1e3002ebf72a2a552144b5c46ca4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f95a10827beb83d7907f428a0fe9522eb0702e7f', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'bc66063dcbb3c4e09aa07e5df9f2cb5f79ddbb8a', 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: 'b48e6a8b418fc38454f4dc5c467fa5be985967db' }, h("h1", { key: '837b665be29e641756201f89b32db31bdc712317' }, "Progress Indicator Example"), h("div", { key: '1019a10cf2c49d09eb21d48657a4f37f18dfb168', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7e24069129fc7da2bb8c97ef63451db8e5967534', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'db01c2b353bdbc570c11245b9ca169c402970fc7', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'adff0cf9cf3d1ce99d29f62851fa69f37de71f8d', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '28d8c6548f47b7172e8d4018f2a20e8793b2fd37', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'bd10f7ca70bb3c94b6fe8d236346aed47d532037', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '041ff0b1364135d3f140111384b7533ef4839154', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'a4e08419819b7d43a307afdfcc0374943765b806', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'c9019aa604770af183cdd7969fe83b125c9307a9', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '62ca7e516d82d0a98ca15789f39e5c02a85af5e2', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'b70b46f3c6b209000b3b571cd88f4f49de88296a', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b72ed5202ba89d34803b50c1c9ee954aa7de009c', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '1f2a5514b1b234a30213ea131de73392bf721791', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '4c4ec86d9a9eb1680d90bd50b353f3b213185731', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '30fa92f6c005b5aa8e3487aa1ec6c22bfda99124', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '49bdea112d1ef2414b88207d0f3f4638f4d0007e' }, h("h1", { key: 'b95cd4e4dae75523c6a65f44bc06155cb75981c8' }, "Progress Indicator Example"), h("div", { key: '05511147d75af1ab54fe401b090923f586568514', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0034a7ac7456a2682f0709412c1a9e4407b41a6e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'b19745d71d2ed1ba06a324010fa3a91fbba01dd5', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'ff79b843056df653432bc76cff58850c77a66b58', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '5fee02140ee8e5c3f944ea7fb1aa1fe014903e61', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '46580ea9f1ab2fb53400a65b7e3e814e94afe185', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '3991523b382d2bd6fdc4d968ea18b931a731ce80', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'fbf44c5a33e9deb47e08ae865f6c805e595069c8', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '59e1bb338e690802321bd7e12018499241d70d9b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'b7d10d6cee79113fa28c0d8449f3eb74fd663f8b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'cc402b2f342d196a58a5c9ddcc245e0d890c7892', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '80242d121043f690c940a9295c5d6b31578536ed', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'ae59a7c0ef02362885ba4533b119af10ac5e6e0b', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2ff84358fd4b1ba7ff3237efb41ccf62b4564495', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0cec5c114ac8c3ed2fd8020515a18ba741675e27', 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: '8e44b5586bec0f0ecf061ada550d491236f2f8db' }, h("h1", { key: '8b0601930a24e1219c18a3285427fac072798fa2' }, "Quote Example"), h("div", { key: '293c1b2df9d61fec0e081e015748963c69dad29b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '054d276d71e67ee068827c2f2df1884f5a1796ae', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '4de62c4f6035992ed10ca177888a760eeba55ce1', 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: '336bca0344ab748e24478b3d89a7460c47da4e45', 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: '680cbfaef3dbebcf6fd61121f15fd3a52ec6937c', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '7b59d5cd7223387ec9ecaf09ae430cd5fa031665' }, h("h1", { key: 'c559eb076b7986f94c1bdbe8813692219cd85206' }, "Quote Example"), h("div", { key: 'fdd12b17fbd6083a322bf11b6b7d591876711099', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '33fe8a38ca236161d916a9e334586a752f10e2e6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: 'a8997e3d3f0bca7f9529bac03e0e8ed90d682234', 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: '9a27f63db1512dc033c546b9e2a5cc86e25e1fc6', 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: '7b7fb07e6b082f02a58d87cdebaf03660d5cbc45', 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: '24116d4ab2d75e03b491ffded68c266de63fce98' }, h("h1", { key: 'a872b46abe444955d797abc0aaccee386b39b75d' }, "Radial Stepper Example"), h("div", { key: 'cdcfbe07d95f93938d7169d5ebbfd5deb4f4fade', style: { padding: '50px', gap: '20px' } }, h("div", { key: '013d429926c4eac491840e5a1cf77534e0814cd5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '030e66481462a9b3b8512f6bd3140b7bc2c73b4c', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '3bfd206db81ed99dae9ec22401ce166ab9ea202d' }, h("h1", { key: 'e0ebc16837cf106a013ba87d0e6335a561a8ea89' }, "Radial Stepper Example"), h("div", { key: '4d62785358273ec5b138e2ae73a48f97fa255805', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a4c02d5dae77954998556f79d2f85138ac2f0ab7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '46515a109fefa768232d04f46169729ff592e002', 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: 'e45dbe8ef4edcfa83b361f55623ade75ed688713', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '7eb636bc195cf435c17cd9a45fbdcc306210e415', 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: 'b5622c1e7f554511599e091ddb17f0bdb1d927da', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '1b6c497328a00e4975a09fbbacddc7db4faa71f3', 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: '009e80762077dd17cb2cfce481d89482c1e37dc0', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'e1eea3d7c88b596ce0e38c2150f2ac0aa7970e8e', 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: 'e1035ab84eb74d7549f1e6297da329c2fda524b0', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '598021ae613ccabbf08d5533ffc440e8becb250c', 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: 'ef06f5b9cf5e4f1e29e3f32310158f8aae23771e', style: {
+            ] }), h("div", { key: '1fedca41452567be59be5c385a6755d56d80461f', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: '6f860b35496251183c7cc64a3f0ace42a136bb49', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: 'ae1299b79c91f475dd75ef211930cd64a39b0589', 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: '522fbc9a7cc2b44df244b1c74577dd05292ed144', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: 'f1b45d5366d45cd63e228131b9188c1e8c9891ca', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '15fc610fdb23eeb6887b804d5ab6c9ba8913f019', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: 'abe42640524b6901e6152fc9a411b8838344bd68', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '72142c1d3494195ecdd122b9f79e9a622f34d093', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '87c2d846e13106f4b8b5ddc7f0b4ba7eb7c2e152', 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: '8d83062bd9365e9d90ca98a03b6462f2baf04ee8' }, h("h1", { key: 'cfc00b3498165e7d0a4dabc733693ce2c4f48056' }, "RadioButton Example"), h("div", { key: 'c6d509940a4a46631b75d2f4173b0e82e22daa77', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4bb4b5a543e1a0f49f7c9c7388cd7df6d2df5546', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '9cd3b1728aee5c19b87860a7c37d637369eba773',
+        return (h("div", { key: '62906a14468b7d4a28d5700a18e317179f575868' }, h("h1", { key: '2e82948b03e30e7d040d414e29789ec4ee5e39c9' }, "RadioButton Example"), h("div", { key: '7597141a32352ef8f384e3438432bc26ff4ab02c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '37a55e92273fb92763583d9073961e85eae65a53', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '83e8156712c8950be1a07dcc889c13530b7e4c43',
             // 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: 'dbb3261a1462d064e666e644236ec9932fb1a1ff',
+            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: '9e8464f3ecbd9bbdb7acd171fb76cbd926f04481',
             // 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: 'ede4dd6d36206f3445abc37306ee1d5cb6cba178', 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: '2c165379c18f2434a6eaea9b6dd372b332a62f21', 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: 'c8de0ba26963ca6abe8e931ea65591c4cd583ecf', dir: "rtl" }, h("h1", { key: 'c7960200db6f9fbc012f883f5172a6e6f11a285a' }, "Rating Example"), h("div", { key: '0dd5893910fdb82a9313f70e6414de08740bfaad', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '10aabb0fab84ff83047595212d50a1da5e35c6d7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '95c037c39b26e94d4924d0698b3ee7b3856707e9', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '3ed7e638c6101236fc10107d00edb4b7fda9423d', onChange: val => {
+        return (h("div", { key: 'c1387a2f19bb2cfaa4ef4c86fc70abcdf98aa5da', dir: "rtl" }, h("h1", { key: '72aaefac87149c684c7b2b60dab6e14a28025092' }, "Rating Example"), h("div", { key: 'f49ecb0f804fd5441f34da21889749172014c918', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '185994d202c61108e248dcade8b4be7ca2b744ed', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '5135732fd29e9e1a28bd856d6c266b414c4a7cd2', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: 'a549107cd0023f828106e9bd24887a40a58d40fe', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'ca0775b2de0a0644c3a30c5ff145cc12aad75dd0', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: 'df6ebe52530dfd4ccdbfc660b88eaf4350c0f405', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '47e81cf79b2d6e69eeb3fe0815d6b0e92b5fbcb6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: 'c14ceff74a64cfa7669f2ae804a09b5c79668436', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '01b77dad97fb3992f1e5383d760042560886b273', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '19ae50c0e073d9a25c7ed112f66af89df062a238', 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: '287be869b657a2108866764a737e2fc0eee8b490' }, h("h1", { key: 'ee19544c3bc948923a09bbde6bf25a74e9e89e8c' }, "Search Box Example"), h("div", { key: 'f91691ffd7aea11705c42d4221c5434547542e77', style: { padding: '50px' } }, h("div", { key: 'c196ad2d9bcf67e5a760a5801a2f8d6599b7d3d7', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '5173481b5322cedf87423266c35888083a6d71a1', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: 'c470e35bbe0426ca814e07234cfeda1c7dc0aee5' }, h("h1", { key: '25b99581887c5739c07105b22b590d51fda26bb6' }, "Search Box Example"), h("div", { key: '0e7a2d8dc1e5b598f3ea5ece01b49b6f5d504861', style: { padding: '50px' } }, h("div", { key: '7dbfdea7041582285a17e43c3f2f580471be39a4', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: 'f2cc6f9a4d32283004199758900653f2c8d4ecae', 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: '07e2e8723d39b19def16de595a4b3579c3a7655d', style: {
+        return (h("div", { key: '1d79feaf90fd226e947f56663b5f6654801f87c9', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '184fd8e1516881a4f3aef7ecfffbad504042a2e4' }, h("dga-second-nav-header-actions", { key: 'c5e2e1bf06add3ea651734879e2bdfd38b7b2bb2' }, h("dga-button-v2", { key: 'ad2c8cefa4030c2ec722e2ea7136bd4385b6381c', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '6bd13337564ccd4e9ea35d1145e9c198222859d3' }, h("dga-second-nav-header-actions", { key: 'b8e93c814df2c7cb40aefb2b83e3fc19fc92fca2' }, h("dga-button-v2", { key: '450d4c39c271bcef231fb86c0142df6b4955ee0b', 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: '26383200055239ca988578317f8e8f4511b7b993', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '12e37342c309767c225d878bbb328980bf72cfd7', 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: '3fdde99c4a34e51a325863ad5181600698dcfc9b', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '8f9d77d5b390f8dea7a85e8ac0dcc333eb004fac', 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: 'c5a666f9796822bc208cb66782ae98fdbd8eff07', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '6c181429134fffc6eebdf398dd6758ae118e99d3', 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: 'c5721f2bc7d249a1816ed326c8a9468d803073d5' }, h("dga-second-nav-header-item", { key: '69a3a965732f32e2a20064200d10b0cea47666d7', label: 'Cloudy' }, h("dga-icon", { key: '19548446fd3efb7b8e9702943d712e0db52490be', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'b1b6a0050d4c5d80b32776f8e79321f95a160ae9', label: '21 Jan 2024' }, h("dga-icon", { key: '625cdb6c6425600087bfe8e0367a261267cfc584', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '6a00600ff5484a0de9f7d8dbbad8e01446a02ec9', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'dc0273630e1e7dac67904da306d12a12d4b87b1b' }, h("dga-button-v2", { key: '15a3c4df089e017a9eed87e0f4b4a38676e70a5b', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: 'ba0e9274b2cb4f02e903fd389d603b64c84e4aff' }, h("dga-second-nav-header-item", { key: '6bd5c4006a232332c0456bffae372bd342ec49ca', label: 'Cloudy' }, h("dga-icon", { key: '5749be65d40a191160d5d8481823213c30375888', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'bfdd59bc097ff81db4442aad6ec65f3454ecec8b', label: '21 Jan 2024' }, h("dga-icon", { key: '8c98ecddbcba261eb25af76ab55d41210a23df43', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '279179dcb780559e2a650d1b1c3e7c81b944b11b', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'c86a9b9dd7e0b51902913dcfe29b2a25132601b6' }, h("dga-button-v2", { key: '554f02e9fc6329202ba5233d9ecee6b7ef2b0cd5', 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: '2e3fd58fde88131089d99f9e805a383aa2cf7ce1' }, h("dga-second-nav-header-item", { key: '336ec8b7bd470791cdf906768f5086649e932cf2', label: 'Cloudy' }, h("dga-icon", { key: '77b503f56e93aeefc106a22845a7be53eab176ca', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '798b730b62797f5e13e6f08a08b8c498ef4b7c06', label: '21 Jan 2024' }, h("dga-icon", { key: '22dc0956b90cb78d996ee31770a5402b849aa039', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '4aec63d59474b96e3923bdd02a4935935a9f3f9b', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: '6e5f61b20edcbccd70fb258e17a0996214a5a7d6', collapsed: true }, h("dga-nav-header-logos", { key: 'ed8684e0174e0672f3288b5059cc64e98fcd6500', 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: '0003f3d54321cefab33523df1c7fdd1eed390edd' }, h("dga-nav-header-link", { key: '76dbe83c16d3c7d4439c76bc483ff4aa5471c700', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '17cdb6f777fe7802377431614c7e1fb976885675', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '0d0465c048661b72615e5ad6b3d00a08d247d68d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'be028e0def52219232b28e4f41e1835c9f9bbd8b', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '05a808b392c1e90a159dcbb942a8148b9ea2babc' }, h("dga-header-action-btn", { key: '19ec94c9e608b471cf6831dcb5538d92008cc60f', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: 'be3b7082fdd7f510a172505fe5fea642f7bc3ab8', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '3a0eccfd3d8c5b2bfc0ba7131819e84f1e5a127d', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '7534622392357bf01df27f6263b87c73f53ac330' }, h("dga-second-nav-header-item", { key: '06151257651dd459adba508e14635328ee1cd174', label: 'Cloudy' }, h("dga-icon", { key: '8f9bdd698af200a439edddd5ad63ea032bb28d4b', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '04f2ad8a3c639764271b5fa1ad80b345ef96ddc3', label: '21 Jan 2024' }, h("dga-icon", { key: '87d114b08a6e3460562e2821e824d3a4eee87445', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '6fbc4a2232295b331f68d53e0e5a85220fa49eae', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2c6de9a788df1c9b49443ceb916c719c2f4e4cd', collapsed: true }, h("dga-nav-header-logos", { key: '5b15076d3e7206923c1c52902a89c94b796102c0', 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: '2a472df4d0d0a36af98b8ccd2503171b0d3a9108' }, h("dga-nav-header-link", { key: '8ca3c0bd58425fb6de1cf00d36fb4be5d23f10f3', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '7f0a64c4629f1248cea99d98e4e8b1901985e09e', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '6fe69be26812f89c9318c30aac6ce97940aa014d', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: 'f6abed279d008971cd4ea22e71c84dc84527fd0e', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'ef55682c2b6ca60b24a4a39363a60a9e1b7f0f43' }, h("dga-header-action-btn", { key: 'c2373c492ac0514ab2eed2a50bb6edf1ac212341', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '54218d4575f0ad6733b28c0c7a46b154f392ecf1', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '0b86dcf99442e223cf7067a3f08100ed987fa47b', 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: '762f7a111d81020dfc6946ea5ac4a27bd1e8616b' }, h("dga-line-skeleton", { key: '3ecb430ff467ed0584fdfdb646d0b4469551489a' }), h("dga-circle-skeleton", { key: 'c8d0c22d072d97badef5bfcb85a6f9e65e463c80' }), h("dga-rectangle-skeleton", { key: '0a5192a0b860925ff7d305ae06da3abaa5dd2278' }), h("dga-square-skeleton", { key: 'b449896fa31e6bd12bfd35f4faac780227a61732' }), h("dga-skeleton-component", { key: '8055af6199b50979a20edcab91928813f30940f3' })));
+        return (h("div", { key: '13689d7473e63220e19a6c8e30d18877db38092a' }, h("dga-line-skeleton", { key: '4374e1af0a74c1ae1fbae198df31d5a51df9c81d' }), h("dga-circle-skeleton", { key: '7ce5c2365e10110f807ccaaf843038a63ec44b0d' }), h("dga-rectangle-skeleton", { key: 'dfe62ba6ecd9e955b024faaeef26028dbdbbe0ec' }), h("dga-square-skeleton", { key: '5ab742d263c93c03ededdf58bd957ae5dea84d75' }), h("dga-skeleton-component", { key: '16b4fcc9bec8047a414938bd1c95f721bb4ad8b7' })));
     }
     static get is() { return "dga-skeleton-usage"; }
 }