@platformscode/core 0.0.22 → 0.0.24

package/dist/esm/dga-featured-icon-usage.entry.js

@@ -7,7 +7,7 @@ const DgaFeaturedIconUsage = class {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '92de7f3868ff948d93edb70a9eca9157c9d050c4' }, h("h1", { key: '843a04465eccdea279b969f4728727b81073e6da' }, "Featured Icon Example"), h("div", { key: '2451154befd17a13870d517826926a1b4f7aec16', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'e677f7fc04050e847885798e1545738da2dac98a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: '1112c6dc54cb46d4bfdc53fcb2fd5cd78442bd5e' }, h("h1", { key: 'e5a93f05a6409fc4dde0d4010cf69634fb5a1d00' }, "Featured Icon Example"), h("div", { key: '324307f1b8d6e155906443e2ff8bd66a3dbd89ed', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '04152120d69c69d311713e4c1aa4c23d3445ecf7', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -32,7 +32,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '7c3f4237ac41fad02d5cfa63954abd0fc093e146', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'bc03db10d7f12af5cf07e083198c2ce483d336cd', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -57,7 +57,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '5aa4015808cb6e769dbb7c22dcd17294d423eb7a', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'a33de6ca3a04afad4a71ef4c0c7b3f4577bd9c4f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -82,7 +82,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '23b7c073a0c0821fe3b8378e442027ca2b0c4b5b', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '674ffdac038a12e78c112c1350f2b525c714a00e', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -107,7 +107,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '32881bc54f4f819dcc0978d51e12c243ba831044', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'b875663f4804ab9a77348eb13f17a9bde4d6b54d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -132,7 +132,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '1d87d3f55ec1ecfab1c6a14f54b939f0171c6cef', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'fbe9bda52f1ecca4254017b12f168fee989d4e0f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

package/dist/esm/dga-feedback-icon-usage.entry.js

@@ -6,7 +6,7 @@ const DgaFeedbackIconUsage = class {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'a3d3c461fa73106c88ead39b4d1622ce00db2d9a' }, h("h1", { key: '9eb9e35fa6aa6e7e839ddd6c6bdda34fb162a0b2' }, "Search Box Example"), h("div", { key: '4966150df902fb8b5479222f5d0edae8f2426934', style: { padding: '50px' } }, h("div", { key: 'd4a486c77d7a70d4efd15dbf176a469184bccfac', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: '1937627413ede99fd8cae68d44f8461ab10c63c5' }, h("h1", { key: '40899530e7aca4ce68b8417776bd18e855d106dd' }, "Search Box Example"), h("div", { key: '454355a388f0d1ddd261c8245a89d3ca1280839b', style: { padding: '50px' } }, h("div", { key: 'e21cfbb3054ca230af347aa0029154f6e691ed05', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
 };
 

package/dist/esm/dga-file-upload-usage.entry.js

@@ -5,7 +5,7 @@ const DgaFileUploadUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'a10ece3810b6a6e33353d3139ffcc99a75a63d30' }, h("h1", { key: 'e5310bc2145725bebab075826393e9cdb5d676a0' }, "File Upload Example"), h("div", { key: 'd7d83374837cdb19962636c0d3bdad527ea8e42f', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'e8a5a8bcafeaf1578842e6805be4376403e6c0ef', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: 'de5e4fcc047bcc310071f694bf4187f51d7b1ebe' })), h("div", { key: '0178b4f2ceb2b77508de587360a57514a94720ce', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '978a1a51d0108c6730f8f24880f2aefc928d7a55' }, h("h1", { key: 'fa2a4518932aca2c3d1e522be5e2abbd0a0a9513' }, "File Upload Example"), h("div", { key: 'fbabdb417adc5a0ee570319264f197c9d4bf54cc', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '915c16feea4d4861262f64cd17cbe70f1c5c998d', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: 'fa47d308302a85e3c731ad05df3eee50c2d8a77c' })), h("div", { key: 'cf0480dfddc65e15b7f245bc06cf24b38d008373', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/esm/dga-filteration-usage.entry.js

@@ -117,7 +117,7 @@ const DgaFilterationUsage = class {
         };
     }
     render() {
-        return (h("div", { key: 'bd9087d2df3ea6371988205ae48c43df3b788aa5', class: "filteration-usage" }, h("h2", { key: 'f4973b2b904f58662db402a743ff6270b7d51d5a' }, "Filteration Component Examples"), h("div", { key: '9c11e7ecf9f634145bac82f6fbe6504e07a90fa8', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '05c1b8496870c835c3bcc853c92424fc1ea1ca30' }, "Default Filteration"), h("dga-filteration", { key: '0132685c9aa04475c8cc1347aeedf80e04e11403', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: '4b52f2fb641958beb17f63b37f7260bdce3489f0', class: "filteration-usage" }, h("h2", { key: '4f5d48329418cfb908f363423cf669553f7d3b08' }, "Filteration Component Examples"), h("div", { key: 'f0cd5b694eb2027e7d5a78d7819f530c01055b0b', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '0a1e5f673a6d88d95552b259dc8fae6e14428f4e' }, "Default Filteration"), h("dga-filteration", { key: '33f2bb700cc9c1c16b9de424e2c592cd1db13cda', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
 };
 

package/dist/esm/dga-floating-button-usage.entry.js

@@ -5,11 +5,11 @@ const DgaButtonUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9e9ae4b68d521d833f55a6d2f98a2c068d10d437', style: {
+        return (h("div", { key: '49c5955c485c823c899a39607dbb5ea88e783732', style: {
                 margin: "10px"
-            } }, h("floating-button", { key: 'c2d63645f9f97a055cc8405a59d290c15b646c19', variant: "secondary-solid" }), h("div", { key: 'b6272812cf7ca5e1082f6029c92dfaffefb2eb02', style: {
+            } }, h("floating-button", { key: '9f45e5fd51496c87c8df8e9dccbb38de1fd71ce5', variant: "secondary-solid" }), h("div", { key: '5d6c59a911218b339cecf334106cdaf053aa7433', style: {
                 marginTop: "10px",
-            } }, h("floating-button", { key: '5841dd569e4f3403c28774887301b16a4dc27dc7', variant: "primary-neutral", iconOnly: true }))));
+            } }, h("floating-button", { key: 'bd198066236397419eb271cac4c60afe6ce4844e', variant: "primary-neutral", iconOnly: true }))));
     }
 };
 

package/dist/esm/dga-footer-usage.entry.js

@@ -5,7 +5,7 @@ const DgaFooterUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'd19c8fe752ab5e6867bf4897ebe7ae842f221deb' }, h("h1", { key: 'd0e25db57210c26474cbd5a3a29ed027c415fd78' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: 'efc8cae4fb2bef5f6e707d3816773e17d40e69e2', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (h("div", { key: '1eb4d4526eae96801bee170ad4303f715b946bb7' }, h("h1", { key: 'bae65f1027dcb1609d856126f0aa7b5e845232fa' }, "Footer Example Dark Green Mode"), h("dga-footer", { key: '035cf4392bb7dd72184f14aa29051c22bbd2a50f', background: "DarkGreen", NavLinks: true, groupLinks: [
                 {
                     title: 'Government Services',
                     links: [
@@ -80,7 +80,7 @@ const DgaFooterUsage = class {
                 { name: 'Privacy Policy', target: '/privacy' },
                 { name: 'Cookie Policy', target: '/cookies' },
                 { name: 'Accessibility Statement', target: '/accessibility' },
-            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'dabcea4d7969dbfd3261204d6a4ad7e82b69af70', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '34afc35cfd79760c6edfbbc1545ee065781a5442', background: "Light", NavLinks: true, groupLinks: [
+            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), h("h1", { key: 'f74b4f4d0f560368a220bde94a297d8b87a20309', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), h("dga-footer", { key: '3a75609f39f2003091c714bd52f77cd2b249b559', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -190,7 +190,7 @@ const DgaFooterUsage = class {
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), h("h1", { key: '4f43b8d46ed71b2879db6a90ae5023f702e448aa', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), h("h1", { key: '97d6bdf62b62f47a5e911b04550bfe88c205e550', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
     }
 };
 

package/dist/esm/dga-grid-usage.entry.js

@@ -7,11 +7,11 @@ const DgaGridUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '89e4a9bb7cc6e26c0f655f7314e02465ecb07192', class: "flexible-gap-usage", style: {
+        return (h("div", { key: '427eb37773ae23d755e96ba181aea144baed0166', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, h("h2", { key: '9193f2297daa7051807becd9bc1582e32aff81eb' }, "Grid Component with Flexible Gap Examples"), h("section", { key: 'fb9f777a096fc3aff15221604f582a2ae7225e3d' }, h("h3", { key: '851088d42ba4ff675287b4deeb2d7ad93c5965aa' }, "Simple String Gap"), h("dga-grid-container", { key: '74e2235334c47a6a36272a6c57a7ecc36f87d984', gap: "16px" }, h("dga-grid-item", { key: '1646946879ffcb95479ec49383ead6999a7b48ad', xs: 12, sm: 6, md: 4 }, h("div", { key: '72fd7fe7b289f726d6e9759142256f4648148151', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'e49bf2d4325a893d023e299286de6ffd7d18afdb', xs: 12, sm: 6, md: 4 }, h("div", { key: 'fd398e9ad602d5bf1ea24c6278e6407df2e3b70c', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '1b0f1bda9a2a13dff4ae5ad9f1e173eb78a4a4e8', xs: 12, sm: 6, md: 4 }, h("div", { key: '799da08dc6008e0349e68ad25d0e0a145b315a21', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'ab66c1a0f6878352371bfbf6bd919886ad14ca52', xs: 12, sm: 6 }, h("div", { key: '6f0bd76da9a47b618692f0c2681c8a2757fc58dc', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '93009e3fea29486155575f6d122e906b654ec018', xs: 12, sm: 6 }, h("div", { key: '2028f90a2b335c222e9d1a3363fd4402af04594c', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '9daad5fa4be4cc512a41fc83e5694442fbc5629f', xs: 12 }, h("div", { key: '08e30975c77e2c49de13a7e1e9efeeddb25d25ff', class: "demo-content" }, "16px gap between all items"))))));
+            } }, h("h2", { key: 'cf3ac7b64ce6004c2e06dce9d195a0502e70d2c6' }, "Grid Component with Flexible Gap Examples"), h("section", { key: '2c9a5268f24db3420b4b593b27fe4a94ce55eb3d' }, h("h3", { key: 'b134145a55b202fcf101fd45428b763b8adaeb47' }, "Simple String Gap"), h("dga-grid-container", { key: 'aaf9786c8777bd0add7f4258cba0d8c91b30954a', gap: "16px" }, h("dga-grid-item", { key: '7bfa47ecb2a8d2e5781d2ac4047a13f49d9d7084', xs: 12, sm: 6, md: 4 }, h("div", { key: '9a3740a2f2dabd2075ed39a22912ddf5841388e8', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '8b733d24c115c682000258970362d49cf30d81fb', xs: 12, sm: 6, md: 4 }, h("div", { key: '4e77d126efec1e224373326af19b0add09ec274f', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '89621a56603598dd67bde97470dbabcf8b4320a5', xs: 12, sm: 6, md: 4 }, h("div", { key: 'a5bf3d9bfb51d0c7331506903afb74909466dc4a', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: 'cc18c7c6bf96106f4acd3e04f66cedc62fcf354e', xs: 12, sm: 6 }, h("div", { key: 'c69e00037c1200254323163ebff021f6a65867b8', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '9f8af1e70bf3c80453d0684c2cd6c4c5650ea8cb', xs: 12, sm: 6 }, h("div", { key: '3bc10cb37f9f5b1f0d76b4e789a434040ffd5d38', class: "demo-content" }, "16px gap between all items")), h("dga-grid-item", { key: '61d9289ce7c8b1c75930466869fbdfc52178c37a', xs: 12 }, h("div", { key: 'e1f9ddeab1302a077eb545859dfd0ed96d505db3', class: "demo-content" }, "16px gap between all items"))))));
     }
 };
 DgaGridUsage.style = dgaGridUsageCss;

package/dist/esm/dga-header-action-btn_11.entry.js

@@ -24,7 +24,7 @@ const DgaSecondNavHeader = class {
         });
     }
     render() {
-        return (h(Host, { key: '92b308bf8683d6172b252a996c5ff201052eddb1' }, h("div", { key: '6e2325495f17c8c32e601708e1aab4a7cef1562e', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '960bbecbf302aaf852b6b9a759bab6f57a0c7642', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '29fb883e5b7cdb28f1be19a79ef19e972092c17f', class: `content` }, h("slot", { key: 'ad4ab78a5bdc801fab37dd348c32758f2b93f8be', name: "content" })), h("div", { key: 'e1f7aa9c5030f159bee5dc21ba9485a7fc3b929b', class: `actions` }, h("slot", { key: '7b81332678838b005b26718eefe56b86791e69cc', name: "actions" }))))));
+        return (h(Host, { key: '473f3a1803c23c3c0523564e860e880716a6c854' }, h("div", { key: 'ddae79268b1659917f1c5d7bc584cf310f16d688', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '812cc9dc983c8811ba8e3fa5444f8abedbd3492d', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '26cbf7196f6f55067011ae11177c17634cdfd584', class: `content` }, h("slot", { key: '2b04de43c07cc6920cb6a9fe381953a3808e7d5b', name: "content" })), h("div", { key: '123e255da51e6081a9aa0e76fde760f7e220e8dd', class: `actions` }, h("slot", { key: 'b7852e93988aff79d49c89cb45ab133ec1e7f098', name: "actions" }))))));
     }
     get el() { return getElement(this); }
 };
@@ -34,7 +34,7 @@ const DgaSecondNavHeaderActions = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '5b71c013873284185f997ac22958c8eb2fc759f5' }, h("div", { key: 'd71ee7dc2df3b8b830ae922b9b908d0763c9c37c', class: `items-container` }, h("slot", { key: '1cc2f8646297acae596fb78b1fd38d50921a32e6' }))));
+        return (h(Host, { key: '9c55a975da80832e3c88e50f217add4b61ecba25' }, h("div", { key: 'e56f25dc06d243dd75ddb33e41cde34f1bf9369b', class: `items-container` }, h("slot", { key: '3468de29b6f57ab2310754459b2a4d5337e61f1f' }))));
     }
 };
 
@@ -43,7 +43,7 @@ const DgaSecondNavHeaderContent = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'a2ea33222018ba20a1a66710eb83bcc8c51c2294' }, h("div", { key: '94b5f2d46a070768a8adfc20cd539b1a3d06baf1', class: `items-container` }, h("slot", { key: '529eaaefd3c775dc675ec5d133521be1aecb6de4' }))));
+        return (h(Host, { key: 'fcb88b0055b10ffe566e312828dc6601223ce74c' }, h("div", { key: 'e4bb2570820ef726aa9c931e28884be41bfe21d0', class: `items-container` }, h("slot", { key: 'f2d5bdabe5aac72753bab4cb3a254dddf34915e0' }))));
     }
 };
 
@@ -60,7 +60,7 @@ const DgaSecondNavHeaderItem = class {
         });
     }
     render() {
-        return (h(Host, { key: '00a2954e40bf72ebd67ac5a5f39b0c4405ab348e' }, h("slot", { key: 'aeb00c65041806727e9af2cde874e23b21afe447', name: 'icon' }), h("slot", { key: 'e6d0cf955ce03887d30f280d665a18603f92c0fb', name: 'label' }, this.label)));
+        return (h(Host, { key: '15e70463507b68883efa3038306631aee8fa712b' }, h("slot", { key: 'd85f0ae0772cfafeff3c412c077da86c5717f0cd', name: 'icon' }), h("slot", { key: 'a406f142f7ec121d527044f0403f56c16154449e', name: 'label' }, this.label)));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/dga-header-menu-item-usage.entry.js

@@ -284,30 +284,30 @@ const DgaHeaderMenuItemUsage = class {
         this.anchorEl = null;
     }
     render() {
-        return (h(Fragment, { key: 'd03ccbf63e04b9fd5a6adf18d5d850ec34d8e64b' }, h("dga-header-vv2", { key: '799f7edfe19a62660ebaa30be9580c8b6308c07e' }, h("dga-flex", { key: 'c486a5ffd07ca6e753c612128c2b931870b4a0f4', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '0a7c7f74286c9c54b7761d680aac09544433362d', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: 'e9e4cce7daccbd3013292f4b9ffb57f4ad15a705' }, h("dga-header-vv2", { key: 'af1f9466a9305aec2e6013b3613b8cc00403d262' }, h("dga-flex", { key: 'a6c4683a2b50c5ce6af77f22803a13483982befe', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '70559306b9522598f8d9086ba49ca6ac6f4225de', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '63888ec384d939ff3f8466d26c5b4a1e2c374cc6', size: "md" }), h("dga-flex", { key: '6edfd586ada8b3a81e30093f8beccc7825c171dd', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '1ae93cf398e525191cb0b929898bcb63688ced43', size: "md" }), h("dga-flex", { key: 'ad1c590ecdb48b1fec56f7e9d73b97c4e1913210', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: 'ded932f2c953209bf3cb1a5655a05852ba61ebe3', label: "Home" }), h("dga-header-menu-item", { key: '6ccea019cee8a8fbe39d19e91f4414f310487275', label: "About" }), h("dga-header-menu-item", { key: '78e3734d5ac00344d498f52395755c7f67bf2c32', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '99902fbd4a1bfc840cd172342cace606687c53b8', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '8e6dfc5aff22c5b2a446d03f4240f24434647c2c', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '5c930feddf29f1fbcdde1f8217b0a26db36d0192', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd5d1caa953d2805f478516b746c03248184e9813', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '189c0b7b76e4e7d2408e89db6f622f672a43ac0a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'eb20162b381fa212d9cad2021b2c6698bd5ef834', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd3c855327e76106a538e01a1e4e0d3935ae42b59', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0876e7db9df86f8b411e09c9d7b08c9a2d4a1f5e', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'fdd0294303bc23216880fefdd6752a6426265c52', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '7b3ae338d325d80fb5a7149744fbbf03bf12035f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b9c0029277e9beb15f747b6e94fd0a49695b7750', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'e8ce12697da001cbea154773cd96cebd30339cd7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '293817188b0845bf88900a2e9a91d0e610bc93c4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '18f5a6829a4ac213002f942e09d2f2c575bb6004', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '474ec34f7aa51ea14fe70bfca45707cc10a8f1bf', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '1fcf5a630d7933e1bc6ae6a440eb744e138a8569', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '24db1a13cd6bc55496f8b71d2f43077d77ecdf8e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5d7ff18433372f3e72db40de655eea90528d900c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '317088dcc2ecab158ef9c67bbf3450456a154074', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '81e2d09782b12f5dd4861537be03cec8cc591eba', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd258a2c98185cff200dc4db0daefa81bd8e27c54', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c1a2a1592867d90aa167f2ff5c423cc19a26067f', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'be508153d7f687157691cc21faf3f02f6087c70f', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '5c9061a074071da4d09089658bcfa1da3de5b082', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '903aeee143a6d071741b799ad62e494689e24b01', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2ea6f2f970c6d65c9d530fd9996dadb372e4704f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd82053756e87fc323931cbfd5d1316e274d14909', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '48bcad09ac2b588dc65efe675448a0458c9ab038', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd1463352af081dbcc36ee1bcff419b0290af94e6', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '63f16e4468f7b8962ecb351a091389814a94c3fa', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '4144206c2d675ee47268ee20fc362848985c556a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '065f1d71d9d4324502245692db4d06a1bf2f2168', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c13687af88e03d201f309293c6bbc57c35bf3d35', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ba75f23749c28ef27a119563560e6e9725f3052d', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9f378a97d8c47311cb2ac9fa3c39a26ab7210d0a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd96f8ce33be5c1a50325e85db99a2e91f4fd6fbf', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '5c5752b910eb556d82fcf77238d56bec69d696a7', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'b1f989be6351a300b040ac6a3d7e9ad398c62dd3', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '3bf47555f345b2c3f8c09a7879794d932c0b4925', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '81182525162ef3e4089d218fcc702099d7a376db', subMenuFullWidth: true }, h("dga-search-box", { key: '9ed7899e18aea33b5f60f2b181015a659ac67875' }))), h("dga-action-menu", { key: '57685da56cb65becfd66fbc0125b61d95b13c220', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ff6487618898a5e1835248486c0509d21677c9c9', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: 'f458f5d2ce06236fe09f023016a451521dcc71d9', label: "Home" }), h("dga-header-menu-item", { key: '8a7269692279024fd9cdd3c413bbca790d20195b', label: "About" }), h("dga-header-menu-item", { key: '8e48b3b4c68a36498ae9f6b9d1df12c3abbb512b', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '2b3b58434cb63ddb67a62785f3869e78214a420d', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '0b952e2277a6b579f55c5c7826d58f9f3bd61058', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'bec8d5d1940e4bbfb4788202a069b143228294a2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4971276c4511e8d05bf90f57c64e66581d5a6dee', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6fc6192e93c1dd3e97f4360966b5898c8d8252a1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0f8bae14f59afb378e704bbbb5cac63fd6f3f99c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'a199e8d7650dfbdc30087a68a64238ef91ada2e5', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd2e672a0d10d7e7951e2c64ac8fba291fc53a518', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '41f9bf4960c834dfe826a98982a1d3f7def0d1a0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '1da040035257cba9a41120eb0b7c8f7f43a6b03a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a7f93fdb261606fc11a40ec7c9dd86c187df7f5a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'fa4fe4be1ba6a2c2de5432053ba58204fd520700', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '490cbd33c45594d621deea835210772c96a55cc4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9f36efe9b61381ca20cf86323d8dc6d9fe3ee0f6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '75a83ee3bfbf3db78ec5327280a8b83c4b17f741', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '95159b3e69dd4f7291c74ca6fedf7dd7110aa21d', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '3bc179f7f4a5dede4949e0b23ebeb9064553fcf1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '314aa5627924f901a6fd8027bd729dd6a08626e9', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69aaaa5f7943a8310278213be6d5819a000a3eae', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0cad724ff57178a34355218d0f23d584d9ce75e7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '051530326f0e18f988c39dfe5cb6e9ea7336d9f8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cb4fa8d9e3e3ad96d3d8e481c2bb73df14cb9a50', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '7cdb679c0c4527e3f36725008253db441c90ad5e', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '71d9dcf68c7b026f0dad532e33eb42df71c2fca1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3231555a512d2be73c349976aa8f798cb2d48198', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '8013d342d68aea529e655743b0193d7b713200d2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5bb374ebd7274879893a08b8a7c1864b7768717b', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '63e6780a30e534a44d133d89c2522770ffbdc9d4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7a145434b73247167b4d602a04305e4a38a3c36a', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '11648a5d1a085f126a73b5eb5ea0b2253ccec5b1', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'cce96cb1abdda4e27c4d4b720ed28ffd21135b17', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3a8e724849e040f64acb084940e9c915461249b8', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0d4d88d24092d6478e5b51487b1c5f3fda26973c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0f3d0cd49deba71a6b8af5d7b0b61520c0d05a00', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '84ed58e6b8e199d51409a32efad6e18a339e296a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cc0de2d649ee8d70beaf58a5d6eddd2b00d2d2f3', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '31e30cdfcf726b1e65888c770299c7c3adb18fa8', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '295a47c2e9aac2dced3e6e3df2c27c77b3d5f71b', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '77b6ab48a09f0ababe57f8a8d7c40f888494717c', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '724a92a9171e32ef5994e318e60a9532dc5ca7f5', subMenuFullWidth: true }, h("dga-search-box", { key: '222132d09e7669621e1f6e18250875fdce3f0c40' }))), h("dga-action-menu", { key: '17197b41a0cf8cfe6054c1119c949da198f5d956', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'aac6b1498bcad00c8b80f75f55e177794ae21e0e', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: 'dd315fc618ebfeed88b45d14a841cd041565fdd7' }, h("dga-menu-item", { key: '938228f03b24b21774edfb3e14105c2cebe6361a', label: "Item Label" }), h("dga-menu-item", { key: '9b7f91670f47ac9206b5e7e2ee8303cf18d48543', label: "Item Label" }), h("dga-menu-item", { key: 'fb82a5dff95e6b329edffda1b1ce5e8394325fb3', label: "Item Label" }))))), h("dga-drawer", { key: '1a7b72ec5834be67de0823757846f7bda0334866', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: 'dfaf17c355c304cb0a6fcd76b0441986d4586928' }, h("dga-menu-item", { key: '01e8673fc5e415496eb0e419bac6e924c1bd38f0', label: "Item Label" }), h("dga-menu-item", { key: '838dbb113791c0142acf98b7001025c869f30b3f', label: "Item Label" }), h("dga-menu-item", { key: '6329f89f4087bb211abc206d8b7adb9b69a3eb0a', label: "Item Label" }))))), h("dga-drawer", { key: 'e646addf8de4c67682413632b2e48e00f7e99411', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '964e4a6d4459959ed9a06238c606742d08e2c148' }, "fdgdfgfdg"), h("div", { key: '7e14a718008797bdb5f76c8382e3461d77ef3a36' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '8fc05dc9529eaef4f8f3f6d23a91c79ae18e86c2', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '5c1808a34225f5cde411d415979bb2c9ec9e39d5', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'db1aec6ab17406ef3366108998ff784af9c75ffb', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ad22eb6340364ba14532d6b5c627aa71979c51fb', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: 'fe5ab205b0da7604aa17c6a91a59261529dd08c1' }, "fdgdfgfdg"), h("div", { key: 'de18ccc5e9736e81a78688be6266403458ca694b' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'd3c6d5accc8dbf32ac36881cfe14889c5db1fbf8', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: 'ee80b6249213398f324cfc660e321508c5cbd403', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'a3cedc97c678e263eeb4f3470d91ee2c575b0213', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ee6126909fe23930a701fbe7180cbd9d7f63727b', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '1d2f97457490cbcc6b1183ca132a5e3d49061d3c' }, h("dga-menu-item", { key: '0179cd57a11dcb902f75cbe8a98903e78c207547', label: "Item Label" }), h("dga-menu-item", { key: '96785c49989930607bc3a25aec78e48fb4347ace', label: "Item Label" }), h("dga-menu-item", { key: '3e75c2084dbcde2ac4d49f3c3a25360ed5c299a9', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '2a910c99a97966c07468a326db242aed41e24848' }, h("dga-menu-item", { key: '5324f45cdc83feeac497b4c159f142bbbf852c34', label: "Item Label" }), h("dga-menu-item", { key: '189e508bf38889f2b4699816f5d4805f93f98d36', label: "Item Label" }), h("dga-menu-item", { key: 'ee6c077789f95db65d80811b916722e176946404', label: "Item Label" })))));
     }
 };
 

