@platformscode/core 0.0.22 → 0.0.24

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

@@ -5,7 +5,7 @@ export class DgaNotificationToastUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: '188a74c0fa1d8de5875ea34f8c7367f8d77e21bd' }, h("h1", { key: 'f3b86d0d39b29efb3933f39ec579f1dfd0a48d27' }, "Notification Toast Example"), h("div", { key: '2172f6611d2493fae16852d57fe681fcc2691dac', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '7ba38cdc002db66e44071cf683a48ce89e131ece', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '8f685a4f65db7e3bb6b9fafaa1946fbd1a067999', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '3fbcfcad180ce3f43b52bd1dd7bb6e4807d221b9', onClick: () => this.open = true }, "open"), h("button", { key: '3076b1d47f44ccb30a4ef51a9c0c19c20c91fdb1', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '1d8bfccd839df4eeab7d742f65b04043b435806f', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+        return (h("div", { key: 'a27997dc2671419e2545088d43bf2eb139ffd1ce' }, h("h1", { key: '9908f4ae1ef38db6fddec4fbe0a62b368c174c95' }, "Notification Toast Example"), h("div", { key: 'a92aa619e8d74c35bcdbd98024c74d1060f191e7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1927ac6920c1483708178eedb7730328abc29686', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9c8b7e5ef9afe11b2df370e8a0c018144d56d17a', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '1561db57b11a9efe7906ebe9df52cb5f13d096b2', onClick: () => this.open = true }, "open"), h("button", { key: '6b0539dc8941d71663dab253c2723a5745cebba3', onClick: () => this.open = false }, "close")), h("dga-notification-toast", { key: '4601abd4c50bae1b4223369feeb5fa11d5ad58b3', 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: '71672e3d602f6706f5066b1139d4d891739df790', type: this.type, open: this.open, leadText: "Notification/Alert message title", hasHelperText: true, helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", action: true, buttonsList: [
+            ], closeButton: true, vPostion: 'top', hPostion: 'left', onClose: () => this.open = false }), h("dga-notification-toast", { key: 'd1cafaeba0c4de2bb8b78da7340833186f41529b', 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: 'd93ead6559e00717b74bba7fdd73882ba682a715', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ], closeButton: true, vPostion: 'bottom', hPostion: 'left', onClose: () => this.open = false })), h("div", { key: 'e43f3f8e0b56ed302942ef609448c0c9928d9b6c', 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: '57471f201e667cb1810076e695d89558e5a1b234' }, h("h1", { key: '417634a288b5bdb76abd26a44b78e0fba6a2c7b0' }, "Notification Example"), h("div", { key: 'cfea8bf7ea9aa2fb1b18fbb66d3586c06df8ca4b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6b784b2a1c2b5165aebee483e7f2ff5fac630902', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: '32ae958959fed4b91eaf026201d96ef8c3014eef', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: '97bee463828d792dea10b5386a9fd8bbfbeab35c', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'b6b3aa27eebe463f58a771fac6cdbcec8906803d', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '7a23725c11f7b14b4112d3283996485cea34fd6d', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '44591f2e2da8d9e5611930d14fb612e2af025327', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '9363f097d2bc685bcdc0a7076ae6347ee3fa749d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd8f77c699bdcb4399e0e128563770b1f182ac2d9' }, h("h1", { key: '7d5f5948dcc4fd4ac145b307c36fe2d43b07d9ff' }, "Notification Example"), h("div", { key: 'daea6fd0e221a7b0c2ac999135b5453f5049251a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2e01375962820fdcd83b0a3f0355534b62d46283', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-notification", { key: 'e972b433fb1e7da830492f12a7c2993be68a3da0', leadText: "This is a very important banner message that requires attention", variant: this.variant, dismissable: true }), h("dga-notification", { key: 'b303ddd7466013f67f3e646da0985f38182edd92', leadText: "This is a very important banner message that requires attention", variant: "critical", dismissable: true }), h("dga-notification", { key: 'a4068840f271b9c05f0bc68a5824de657b62ac26', leadText: "This is a very important banner message that requires attention", variant: "info", dismissable: true }), h("dga-notification", { key: '1e89404f141e750bed77dc13e9afc1d9827adadb', leadText: "This is a very important banner message that requires attention", variant: "success", dismissable: true }), h("dga-notification", { key: '06b2abae9be8ceaf4bf33a58c06c3e1a135f040a', leadText: "This is a very important banner message that requires attention", variant: "warning", dismissable: true })), h("div", { key: '97ab0908828aa48dfe59d4be2adf42c7610a88bd', 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: '3f7083c0a957a30aa2190fbe04ded363d8d66be1' }, h("h1", { key: '4e143a435c8c0bbefec7f9e13d000d5aadbd8d8a' }, "Number Input Example"), h("div", { key: '7ecd8da3895351cdbf03b9696796ef8c4aa3312a', style: { padding: '50px' } }, h("div", { key: '9769176f7a55b154264d891943c08925022fdfb1', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'e5deea9b7982a644cd712085f346e4eddcc2f0a8', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '1e72d6160cd2ef916ee6f5f335ef3856e4694b48', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+        return (h("div", { key: 'e30c1df7cb4e376095d3a35bbfb69f56cc9b9210' }, h("h1", { key: 'f6907a0b29ab55327dd29745813f31babf71d2f7' }, "Number Input Example"), h("div", { key: 'e79081d0021a346ab25a134f4eddac939f4831e6', style: { padding: '50px' } }, h("div", { key: 'c6bf5b6a7fce6dacdf6f0e7b68817f282dbbb47f', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-number-input", { key: 'bf5486cd19e915ab6a25889ab0ba3c6269bfda52', size: "lg", variant: "default", label: "Label", value: 0, required: true, helperText: "test" }), h("dga-number-input", { key: '0a58e0e5737b4898e1502ba03a76eaff15ec3b44', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: '197b2b1023695075eae9d33705e71fbe1f8ffa3c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '9071d6234dbc5def5684ffa9d3570ce8ac3abb1c', size: "lg", variant: "lighter", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-number-input", { key: 'cdeb37daa1ac55924bcfaf090f49c314f15c00eb', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
+            helperText: "test" }), h("dga-number-input", { key: '790b0659622ef96cb9647f036f195d5b39174770', size: "lg", variant: "darker", label: "Label", value: 0, required: true,
             // feedbackIcon
-            helperText: "test" }), h("dga-label", { key: '0c1a6e92835a6ebbdc6121067682aedf9f44386c', label: "Mandatory Text Input" }), h("dga-label", { key: '492b44db0efb5337f0d1aff9bf182763eb278390', label: "Mandatory Text Input", required: true })))));
+            helperText: "test" }), h("dga-label", { key: '01da88501854ef4404620bae947dcd01de6df654', label: "Mandatory Text Input" }), h("dga-label", { key: '76c8e4c12321c0de2db6314b6f4ca198028cd68d', 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: '9f625c29d368b4e0411eaea590656a31fa6a63fc' }, h("h1", { key: '9366abd95d516a8ae9e582bd1bf1444a894a1783' }, "Pagination Example"), h("div", { key: '0ed92ae7626fcf7480a3b29d40fa3d04ac653c67', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '33bb5d88aef980ac3d22a3cf5b36d7a9324e174b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: '4ba100561b9fb4eab364c869b404800228361213', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: '820eb9c46cafd1cc23508cf87dfdfc58abbcd3f9', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'bf95e07d94ba006af7b8f50367cf79f0affc544b', totalPageCount: 10, size: 'small' })), h("div", { key: 'b83a6896afac005d53719bcdbe1ec1e8d9b98e90', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '76c4a390d3b76900b828e55fc06993cbeebe0bfa' }, h("h1", { key: '0b7b396bfb5c3a936d5affef6fe14a372e199ccc' }, "Pagination Example"), h("div", { key: '49d5105576159f7193605ea591b1e4aed5c01c6e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c2ac09c04b765b334413ab771b20ab2b3a090c68', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-pagination", { key: 'e1223aa25f7d2956e86831c501c38887c1679bf4', totalPageCount: 10, size: 'large', onChange: (page) => console.log(page, "page changed") }), h("dga-pagination", { key: 'c1fd52a8c60069895850921c0b7eb6e746171990', totalPageCount: 10, size: 'medium' }), h("dga-pagination", { key: 'ef9874a7644f29dc3f89842c9cec1386f268a926', totalPageCount: 10, size: 'small' })), h("div", { key: '93b4452338086c55211f1c8a656020fa0903dac0', 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: '106fccf5a9376be9fb0b47692373af84ce09cdea' }, h("h1", { key: '44dbe154c248ec8c3a35ee7f60c31b9665159a19' }, "Progress Indicator Example"), h("div", { key: '3ac549dc760eddaaf216e399dc32a068d2ae6bfc', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '15aec93f75ac5fdeae35c1fc60b764c08d36e9e5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '4aeb40f7c59c99fdef2356aebc37bd0ba8bdb3b8', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '2f69413030457e7c9c192efb310ee0fc8b278934', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'bd617089fd8e529ec72832ba1bc9083a15f3bc6e', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '732d540938f55034f8a48086ddd61437ef4b18c5', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'f3d8312f2d033eb01bd7d03803e481aa4c6703d9', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '8317a36870b00c58373111bb039702b4a18d6e58', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'a568405aab73427ee03b42e582d575dc65c377bb', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9221f4bb855dfcc8282144b5cf1e41115562505d', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '2c69b186ecac0feb2f7ff0073b7b44d43ef48dbc', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'b423c50761562581d6cdde4b091af150a6458652', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '679018080064e782a8647ea5281bffa547b84e3a', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c1745bbe4133c654a38936f510701262620db106', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0ae88c79be9361d7ed9b72dc1a31a339e6f9834f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'c7c54f7312f4dc7aa4150382ff060f8db00a8022' }, h("h1", { key: 'bc281e3fddbe436ec284d76905aa34fcffe859b9' }, "Progress Indicator Example"), h("div", { key: '95ee5adcbffc1e1a4a1a674a164a34c46c781074', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3aff40ff9eb61404f5c375e27e41bf97e67bf9d6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '87a8f4097c125a2537d82d403787ecf91124fb1c', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: 'bffa7e49fa08e72270bd558b442d62335a3628b4', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'c593e163727f4f448a561dd140ef0ad8074b7c72', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'a56fd8ec61ad19fc1c88b557d91790f605760ccb', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '94f7402fc169cd11d76c1f1548dfe0291ce78670', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '17351a4eb654706a9832132c23fa290ff31b3f00', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '54415163a5bfcd188f6b5ba138c7f50f9878b6b4', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '0a13a36948bc4134cdbebbaa359521a3dd1ac49b', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '5531b04beb316c2f0042643923b7a52d0b9bc2f5', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f8bdea0fbb0d81a9e5ba1341d25e668c7b016be6', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'b0e11339d209f3787ba809af02317f7e209d7a33', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f50667ec6112e1a4b16331f22769a4407ae4ad91', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '2836373ab61b2b023c58445979a5a8c7a6299419', 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: '2e67332be3cbc09aa1f52c603b38b40a425b4ab5' }, h("h1", { key: 'c36873fdbb35ed744706d71832e111e6516dc7bc' }, "Progress Indicator Example"), h("div", { key: '9012f1073f3b65dbc117d6ef397cdbc742c2b45b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '2a8bd76a479b6a898cca37827871299289ff7ef8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'a0cbba9d112124f8046c9681d69d96c084c26c55', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '03b46ad5b402620bff27e75975261e312081aeb7', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: 'ac53fb0d1725e6fc4cfbcf2853e0cacf4f5f3a13', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'd7b0f137c48c1598797b493a11d6689b07ab273f', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: 'ec91d9c12847d8171ab3889546bd02041e50336b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'e15acb2f02f8f0307700f0348d596c167db2fd91', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '09ac63b35b0e1b6e8b9f6d2a6cdc8e3f1aa53611', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'c6d55428303b4844bd4f6886bbb0359efc279c94', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3da8bf9e08d55d927a156c7327a8e4b70a2eb35f', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '923dd3327a310769f5771acd1f7efeea38e32355', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '80634516df4b935ee481db880bdfb35935a09391', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'fb028923ac03aa0a1846b12b625db1b39277b6db', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: 'c7e55f39f75b551d218b58788d832115c15fcee2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '998137ef8ba67040a110db685530e32b1515c3ed' }, h("h1", { key: '9c09a9b4b08a73b335c7e77881f4e9bb1af0ee77' }, "Progress Indicator Example"), h("div", { key: '951da078dbb67da67ca6b3cc9fbef9ddaf1d2d27', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cf72802e73354c3daf9093c9711b769f6cdd633', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: '7313f3312443e83fb2993d5bc1af751008869729', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '4565e21b6f51b5128ac740616fa8f59811db8bae', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '9bef7872072be01a3a892659fde0c9a339a2c34d', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: 'ae856412c509711ac060266e442c670675583e8c', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '1b6a7dff84cf798cd429a81f59636c4ce4cb904b', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'd6addfdb808c0596219aec067d67667c83592b48', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '68e892b3f78fe6bb30e841536f0b4121501dd777', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'f47c0af9b2a1ea9529b020b2258d1072c5c927ac', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: '3cd6aee9b8f2a38d01eaf347702d2592015bcb77', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '01d8574e47877e81b10f02159abf7d28bd1cade4', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'e3fb52e002ad5f2ccd37df56d93a79b36252790c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '9dd04dfbcc6a74cbaec96357c758534549f9f978', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '0d69e1293c5e5876ced1bf747ca254dab687e91e', 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: 'cb447e17357b90a14014fe55a845807dfe95f9c8' }, h("h1", { key: 'a2287112a494870bc1b70d1fe106bd6da74f5086' }, "Quote Example"), h("div", { key: '86982734cee28192a6a898e8ba5de1f4646d9c1b', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'cbb219394b34a855a2f40c3ea523c5151e40f7db', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '3614c152ed03747f8858dc0307dd2b72e3dc0d55', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.' }), h("dga-quote", { key: '1a78531153367a71175e855428ce645b20c7ce0a', quoteTitle: 'Title of quote', quoteDescription: 'The quote is placed here to highlight a specific saying or to present a brief quote that expresses an important idea or concept.', authorName: "Author's name", authorDescription: 'brief or description.', whiteBackground: true })), h("div", { key: '6fdf557138daa3ac1dbc46265776b3e71982ffae', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '28886b758e705d72eeaf9f3726c070774a146816' }, h("h1", { key: '3fac36404716aac0b8f4071c89e4840ce1f6039a' }, "Quote Example"), h("div", { key: 'f5c06431e43bb9f1801c6d904a10bbb0ebbd8a6e', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '8dd7c3e6116ef2ab06627535a896a8510c47599b', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-quote", { key: '8edaca2bf342c6ad53215a96d147e41a23857f42', 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: '42591f8a0a941b999f5cb3dce2bb1566c36accd3', 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: '7268f09b11b601329bbd4f686aef304732725729', 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: '9c47326563e04d03b5422f50a428cb623cce6d65' }, h("h1", { key: '97cddb162e9bc7d8c83025204612a6d4de56c038' }, "Radial Stepper Example"), h("div", { key: 'cadbed3beda2ac862eb34ce14692bf9a7e34ef2a', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'af0b6c808347210dcc234c9f4b692618dd53b58a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '7bdd6ecd7c6d4294f8fe8bd5647730adceb9aa62', size: "120px", activeStep: this.activeStep, steps: [
+        return (h("div", { key: '8c717b7b7611d58fc3b07f0764d595ed808f4bc6' }, h("h1", { key: '3dfb5c5fd712478cbf8b589fa8d0a95269d08b02' }, "Radial Stepper Example"), h("div", { key: 'ea7f798b8e89fa7c498e376356705ed8840efdc9', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'a10e9f7863ed04ea1429284371eb0fe99c864d49', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radial-stepper", { key: '69941d16e7759279cb9fffa5d170613ce6bdd6e5', 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: '27992509962a448e713582ae0bdd9228cc508e0a', size: "80px", color: "success", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'df13b7643b0d80b05defc45b396ae70cdb3b9a23', 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: '9d42d0c4b192722c16e0309a7fd48f37f2207c5c', variant: 'neutral', size: "64px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: 'b4f464ea382545b8e1d64f31a3533270bb37dcdf', 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: 'bb8494cec27c5057efa6ac98ac8310a28974885d', size: "48px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '04bd1a726a180b2d0fcfb2a2ee291233b6b4c95e', 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: 'c268850e80ea824df23f96261c3459c21f816e45', size: "40px", activeStep: this.activeStep, steps: [
+            ] }), h("dga-radial-stepper", { key: '9b05c08dc4b823c46c85a4e2b94eefa7f1871984', 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: '111539331b3adfd028ef4386e6427f8f7f772327', style: {
+            ] }), h("div", { key: '5b83c6f4e3a8a51109a7dd0380e384fac0c3f233', style: {
                 backgroundColor: "#1B8354",
                 padding: "40px"
-            } }, h("dga-radial-stepper", { key: 'ff0107615055b8fa120de77d0fb9c7802db933b0', variant: "on-color", size: "120px", activeStep: this.activeStep, steps: [
+            } }, h("dga-radial-stepper", { key: '2f2d39a8f7f011418f67ae64e7f9ea2f837254c0', 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: '20fa6550f6df7d0daeed82e39ae4b307c81ee2a9', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '8c380c9a63df6dc7db9708d5d1ce7a7c8d63b00f', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: '77b2171cc10e239f9fd915451b78dc2f4c47cb56', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })))));
+            ], RTL: true })), h("button", { key: 'ee97539d745bb96845c780fb665c9896f7c22074', onClick: () => (this.activeStep += 1) }, "Next"), h("button", { key: '14e13f7a2b294627c93e076c141828ef1164a992', onClick: () => (this.activeStep -= 1) }, "Prev"), h("input", { key: 'a0ca3fb6fd382cd4206634c13315490df2e2f195', 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: '57e500e777bc5d9fa8a5bf19ca3a8f47365890e2' }, h("h1", { key: 'a1ef1a55da1556f40f9d00f96eb63d16e8cd3a7e' }, "RadioButton Example"), h("div", { key: '6c81a5127513f739a5521df126a04b3f44363e9a', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4d131c121ec48210245f4f18267f0de4bcc2f6ae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: 'c40df4a50fe9093aa4d5713c4765de7c9ba3f708',
+        return (h("div", { key: '7be3622ef90894ba90345834d3e5cbb77cb430ac' }, h("h1", { key: 'f4f052ff7c0e4fb043b36e48dbb719efe6a3750c' }, "RadioButton Example"), h("div", { key: '9127ea59c577adb7cd06287e4d7469cdc1faa11b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0dc9140d84a8686021de535598df649479e85532', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-radio-button", { key: '302b216faf8cf09ad6df0a7b302a62bd24cfe033',
             // 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: '8889959103d845e2f1d6086fa49856bb044b2eed',
+            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: 'edeb5092863955edec325e40801929417578f8a4',
             // 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: 'ec48c19904dd96a468e185ae789689a0cc95d376', 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: 'af510c7b941a7fef9f7ddf03bb90480070be6121', 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: '6e1fe64caf919b6520502799ae5996930f0b4566', dir: "rtl" }, h("h1", { key: '0fa34bce08e4610fe7248829eb098c90e010f7a8' }, "Rating Example"), h("div", { key: '16ca0bf248dbafa474f6abe91eec6dbfa7323ce9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '23b6938615085c1d6c326a99701f3369a1fcda94', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'f8edf82671bfb75b2375a91f8e7590cb837486ec', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '0d4529e87932497f453f940011b1bf4d7612261a', onChange: val => {
+        return (h("div", { key: 'eed1f3cbdac53cf6ffa185c7db7f32803992b035', dir: "rtl" }, h("h1", { key: '342467420cc632f6fc82e60ee33daeca836981c8' }, "Rating Example"), h("div", { key: 'ea7ae9673cc32644eba2cd04367b0290736c0cbb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c23382ab0c2f774d3646793b3a54a4becaa902aa', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'bd425a4af58bd7d2e01356770d98c88e0e8dfb9d', onClick: () => (this.rating += 1) }, "Increase ", this.rating), h("dga-rating", { key: '5f62360f691f850404ad815577b95e64bf31f212', onChange: val => {
                 this.rating = val;
-            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '2697792a3066e03d43cc2870034f7efc39a75fe1', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '89773275538a75b4406ae2de9c628f7c3750cf20', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '3808488af034c0f7fa56223b40cd8205cf367d82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            }, value: this.rating, size: "lg" }), h("dga-rating", { key: '4be12cd1e9ea26b50c00bd824c8f404b8da4c719', onChange: val => (this.rating = val), value: 2.5, size: "md" }), h("dga-rating", { key: '18d43e88609d7eac5f535cd9467e7aa3178c65cc', onChange: val => (this.rating = val), value: this.rating, size: "sm" })), h("div", { key: '82e98483d22880f63343b4f7f10a2162839cc07b', 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: '36d32505fb10972aa974ed308b969c2c10712d63' }, h("h1", { key: '95300bfb1d9a191b47a9f078355669f558b2c5a3' }, "Search Box Example"), h("div", { key: 'eef1235e1b7d25c513255a0e3720c121b8512ea4', style: { padding: '50px' } }, h("div", { key: '9be305762fbf05ea833b01228c3c2f80c50ae3ff', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '591081ba230e3b4a99519f1abb7043b2da427b5c', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
+        return (h("div", { key: '18f9c0c29de932340378190f2ed4c97eb972afb8' }, h("h1", { key: 'ad902258a3d6b9c67b6128dba69ea667667d1c6a' }, "Search Box Example"), h("div", { key: '1ddf8aee557e510f1af68e38f9cbaffc533419e5', style: { padding: '50px' } }, h("div", { key: 'f408f93f3a1aa6693a8f5d9d81364043b0947744', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '0064af3c13222bb9e7ad3c8622f3aa34f042452d', 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: '9dca7605f8a1cec6ca5bd8ab960340eae19847a7', style: {
+        return (h("div", { key: 'e64c3d6c9b7700b8322d948eea8b4949663e4c93', style: {
                 display: "flex",
                 flexDirection: "column",
                 gap: "20px"
-            } }, h("dga-second-nav-header", { key: '92cd04e45b74177514a159d5fa51ddd02427fefb' }, h("dga-second-nav-header-actions", { key: '86f7e2cfd04c22c5ce44c56fb6edbdef779669f3' }, h("dga-button-v2", { key: '9b9ba4b3ab1786df76b151311d6ec0cf6e8c7ce5', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-second-nav-header", { key: '2bead09a2a1c94a9748b00fdcec43a0160b0bc3d' }, h("dga-second-nav-header-actions", { key: '970b6bbcc6248142d2bfb23c3b8d153c354a133b' }, h("dga-button-v2", { key: '0477c615dc2072f0d0596b9f2728eb4aaba71a87', 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: 'b17e8b86d7dea23fa78db772e3d29bed1da0d6e2', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '84c099799805d63f686f6757bd71f1ea7661332d', 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: '09cfcedad0e89561722d279834a2679f57224977', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '635d73035b9f38514e691567d9eaad3d43518328', 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: 'a267cfb6cd38a27bc555ef38e34618c60ad805ae', label: 'Button', variant: "transparent", size: 'sm', iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '2fb8fb6b1fa20e0e69d5f671dfabe3e9b3ccdce7', 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: 'bfc3f89678cd2c7396d1910a710bfb2e964fb643' }, h("dga-second-nav-header-item", { key: '7a20155a19f87fb5bcef1ea339f15857950d6352', label: 'Cloudy' }, h("dga-icon", { key: '92bbcadaf79e4046a983fb743b4248cd6ae82735', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '10400f15c620a9f271131d6c971cb6c85bee74cf', label: '21 Jan 2024' }, h("dga-icon", { key: '1ef502cbddf1f664e74fc4b731306c30555edc21', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '2ba1abeeccc9b7327ee71131ec9887e837c6599c', variant: "gray" }, h("dga-second-nav-header-actions", { key: '59d8997550798aed1a7117c0b6292bb12512727b' }, h("dga-button-v2", { key: '02f32493b1d3cca814aceb2bd6b5dfe5fcc3f15f', label: 'Button', variant: "transparent", leadIcon: true, leadIconProps: {
+            } })), h("dga-second-nav-header-content", { key: 'ea68833f2d96d40ab0a7b6a457b8ad702e10afc4' }, h("dga-second-nav-header-item", { key: '1fffb61d060879869980062e8aa1634bf57723ba', label: 'Cloudy' }, h("dga-icon", { key: 'a4cae3630d78546700e209294be2d773863945f0', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '0ee1ba4ad65a18a31c613bb04e191c9344c72e9f', label: '21 Jan 2024' }, h("dga-icon", { key: '175fc61b1890fc8b29c319e605b31ef14f3308f8', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-second-nav-header", { key: '29023ddcc822b350b3abf1362975ec0c49148ea9', variant: "gray" }, h("dga-second-nav-header-actions", { key: 'b7e4e841b276f28cdee58362781a34a966be47e1' }, h("dga-button-v2", { key: 'e0c6c76a7c2738900dc6591bd214281b8cd77939', 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: 'a444e7c6eaf1260ad7697d8b373a1e3ac284e524' }, h("dga-second-nav-header-item", { key: 'b32b46deb055cb8610438d9e435e85e42e3fa596', label: 'Cloudy' }, h("dga-icon", { key: '590289a061098b548fda642da69df845813f5a65', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'a82b63d01362c1a6244918e42780ca273fad336c', label: '21 Jan 2024' }, h("dga-icon", { key: 'e8982a232198d6dd40200bb07ffb96bd6fac41a6', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '3f26be32247ed10273de3de853d023c590546623', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'd2db4d3a79530818885dd82b439bdc17ebfebd15', collapsed: true }, h("dga-nav-header-logos", { key: 'bc1a620385d629610d70e17fe153bec003a54e1a', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), h("dga-nav-header-menu", { key: '5193637ce0993d8e31b03d1d8975cb32fcb3d676' }, h("dga-nav-header-link", { key: '1a20f75c24a496a155c845bbb90080a64cd89706', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '770f539617aa164b3bc6600bb6face29eb36b11c', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '980457f30b9a1dfe08718b0c521ec55bcabab8ef', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '17ce7bd9840fcf5e84884581353cb494d4e865ea', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: 'a21ef6f93b8532fd9cd52e451f04fdeadc346e6a' }, h("dga-header-action-btn", { key: 'c4d97f8b404361d392edf5b4f9b1143f7c959fb3', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: '1d05dd3dd49ae3ddab4aa6892be3a832f0877625', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '1a36bb0abcd04b085f0872ecda555b0edf8a49e3', label: "Login", icon: "user" })))));
+            }, size: 'sm', iconOnly: true })), h("dga-second-nav-header-content", { key: '2826a96dcad4d5d26448d7e96c2590226ea31c3a' }, h("dga-second-nav-header-item", { key: '1b77b4809ddd82e25aec86d17a4e45f6bce1f4aa', label: 'Cloudy' }, h("dga-icon", { key: 'a31d23fdaeffbb96c7406147474d570f2609a916', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '3129ea2e8b9e67738bfac771989613c0c26d3fda', label: '21 Jan 2024' }, h("dga-icon", { key: 'ef24d05446e7756012070bac23160ad1306458b3', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: 'ef5014e08c26f778efe37f1542099282d08415b0', fullWidth: true, divider: true }, h("dga-nav-header-main", { key: 'b753d824e2a9e6732194dc8b192c2810fa8896fb', collapsed: true }, h("dga-nav-header-logos", { key: 'd652a86fecee5d723a6f89189839570eb72e899b', 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: '60f6c58711a00eb9769266f09a2b9effe22c1272' }, h("dga-nav-header-link", { key: '1cd41eff9743e7e18dcd25c7699ee5bb4047933a', label: "Item  1", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '3e5a095e6abec91d78884f4c56e988d5fb95f201', label: "Item  2", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '4802e15d53d390edbfaa39932322494a4348df7c', label: "Item  3", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "), h("dga-nav-header-link", { key: '774920809006ae412e4fb2faf43ce9eb48cff2a1', label: "Item  4", icon: "arrow-down-01", subMenuBackground: "brand", subMenuFullWidth: true }, " "))), h("dga-nav-header-actions", { key: '8bb0e2be603f18be969e0241b393f80b86327d96' }, h("dga-header-action-btn", { key: 'c5da307ada4b7316fbfa1950846f375c62a0e92e', label: "Search", icon: "search-01" }), h("dga-header-action-btn", { key: 'aa99a8a864a1381b482c2bd392937b7d1391cd96', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '4299f42140441bb9ffed667dd82fc8cdbf24d98d', 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: '02c9f389c2764d140a242f0bccaf8148912e1cb1' }, h("dga-line-skeleton", { key: 'eb5f67fac73d05a80598830978f5512824082fa5' }), h("dga-circle-skeleton", { key: 'ae8e96903d12cf1d7bb587f891ed850d870efd78' }), h("dga-rectangle-skeleton", { key: '2db923e5932658a0ffb97deb26dd4fea6ad3646e' }), h("dga-square-skeleton", { key: '6197130455b87510adfb1a3ed3c44aa819c85410' }), h("dga-skeleton-component", { key: '6a6c434e1dcc65a8fa93c0c8089bc4dd53f3a290' })));
+        return (h("div", { key: '18669fc5b46bcdd6222042ade2bb4836edb4546c' }, h("dga-line-skeleton", { key: 'd68f5963928490d69fe3e93811853f25fdcf1eaa' }), h("dga-circle-skeleton", { key: '9210a0893f7937428b3095bb2f12178a32c8e5e3' }), h("dga-rectangle-skeleton", { key: '9e9bfa106f5d10d85b2ce7dee609e7f7cd8e8447' }), h("dga-square-skeleton", { key: 'c734c2d1908fa9fae2c6ea4657bf6fd9682c029f' }), h("dga-skeleton-component", { key: 'cb81f7bf21b17c78a32a24aa1b3bfeb8bdd92e72' })));
     }
     static get is() { return "dga-skeleton-usage"; }
 }