package/dist/esm/dga-header-menu-vv2.entry.js

@@ -7,7 +7,7 @@ const DgaHeaderMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("ul", { key: '9050c3615d5c944f919c421cebb09a0a12713c86', class: "header-nav__menu" }, h("slot", { key: '42f72677bd58063523bf7ed4669273043505315e' })));
+        return (h("ul", { key: 'ec78cd04838e6bde675892ad797609c8b1b58c24', class: "header-nav__menu" }, h("slot", { key: '8d47f4e7d771abf9db735c27869e34021a99e80c' })));
     }
 };
 DgaHeaderMenu.style = dgaHeaderMenuCss;

package/dist/esm/dga-header-usage.entry.js

@@ -268,45 +268,45 @@ const DgaHeaderUsage = class {
         this.open = false;
     }
     render() {
-        return (h(Fragment, { key: '8788c0e2733185c43602a59c884a5cc155cad4eb' }, h("dga-second-nav-header", { key: '01294e9623b340f723a5f1922c66b10f2cc12ea9', hideDivider: true }, h("dga-second-nav-header-actions", { key: '2825f20c3c4f901e7c383dbb5cb96896d0d52b75' }, h("dga-button-v2", { key: 'e4c4a21d649729157a4ad1e98cbe7d9cf3d2a22f', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h(Fragment, { key: 'ba8ced523d8bb17298bf908d44e189abced95eef' }, h("dga-second-nav-header", { key: '1f3734df42632aef4ea32f3c7ce4e4fb12faadb3', hideDivider: true }, h("dga-second-nav-header-actions", { key: '1c1a4cb03f3e58840b59c1046972b3dd16c487f6' }, h("dga-button-v2", { key: 'f564e3b07458e358e7d9100d68d4a2d1bf6c292c', 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: '614281bab339c9e2ec9344663b8e598f73c86cf4', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '7e453f74495a8bf2fa860da4bc2f36f92b9174ff', 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: '5bd1fd862148052450fd025ebf2ddbc9f05b21e4', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '18bee14ba1ec95bce7f99c5ce419f5c0ef215ddb', 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: '5c365ec1628bd50b2fd24dbb107bb144a49fbbc3', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '26062110c46d639ddcbea6e906979b814b4b46b2', 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: '6efd034c6cd61d3d0dda10f247ec26c1797e1391' }, h("dga-second-nav-header-item", { key: '554a77f962f339cef097b736d3898ab156d025f2', label: "Cloudy" }, h("dga-icon", { key: '3e99a2ccc681680c1f1af027931853e9cabb6316', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '35216df3987479e04503743ea3e2155faf8aa6d5', label: "21 Jan 2024" }, h("dga-icon", { key: '1de620b9d15b0c0ac5c38c322a54221113170424', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '4ef22686533638bff8771e87f18d49f115cc66eb', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: 'b3517ad7b3ff863fc2c046b47450caef7ed4df17', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), h("dga-second-nav-header-content", { key: 'a97ca6092f2c54a7d6bf47c51fdeb06f75fdcc32' }, h("dga-second-nav-header-item", { key: '5f6616936d9d907499aa7984966577598e3c8699', label: "Cloudy" }, h("dga-icon", { key: 'ba886b1a6e44926a8fdbcb62ceb0435dd19f5076', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: 'd7bd70bf755fb246c7d55ed67796410489728646', label: "21 Jan 2024" }, h("dga-icon", { key: 'bdd37a6a38b23d43bd3ae5b0f83ca51be71737fe', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '2ff4c54ba6abde2222d82fec26b4624dc8b65c7b', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: '9bbf55125838d585523ca1474fc85db5c72cb8f8', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, h("dga-button", { key: '5a8c72e86b522f351a1b6994f99c0ae99de120de', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, h("dga-button", { key: 'ea4bd7a5d3d88eb76891bf763107031a16118740', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-nav-header-logos", { key: '60db26687f1d717a00048b96dda460ff1d502085', 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: '250d76931fc48ffc0d5f75dda5828fb6757a16f8' }, h("dga-nav-header-link", { key: '1c99cd5285c1e554f3bbbbbee8889251ee84bdb1', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), h("dga-nav-header-logos", { key: '34c1dd473831500bf04bd125f91ceb1f6d1fdd87', 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: 'fdb49e9078cc3224ab79cc686a7425cd9c187504' }, h("dga-nav-header-link", { key: 'fe45a78771b36c4609c79ff6f0e3dbd180c86a6f', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
                 this.activeLink = 'link-1';
-            } }, h("dga-nav-header-sub-menu", { key: '0bd9b71c82dc73c3a810e2cbe32ab863265c934f', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '9b9acc5948c68f2a2e7e9fcd9c1256c1a5e6a2f4', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '21ba9d96715f0d77200fd70aa2435ce763d16654', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '49183c60efc7853626a919c309b5f45d8844ebd3', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '1b27f17c6566a12a61eb4c4bc07557f882fa84cd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '01065ec4d4a1388a43e0545e59aa7a32c2a00089', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '65b4a0e680537e663130e2c0bb556516123aa567', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'a5162a7b0d0d92f08d0d1789f4714275b4cb1d82', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '7e359c96d4b10fbc8537eea4337e6508e1076008', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '37cc0321067b4308591dd9edc39f27a28ab5a984', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '6f558376e16cb24f3c49b03ea55bfc0d8f1a7226', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'affe0bb2f3b82ff1783f73bd5568c021a6f3639d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '00fe12ef92f63acbb7bef2cd47bb919b9f46e9f7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '3b2a888fdad84484a3c27a4af71192dd30fb0867', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: 'de051a23a476d7dfdc49fc805ea18d31514e14c2', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '19bf7055d6e78f028930c2d39992f039467bd18f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '46874064e601686d5fdb62b0342622427dbbda34', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'f8f50c8ed7b18b02a690ec16e2a2dfb37c465ea0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '3e0cea7150551ffe60b11b5d3ac5258d7e6e74c5', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'aa1a9109442d5749b7d9de1ddac2d32027aa01db', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'd3e9d1245e434d5591803ebbfd0af94b2985f3fa', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'e139ea2c835c14343a224c8c43fcbfd9397a099f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'cc50a7261282cd3985ca3053a70ce0fe31a527e6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '3a567c1304be94412913d7c458e7ec1ffc7f0d5d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'efec97ca44285130e73e11e43b3ef26042e432a9', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '9b0ba7453f3572e3587a704854cc9ead23f64aa6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '0677c529d2a7b589b7576d226b3ed3d1a191257d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'd0f11426ea5f5817ebe93c50178e219bd7898ea3', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-2';
-            } }, h("dga-nav-header-sub-menu", { key: '02c7496469c7577ef5636abe1487dd8544e422d2', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'd98d976c792fbb06a3e2ccdd8e565ec9bb9d8776', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '1fbbda531ba26554eef397bdab3b9f66c1688e03', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '93bc554804b68a7de26a3b8b7f217bff75e6db3e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '642b41e881656d18273c9609a5cfb3034cfa09dd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '79e7f3d88f232de2ef273d3dccb6d5c46df31006', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'cd089a2923e757af1e9d273236fa30af2df9f323', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'efdcaac0ae08227374113ceb10192e2f896c925a', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '555735c20793c8cc876226a4c41aecb7c0dd1596', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '4699d1ca399513389bd843e4182495acee74b20d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '327bf19fe01d80ac9011612e4a31f7ea10fd728a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'c24b929d0d76f71b844087b9133eaab814630046', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '4a9f01b8c37d6451265bdaad96b6b2f183c72973', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'cec19554b93ba6899e23a6f9dee018ea29d2e6a3', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '5849e258242b59f416394255fa1aed1b602001a2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'f5fa1312ed5fa1692834b2c2c9cffce51c6781b0', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-3';
-            } }), h("dga-nav-header-link", { key: '1de978c243a33fcc26f58fed7cebd3b955074121', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), h("dga-nav-header-link", { key: '7f1e4e4093ce1df7e1c1e4eefdbf42956b7591c4', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-4';
-            } }, h("dga-nav-header-sub-menu", { key: '3ce98ffcb7d6dea1c516583a81683226ba521950', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'fc829acb87028a37d931ffa779c9b0c820df40a7', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '60a1fe135ad8f99862df068b77c7d2a6dec222dc', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'cd891c545a79bc44d489e1d2908e0602c1275ce2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '1ad18d84c3dd0db84de5feb768def7bdafba0877', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '33d551d67ad1df4da04ded607e712324e40a7b03', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e6ab6fec1b2cfa668a033b7220b310002d96ff1b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '3ba9bd0f96168dd054aeb6f4ff9b2a69065acbb5', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '76a594092b1271fa90313d4269c45f14361ec694', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'fe6e840dee1b7cc05b34c6235eb636d3523e6b20', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '8ea0b934eb4f829494d3a4278c39e04f6ad4020a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '2a88cd92b023da15354648f97364efd84b4ca0d1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'f6e464cc022e0d37f8b6529ccb24d29de60770c1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '84305b6482c736ccb80ea12c0c4afdbf34f8e81b', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '9eb6ecf9dcc0f669c7733bcb4071af60f2eca92a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'e632d0af29a4f395adad3f3ace6c083628171e78', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'ff3f86188e2769b98b4d439cf51eed6fb69b8543', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '1f62fc81fd80c2c6fcc130201e6524429e5b8177', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '2128ec2145a827138e471eb6cfe10d6f30157243', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: 'cf7c91ea599f27119b599791de6d5b41cc668bd8' }, h("dga-header-action-btn", { key: 'fd63a01550440ef0882c2bbfea73da77e3e0ea6f', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: '36c685b54050fa1223e592c950f82b856a5d7c91', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: 'a99794ebfcab633146e7ba95611eb00b88f1a6cf', spacing: 16 }, h("dga-search-box", { key: '671acb22d988e6e9003bb7fdc159369c5860b077', placeholder: "Search" }), h("dga-button", { key: '5b2980727de51233c3697815ccb8383ce066a621', label: "Search" })))), h("dga-header-action-btn", { key: '158e9a57850f84e31df097d20dda8ed12fc64790', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '705d72d3e35b95ff8869c2bd4b8c2b83b96fe87f', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '0d97fdf812e85e04da4771f6ed7657e037acb358' }, h("dga-header-menu", { key: 'a53631b7080fda349f8bab7a27d3efb57c602a37', actions: [
+            } }, h("dga-nav-header-sub-menu", { key: '4927d53fc8d623ebaccea7e96941944397a0c111', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '8853bca970bd4383a4e51c488f13ad8abbad2992', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a91590fba9abf94fd92fdfb62ed2434215fa8d3a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '363f66098c1533f8bf7acb0732346679a1d35505', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'aea4989a1070dc9c9886f874dd661251182ef1c5', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '94aa6dbd5fa4a4c04302c4550e42249d77ee955d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '16f2d0fdfc477b3a2bd6a4fcd2156bbb7bc5d2fc', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '151ef27ab48896c541a43ca3860f5d925282d8e1', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '884cdd1aa34c278d94b2e6e78d09da92d2bcc604', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'b48aa17a0750b3896156707f999641271c96d873', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '4dd08649e6b666332737587c8854ca7534dc3058', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a95488f0385192cf9eca55af9aa08271f9fb68de', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '5b6614cb7e0fbf24ea57e0fc0938aef6b1f4ca53', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '7377c3fdc1e9670aa7e5fcbbaf9d5ae072b4a35a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '61df78a545d7646fd8481362933d54edf89faa56', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '3d3c210b21552018d7c6242c7344732cb71a22d6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '0bcc3d19af44656addd5ed4e02d7c79b516de187', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'cb87cb7171bcbc7414e3fa19af43f96b43803cb7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '7e3de9e3d4be64df9e253d0a5abcaed5201ebfe2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: 'd8b8bc492bb0cf72e48cf3faa952922146065569' }, h("dga-header-action-btn", { key: '953a10e96d09cba6a3a2ed0c7a37b8f6391afa5e', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: '283f7d6f38ef66e79d7d8c9f96957d9934eb5ed4', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: '4ef9d3f618ce0097574eb108f101c58e40afbb92', spacing: 16 }, h("dga-search-box", { key: 'de15e0aade38c27c354f1e52a93aa9a58f024c3d', placeholder: "Search" }), h("dga-button", { key: '0b04d2a6de0e9d113672c49cdd3e19c0cb57b265', label: "Search" })))), h("dga-header-action-btn", { key: '931f8a129250f380dabdd08ecc90fcf891f62141', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: 'b1917c717107c5d797a35a21dcf292aa23bccb77', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '12afdd6be937e4574322f69d783bb9c4aa98d918' }, h("dga-header-menu", { key: 'badddafaa1330ce5c5b1209b701bb4daf10fb790', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -328,11 +328,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), h("dga-drawer", { key: '5684de5ca29733852fbbe9195a1d54408b9f452b', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            ] }))), h("dga-drawer", { key: '4b56c7f5ced60d04ea67179f71f37fa2642d2ab6', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '112px',
                 },
-            } }), h("div", { key: '297ce57407aed1211cb7035945806c5362ce14c0' }, "Test")));
+            } }), h("div", { key: 'd5db1b198d170ebec557d3042929b2a2df6f223c' }, "Test")));
     }
 };
 

package/dist/esm/dga-helper-text_3.entry.js

@@ -10,7 +10,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '4b097225ff60ad69892a2dab6a827426e736fddb', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'f32e856291469f6fb41d71c9dbad93cca4ca63cf', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'f1c6b81b7159e04ea04d3b9a389f1400477665d8', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'c02929d28d0742923c769e71ecb6b979dad93ab0', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '4794f5844d7ecf053ca501ac0b9d35b7a3844cf0', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'ab718499426c8b7a8fff23fb8f94836402d14167', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'b21ae966847964a59ca3f68219678c106b2965fd', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '15e578307f3021dc4f1a7762aada3fa81ef52155', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
 
@@ -24,7 +24,7 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (h("label", { key: '2b7071744823650987ce4a2cee31f6c982b5865c', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '306728d40ea6224cfbb3874e10377112730755b7', class: "star" }, "*"), this.label));
+        return (h("label", { key: '4347e54a5cec090b89d021a0c67aaf9f97326177', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3ef1305091aa9d287b6cfdccbf5b9b9143a41596', class: "star" }, "*"), this.label));
     }
 };
 
@@ -91,12 +91,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b62054b03c1c99b3799d3c6c6ce63ecbfe1c1c30', id: this.componentId, style: this.rootStyles }, h("div", { key: '8ff3f19c16f1f79935c37f6d06feefa52cf14e01', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '0eead9a72fd2e0e7d314b1781b993fc10c0dd046', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'd135d36f915d400ee91006d4206c29b8eafb95c7', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '284915238819d64bd422513e3a97f2cd9ee56cee', name: "prefix" }), this.icon && (h("span", { key: '626e247406e2ffd95396f308b69cdfce3cfe1bc9', class: "input__icon" }, h("dga-icon", { key: 'c752097758f44bf9244e2bccf2a65da831e17472', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '2de37218ccb0bce0ce319dc6bcd71d423007d01f',
+        return (h(Host, { key: '965c6336df2a0f96596efc065f4ca187ecdb6e85', id: this.componentId, style: this.rootStyles }, h("div", { key: '243ca3d06d945f60688648ea87896ed1d6da374c', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '47b462c474509d48520fb0b5897e6e7c8eca8f64', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '14b52a638889a192ee55145bef639619c9302151', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '91c5116ba96290511d6519e62946acd4fc326549', name: "prefix" }), this.icon && (h("span", { key: '5f5557e06873d10f6fbdac72559c72506db8f536', class: "input__icon" }, h("dga-icon", { key: '4210f0e862707b0bc11733d3308b49a67d95aef9', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'c8ebdd601de846f44c30a948f67cc861100ab06c',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '36cfa9e6e9a33b740d475ad3c8e73b46dd7982ac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '963b58891d76aedbea29c7570064a6a393da025c', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'ce937c43610e932882342ec953ff7060f2a1179f', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '42393e8188be3000a9fb49ad5fbc3ce62b8d4fcc', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/dga-huge-icon-usage_3.entry.js

@@ -5,7 +5,7 @@ const DgaHugeIconUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'a50ce119a3c6e85225e891cc07e63f2598e2e974' }, h("h1", { key: '4b12f31506eed21cf5587f63290e375d8916e2de' }, "Huge Icon Example"), h("div", { key: '7b96b666ba225d0806b18a962535a320565e11c0', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-local-icon", { key: '8025380bd8579feee4a70b3d20c9dbdf87a49fab', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-local-icon", { key: '547093c2163b6b84898f4f94547a6a09ebb59cd5', icon: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-local-icon", { key: 'ce4790b77980a6a8762ca4544246352099fa31e5', icon: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: 'f11194202df5d810035f8d98703b68bab104a768', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: '764574355a015d3c315b8ef036d7e9ea40b71268', name: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: 'f894c10dc10a439c4d30dfc7de7a4bf02e44995c', name: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }), h("dga-icon", { key: 'e7f64f5abb778429c8a78d85e65b4ef91f5aac5d', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: '7f07426243cd849e1138963b6e8bfd05260da8b5', icon: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-icon", { key: '12b4992cb4fed29dfd7bc83b9e259914b5fe1d17', icon: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }))));
+        return (h("div", { key: '13f1681ebdcab52a366ae97915e57d7506f75eb9' }, h("h1", { key: '62ce2a368d3cc31efe7a372a5a58b97558bf0740' }, "Huge Icon Example"), h("div", { key: '0286adfd7d3b4be3f8b8114875bf247912fd2a51', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-local-icon", { key: '97e23e8da2f7e7ac84446b1927a349b26a1046bd', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-local-icon", { key: 'c8b989ae4586282987624f25ff0c426ef7788e7e', icon: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-local-icon", { key: 'd3575874026a9093dcf8636fa897d0718716250b', icon: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: 'd9b10e9f553090da9ff30e8dae3e0b9189d6673f', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: 'e3c10aac91b894efba85b180c8645b4124efe84f', name: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-icon-v2", { key: 'b7b1ad8cbfa235291c5ff6be79dae416a96f3f35', name: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }), h("dga-icon", { key: '8d2bb5ec2a067aaa410f2fb1655620093af56fe1', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: '2d559aefe6fe957736d63f900d22b89bc2207c9f', icon: "tiktok", color: 'red', variant: 'stroke', type: 'sharp', size: 20 }), h("dga-icon", { key: '39f24e1afa9a145db217d8ed55e9f59bc7fd4133', icon: "tiktok", color: 'red', variant: 'bulk', type: 'sharp', size: 20 }))));
     }
 };
 
@@ -41,49 +41,30 @@ const DgaIcon = class {
 const DgaIconV2 = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        this.size = 24;
         this.variant = 'bulk';
         this.type = 'rounded';
     }
-    // Initialize class name on component load
-    componentDidLoad() {
-        this.updateIcon();
-    }
-    // Update class name when properties change
-    updateIcon() {
-        if (this.container) {
-            // Convert the name to lowercase, replace "Icon" suffix, and separate words with hyphens
-            const className = this.name
-                .replace(/([a-z])([A-Z])/g, '$1-$2')
-                .replace(/([A-Z])([0-9])/g, '$1-$2')
-                .replace(/([a-z])([0-9])/g, '$1-$2')
-                .toLowerCase()
-                .replace('-icon', '')
-                .replace('icon', '')
-                .trim();
-            // Build the final class string
-            const iconClass = `hgi-${this.variant || ''} ${this.type ? `hgi-${this.type}` : ''} hgi-${className}`;
-            // Apply the class to the icon element
-            this.container.className = iconClass;
-        }
-    }
+    // In your dga-local-icon.tsx file
     render() {
-        return (h("div", { key: 'faca047226e9f7b7959ca4801fca040fac3fd255', style: {
-                width: '100%',
-                height: '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                fontSize: 'inherit',
-            } }, h("i", { key: '0b785d0c009de74c386588f3f190dc9c0d740ee4', style: {
-                fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
-                color: this.color,
-            }, ref: el => (this.container = el) })));
+        // 1. Exit early if the icon prop is missing
+        if (!this.name) {
+            return null;
+        }
+        // 2. Resolve the asset path
+        const spriteFileUrl = getAssetPath(`./assets/icons/hgi-${this.variant}-${this.type}.symbol.svg`);
+        console.log('Sprite File URL:', spriteFileUrl); // Debugging line to check the resolved path
+        // 3. NEW: Add a check to ensure the path was successfully resolved
+        if (!spriteFileUrl) {
+            // If the path is not yet available, render nothing to avoid the error.
+            // The component will re-render automatically when the path becomes available.
+            return null;
+        }
+        // 4. Construct the final URL only when the path is valid
+        const finalIconUrl = `${spriteFileUrl}#hgi-${this.variant}-${this.type}-${this.name}`;
+        return (h("svg", { width: this.size, height: this.size, style: { color: this.color || 'currentColor' }, "aria-hidden": "true" }, h("use", { href: finalIconUrl })));
     }
-    static get watchers() { return {
-        "icon": ["updateIcon"],
-        "variant": ["updateIcon"],
-        "type": ["updateIcon"]
-    }; }
+    static get assetsDirs() { return ["assets"]; }
 };
 
 export { DgaHugeIconUsage as dga_huge_icon_usage, DgaIcon as dga_icon, DgaIconV2 as dga_icon_v2 };

package/dist/esm/dga-inline-alert-usage.entry.js

@@ -6,7 +6,7 @@ const DgaInlineAlertUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'f1a801ba06a5cc5cf1896d8f46fce0c0e82e67cb', dir: 'rlt' }, h("h1", { key: '0d31384f40336e8ab47f79bb857098a496220449' }, "Inline ALert Example"), h("div", { key: 'ee1d2bf3944ba78eec20552c4ae341b58028d818', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1e12b7d337887f40c0e7e3d3b334a9d62a559d13', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '2473c136ffac7e10da3012dffe37220ff710372b', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'b30844d50945b8140f3cb0ae526a5660492f065b', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '864b7a263a77df97ab06f7fdf8f2fd7fb40c572d', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '627e97ac32a762fa963c61516e1c42a402b9b4df', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'b5f052b9b0547cae2ecde282cc516ef08bdf775d', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: 'cb20269c8f63c7189678d0fe774458728e4c22d0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'f79b8a876544e6471eaa40a1f8c761d04b3461fe', dir: 'rlt' }, h("h1", { key: '05c85e848b100b107768beff012306eb2364ffcc' }, "Inline ALert Example"), h("div", { key: 'ad89d83da95d9a4fe2460942d06b8d15385de6ba', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e80ed4d0eaa3ddb33df697ffdc49be6f3c4bede1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '9bf3936138c58f836406cbbd0ef7e0918b6f2376', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'f024ca8fd9cbd03c2c1b79bcb3fce148250450a6', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '115a344f1f7a80379c16f0c03303d006f312f981', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'e266d164c2ecda6cdf92e6dd7d00e1332b5ffafa', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'ebffa6062fd15f7e84899249ddc91c265698db09', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: '947e448bc2fa7e11dc81faab32f5c6e776d1a38d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };