@platformscode/core 0.0.42 → 0.0.44

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

@@ -9,7 +9,7 @@ const DgaFeaturedIconUsage = class {
         this.value = '';
     }
     render() {
-        return (index.h("div", { key: '1ea43cc070b48193cd0a6266df0cbed0774dc7b2' }, index.h("h1", { key: 'e644d3f1dbc510884dae4ada22c12d42ca966c43' }, "Featured Icon Example"), index.h("div", { key: '88bdfad280a0988f8e455f045306e25d1626e2b5', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("div", { key: 'abaa59e419727cdda38e9a96a20151312b37c0c2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (index.h("div", { key: 'b1d3d058a3de40c0bb2f16f77cd00c6f4f5e20a8' }, index.h("h1", { key: '078152089769ebac9510a6ad84b5a846ee93b5ac' }, "Featured Icon Example"), index.h("div", { key: 'fa6a9681bf97d5c82bc89c96c991033dd93ffe01', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("div", { key: '0e15b195aaf9e4de57c21da54a298172f59184f8', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -34,7 +34,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'd710c3978982cf141cec5456570127dd96d55752', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '340db685d820de39b2a0e8261be737f8f0306047', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -59,7 +59,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '46e6146c7986b34f738703065d0788129af292ce', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'def93dd59650db338ffcd10e5d6c83074daebb84', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -84,7 +84,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '5a1954660a79cdab9c2a6e08793ec87beece41d3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '258d85ce4cda1774bf46b296e19cb5c1c7d39829', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -109,7 +109,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'c9855389c4297b4066932ae208ed36c3fa7c9c3c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '8be1476b0e919cbfb0baaf5fa7c90765746d1bc6', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -134,7 +134,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'f49f7c02f895978423f1a3236950a783adcc63ae', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '07feede3eae8501b3540130056728041e5056fe1', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",
@@ -159,7 +159,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant }))))), index.h("div", { key: '03730fdf7f3e3655e47c0317269a8c3de1f0837e', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("div", { key: '4e684519ca0088acac52bf5530e3eda23b483130', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant }))))), index.h("div", { key: '2d0dc1347bad54b3c9683715dcc81b93317672c8', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("div", { key: '6e9bef679474ff22892b38de3b6f846d9d55b468', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -184,7 +184,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '338298ac39f91e7eb9e27e95b2c40858203c9a8f', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '405fd5f4992fd61fe7295b3590bca6d8016f5f7c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -209,7 +209,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '5c1eda4ff6e5e0ca45be7a5a687b64793eff1176', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'dc8e991aa9802089d85efb26df538fb5165da784', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -234,7 +234,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '073d29e24e676f44d55e44870d344ba112d6605d', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '227ac76e5d5eb4b6a1b8c1f36dcdfae089ccae75', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -259,7 +259,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: '8620f601d6743529d5e483363390c46b468bd594', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'db136594b893e495c7022ea25bccaab6dd47dae2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -284,7 +284,7 @@ const DgaFeaturedIconUsage = class {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), index.h("div", { key: 'eace1f84d6a512390b7001352b445bc2f6f2e16c', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), index.h("div", { key: '36a74fcdd97ed137038f1fa078fe32c3f00cd4ab', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

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

@@ -8,7 +8,7 @@ const DgaFeedbackIconUsage = class {
         this.value = 'test';
     }
     render() {
-        return (index.h("div", { key: '6b85a00051006359edaeb71a446987f5b1db3762' }, index.h("h1", { key: '39e4a051129232328020939932a6bfd0d09a4ca6' }, "Search Box Example"), index.h("div", { key: '71daef77c61065d86c1c7b1a312ff5f6e4e35e63', style: { padding: '50px' } }, index.h("div", { key: '493a61c3399428603e6296159a2a72ebca6a871d', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (index.h("div", { key: '67fff1c01d5cddd9762c82e6a96ca99c989ece80' }, index.h("h1", { key: '4b430f82c3bed2451845826aaec4931c03d774c4' }, "Search Box Example"), index.h("div", { key: '1d070acc397942debfd8b369586f402745ab52c6', style: { padding: '50px' } }, index.h("div", { key: '184f15e459beca59193413a91e894eecb2a880d6', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
 };
 

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

@@ -119,7 +119,7 @@ const DgaFilterationUsage = class {
         };
     }
     render() {
-        return (index.h("div", { key: '43342faaca5c4e2cd53afa9804d65b1a0af117a1', class: "filteration-usage" }, index.h("h2", { key: '4504c9c4f84467e8117edf1ddfaadd0e14ebba1c' }, "Filteration Component Examples"), index.h("div", { key: '36e553bbe433f0a7221dcb97f5774bc619ef57a5', class: "filteration-container", style: { margin: '20px 0' } }, index.h("h3", { key: '7091c77baa06dd05688bc7340cadffd929b409a8' }, "Default Filteration"), index.h("dga-filteration", { key: 'e3f2f16ebdce0e571bfac47c274b72c51c3cb99d', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (index.h("div", { key: 'df32b2142235dd084aa658fbc0503722d3b3c021', class: "filteration-usage" }, index.h("h2", { key: '856fdef344fd89464a177cb42b3b15c2bc0d3a89' }, "Filteration Component Examples"), index.h("div", { key: '40512b41f1664464147ff16bb13abb76e726dd29', class: "filteration-container", style: { margin: '20px 0' } }, index.h("h3", { key: 'e8fa0355c10dee4aad7106502ab4e8d6f8cb3bee' }, "Default Filteration"), index.h("dga-filteration", { key: 'fea4d5b4a6aa0e9594582596f8458c5e03588d2c', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
 };
 

package/dist/cjs/dga-flex.cjs.entry.js

@@ -61,7 +61,7 @@ const DgaFlex = class {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap'
         };
-        return (index.h(index.Host, { key: '66e0d06d5444f6e5672210866dbff053d858bbc1', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '58b830e489eb3a2d0edfe592aa04330a7886ab96', class: "dga-flex-container", style: styles }, index.h("slot", { key: 'a0feb0adb5ac1b67eaaa8aa79a600274c8a437b9' }))));
+        return (index.h(index.Host, { key: '030a4f253078dc211522758217e47dbe1b861db0', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '354ceaca31c168794390b415183d5a73df20ddb1', class: "dga-flex-container", style: styles }, index.h("slot", { key: 'd94e0968cbf4e23570e500c1ab8dfbb20159a11b' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,11 +7,11 @@ const DgaButtonUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'ac667cc05719ace6df84e5a8442522e842c1e925', style: {
+        return (index.h("div", { key: 'bc589750c960a0448e189c195ba1369eaa28cef7', style: {
                 margin: "10px"
-            } }, index.h("floating-button", { key: 'cec0a9b79781fcab05919358ad8ecbab7ee1a09a', variant: "secondary-solid" }), index.h("div", { key: 'a13b403b58d9a4d5026444702dc9b4a4a55cda59', style: {
+            } }, index.h("floating-button", { key: '7bd9e6d440a3468f408134020dcada03f2430ed2', variant: "secondary-solid" }), index.h("div", { key: 'f238a60b0105c32625ab387221621877f62a87d6', style: {
                 marginTop: "10px",
-            } }, index.h("floating-button", { key: '09f0676171b6ef92dc62d93181ad10a4f2d866e2', variant: "primary-neutral", iconOnly: true }))));
+            } }, index.h("floating-button", { key: 'd6c3b83917d3293008d68bd32f7b28597726033b', variant: "primary-neutral", iconOnly: true }))));
     }
 };
 

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

@@ -7,7 +7,7 @@ const DgaFooterUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '2f479a75f1c2014311fe835fd5aee75eb5012dda' }, index.h("h1", { key: 'f9077ae7ca07171c3e9c148d2e9363b20ff8496c' }, "Footer Example Dark Green Mode"), index.h("dga-footer", { key: '363454b8832fedd26ff69feb925e5dc7672a481c', background: "DarkGreen", NavLinks: true, groupLinks: [
+        return (index.h("div", { key: 'a1150ea1074e85bf201ad79730b1101cae7144e3' }, index.h("h1", { key: '4d2525181f22f5678514520dd4bc71902b75a919' }, "Footer Example Dark Green Mode"), index.h("dga-footer", { key: 'cd3665503e23280d2ba24b537510e2b52465379d', background: "DarkGreen", NavLinks: true, groupLinks: [
                 {
                     title: 'Government Services',
                     links: [
@@ -82,7 +82,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'] }), index.h("h1", { key: '74f97f1cb2857b2909d98a85548c4193c0d63d54', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), index.h("dga-footer", { key: '0f228d46ae1cf766f6ef3c72b691603f93d23aa2', background: "Light", NavLinks: true, groupLinks: [
+            ], bottomImages: ['https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg', 'https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg'] }), index.h("h1", { key: 'abbdb68fbe2a1b99744ae22b27a77e1941352c6e', style: { padding: '40px', color: 'red' } }, " Footer Example Light Mode"), index.h("dga-footer", { key: '692052d660cab7adf4fd80eaadf3bcb5a9b3eaf3', background: "Light", NavLinks: true, groupLinks: [
                 {
                     title: 'Group Label',
                     links: [
@@ -192,7 +192,7 @@ const DgaFooterUsage = class {
                     name: 'Privacy Policy',
                     target: '#',
                 },
-            ] }), index.h("h1", { key: '5c3971ce4a578c7cbedf7ce8e17637a849f1eaa7', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
+            ] }), index.h("h1", { key: '46d3216a121aef3b5dcab496e6a319b791207a59', style: { padding: '40px', color: 'red' } }, "End Footer Example Here Zoz")));
     }
 };
 

package/dist/cjs/dga-footer.cjs.entry.js

@@ -23,7 +23,7 @@ const DgaFooter = class {
         this.bottomImages = [];
     }
     render() {
-        return (index.h("footer", { key: '1ac8bbce7d1ffe91fcb46d32ab1c5c77588cdd85', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, index.h("section", { key: '5314e31976c633e7289ef48244799ece950c1c23', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (index.h("div", { key: '787a7dba9a806cf5b2fcae2b5b1bda1d33aebe57', class: "footer-icon-section" }, index.h("a", { key: 'e61b86a4f2f7818542b2863a14792ba2a6c58423', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (index.h("div", { key: 'ba543840088279ff513e65808ffe28169a22d259', class: "footer-title-description" }, index.h("h3", { key: '989ce86d50b436ac40a569758b74162d9f2edf7d', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), index.h("p", { key: '6212e654a1fd6c88632e61450070baa09657fb44', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (index.h("section", { key: 'ea0b128c4bf11e2d46702e8de64490be0a353b02', class: "footer__nav-links" }, this.groupLinks.map(group => (index.h("div", { class: "footer__nav-links-column" }, index.h("div", { class: "footer__nav-links-column-title" }, group.title), index.h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name))))))))), index.h("div", { key: 'e8defdf2110f43f5708911adc68bcd7adddc543f', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (index.h("div", { key: '3eb6e43c4af84b85bb61f44dbc453ed8b1ece9c2' }, this.socialMediaTitle && index.h("div", { key: 'e164ce02f0e7f5822d32df9f0b49dac265f9fd44', class: "footer__nav-links-column-title" }, this.socialMediaTitle), index.h("div", { key: 'e904aa450a5de609ba4ccb461a037608d9c312c8', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (index.h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, index.h("span", { class: "btn-icon" }, index.h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (index.h("div", { key: 'fed531eab6cf4f5397da68f5425b5bb2d5c52ee5' }, index.h("div", { key: 'ba1023e96f268e2f12c66aebd745029cb6a41580', class: "footer__nav-links-column-title" }, this.accessibilityTitle), index.h("div", { key: '0b9d40f730c9612403b57ca62af726adb5ff0832', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (index.h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, index.h("span", { class: "btn-icon" }, index.h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), index.h("section", { key: 'c598798b25fbde99fe4ee75bf2b2c1fb6d9b4b68', class: "footer__basic" }, index.h("div", { key: '4fa901ff034a46a3e9ddf70d3565decc23fe04ae', class: "footer__actions-copyright" }, index.h("ul", { key: '24dd81a8780f19e7139ea0fb66cf68d08fd339de', class: "footer__actions" }, this.basicLinks.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name)))))), this.copyright && index.h("p", { key: '864b8951956ecbc9afa84a8de2f0c63c5962b6d4', class: "footer__copyright text-sm-semibold" }, this.copyright), index.h("ul", { key: 'c74a46809d9032ff542d5b112e6704e89e348f13', class: "footer__extra-actions" }, this.extraLinks.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name))))))), index.h("div", { key: '1a85e1b68deafb7686dd5b6b590bb806f6bac74f', class: "footer__logos" }, this.bottomImages.map(image => (index.h("img", { src: image, key: index$1.guid() }))))))));
+        return (index.h("footer", { key: '2814ae7529b012f44c6f52a9de9859e077bec915', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, index.h("section", { key: '656062bc7f1b7711b52a4bebab5d6d71070146eb', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (index.h("div", { key: '74b1a98c3d52d888b778d65c18c9f71c68cbe29e', class: "footer-icon-section" }, index.h("a", { key: '5ddeddc692a2f2a760e1a8ef35cf7d0a5d37aa34', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (index.h("div", { key: '703ff7ec5dbf14bfb400002f1d5bfbac7933438d', class: "footer-title-description" }, index.h("h3", { key: '6f7b63f6b677483d589d4b29b8eee87d768ab3b3', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), index.h("p", { key: 'f0e79608beeff070a161e75c857228df0a53a57c', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (index.h("section", { key: '637f1980eeedd5e2aa30ab543bbe4c59ea606bac', class: "footer__nav-links" }, this.groupLinks.map(group => (index.h("div", { class: "footer__nav-links-column" }, index.h("div", { class: "footer__nav-links-column-title" }, group.title), index.h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name))))))))), index.h("div", { key: '72df9188b5c238e054bbd33522bdd2eff4954e1b', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (index.h("div", { key: 'e8b12056916617acfcba5cf838eeedb1cea40826' }, this.socialMediaTitle && index.h("div", { key: '308160ac867e6b9e81eefc3c68e6564a64485d18', class: "footer__nav-links-column-title" }, this.socialMediaTitle), index.h("div", { key: 'b11dfd16be906b404921c83bf33e8f3624188963', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (index.h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, index.h("span", { class: "btn-icon" }, index.h("dga-icon", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (index.h("div", { key: '466bfa699431b498bd6598eba2f1005ffe9b81a1' }, index.h("div", { key: '17454ed7c7c895da07c3cb222d67086327506b5f', class: "footer__nav-links-column-title" }, this.accessibilityTitle), index.h("div", { key: 'f2f5e07255b34a927ff304fefb64e6cd0574cbd6', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (index.h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, index.h("span", { class: "btn-icon" }, index.h("dga-icon", Object.assign({}, access.icon, { size: 20 })))))))))))), index.h("section", { key: 'd85529b7cd8b39dc372af460997faaa916ddb303', class: "footer__basic" }, index.h("div", { key: 'abd90817943a4452096952775422c5fcbe467528', class: "footer__actions-copyright" }, index.h("ul", { key: '7e6f0f8cea727df44a9dc2c3a13717aef4524611', class: "footer__actions" }, this.basicLinks.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name)))))), this.copyright && index.h("p", { key: 'ea8c4c8c4f4c62cfd4c094b987c6b48debff9de9', class: "footer__copyright text-sm-semibold" }, this.copyright), index.h("ul", { key: 'f894dc366075094d781f033f5a26a663d1a40ca8', class: "footer__extra-actions" }, this.extraLinks.map(link => (index.h("li", null, index.h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, index.h("span", { class: "link__label" }, link.name))))))), index.h("div", { key: 'a8fd80f57cd13dcf2fb00f156467f5ee060a85a2', class: "footer__logos" }, this.bottomImages.map(image => (index.h("img", { src: image, key: index$1.guid() }))))))));
     }
 };
 DgaFooter.style = footerCss;

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

@@ -9,11 +9,11 @@ const DgaGridUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'db2939f8ea1477199e484555884da44f90d37bcf', class: "flexible-gap-usage", style: {
+        return (index.h("div", { key: '1714149c872a9bce08a344346c4fdd825d46bf8a', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, index.h("h2", { key: 'a024312c7347789f310c5b05453e2d72fb1d030e' }, "Grid Component with Flexible Gap Examples"), index.h("section", { key: 'fea4b42f867ebdf28297075ad81e0c37a73f35cc' }, index.h("h3", { key: 'e4506b676a25588988df8afdfbca81b3556c77b3' }, "Simple String Gap"), index.h("dga-grid-container", { key: '0087631dbceb9fd6f967d33e39edba5fc4a1f07e', gap: "16px" }, index.h("dga-grid-item", { key: 'e90f5ae2f065163b94b53f61abbfffad3c734bc7', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '555a1c9e2b37671a8ea0b3bdc1dcec403a2bbdda', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'c4df5d9b52f7853ef8b81532c34282bd3bd9e068', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '6fd7595ab49001ca82784ecb64ac36dc154975d2', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '134aec9d2128c77e47a4dedf6347be1c91880798', xs: 12, sm: 6, md: 4 }, index.h("div", { key: 'e32c42e516896165fbfe60ef7df4aab3630c0788', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'fd24328a33b4c930389dd099c53be213593a2462', xs: 12, sm: 6 }, index.h("div", { key: '612f89984c1c9e8d4ccafddfc4b5717f95ea5d73', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'd2555b16e49ad61a02ab2008265d108b1b2be698', xs: 12, sm: 6 }, index.h("div", { key: 'd74ed851afec55d37329c44c8886eba45634a50a', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'd067ba3d86e9d2580214427642d34a7e6a2ee547', xs: 12 }, index.h("div", { key: 'b4ee61c26875861e6281cc1d2b429bcb2a2d6bce', class: "demo-content" }, "16px gap between all items"))))));
+            } }, index.h("h2", { key: 'dd332ae18347472af684bf27f4c833b2b938b768' }, "Grid Component with Flexible Gap Examples"), index.h("section", { key: '10e9d66652e44ebd8a708fa60e839b2ddbde5c30' }, index.h("h3", { key: '1b37c4566baf84e226b4c1c1205d94b0ef60db78' }, "Simple String Gap"), index.h("dga-grid-container", { key: '1489108464dbe394fb97c917ae610714ba4570d6', gap: "16px" }, index.h("dga-grid-item", { key: '797b733970220698d3e279da69ee54cc433486a5', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '8b6e4b5bbc5aff85be0aaab86ebb2633dde73536', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '43a4098873ae5e5f28c5c8e2976dd26f1879f93e', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '9d36ae98c25b8fd93a2e8380fd97a92e5b3deb30', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '42f3828f7c23846cad6b0f7614acfa99097b88b7', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '988eba0040a2a09f80f1ce6248de24b8eb8a043d', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'c9ff649a0cf3c5755790c2c1683ded31520c6205', xs: 12, sm: 6 }, index.h("div", { key: '0d0b7d197bf5c7c3f227724d8f2a3c05d05d9400', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '91ed3e438aed1a26f85c06370e1b71e18e205cec', xs: 12, sm: 6 }, index.h("div", { key: '22c2769d308a30e377667d12e7d1acf59d26c407', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'd3290cc97879710e9aaf0eff3f3c7f6bcc264feb', xs: 12 }, index.h("div", { key: '2ff7ec130ca99359827e5605fc480f1950f090eb', class: "demo-content" }, "16px gap between all items"))))));
     }
 };
 DgaGridUsage.style = dgaGridUsageCss;

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

@@ -26,7 +26,7 @@ const DgaSecondNavHeader = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '2148ff638962c3774f6296bb153ab227b2037242' }, index.h("div", { key: '1876a750095870936c30c938417dbf8f2edc2e7c', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, index.h("div", { key: '39f09c68a16d833e43610913fb903bcafd8b1f9f', class: `container ${this.hideDivider ? '' : 'border'}` }, index.h("div", { key: '4185be99ad09528b5ab48dfb2f9f9683c80dcc62', class: `content` }, index.h("slot", { key: '9c880c19c64d3b5a13fd531e1b4e8f6d88ebf13b', name: "content" })), index.h("div", { key: '9365fa894dc11cbfbccd783834481fb86fd3d0e6', class: `actions` }, index.h("slot", { key: '252fa64837f5c111ff0954c921c906aa9bba1053', name: "actions" }))))));
+        return (index.h(index.Host, { key: 'd15b8c138aab31ed9ec5be82fd9d01646661009e' }, index.h("div", { key: '7c8718214dfc2b5306301a71410574bd032b14eb', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, index.h("div", { key: '359525936778b41ef55d258a8da94b4ddc475736', class: `container ${this.hideDivider ? '' : 'border'}` }, index.h("div", { key: '881b219f80facbcf88aebe9630d03940951a45ab', class: `content` }, index.h("slot", { key: 'c73674137f041b76a0f6b8610c31388265b91836', name: "content" })), index.h("div", { key: '2326d23fe361f04fe965b5b276426a29b4694df2', class: `actions` }, index.h("slot", { key: 'b29042c36276a0e7fc59d9f285e83cf2bd9becb3', name: "actions" }))))));
     }
     get el() { return index.getElement(this); }
 };
@@ -36,7 +36,7 @@ const DgaSecondNavHeaderActions = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '37d52515535536dd4bbec09ff34561c2cf641af7' }, index.h("div", { key: '70359fb2e401799c98cc206539e5307a44dfc8bb', class: `items-container` }, index.h("slot", { key: '00f13fc62dfdb9e26dae61b74bfe54bfcaad69cd' }))));
+        return (index.h(index.Host, { key: '957d39eaebd84ae360971b94c1ad557443f27446' }, index.h("div", { key: 'f429c3285af74f912f5caca52b16667e687ab02e', class: `items-container` }, index.h("slot", { key: '67f6b902b751358b0c63c3c7fc2ecd8dadee829c' }))));
     }
 };
 
@@ -45,7 +45,7 @@ const DgaSecondNavHeaderContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, index.h("div", { key: '6e70bdd808ba728ed6ef56f595cc5bef8001cb59', class: `items-container` }, index.h("slot", { key: '47451b0f111654c0c6691e28b6f75aff959efa01' }))));
+        return (index.h(index.Host, { key: '635f5ad2106c61c868c9b70ba2039ae4d4d793aa' }, index.h("div", { key: '024173f4fc7044afeb3fb5ea2d5b4f84f3334f19', class: `items-container` }, index.h("slot", { key: '84e388fb8bf6e4da6ff81ecb5a2605992317166d' }))));
     }
 };
 
@@ -62,7 +62,7 @@ const DgaSecondNavHeaderItem = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '229c796621d1842e6484a2857130228a6064aae2' }, index.h("slot", { key: '9b10838752cd3103a736a4bf1931ec58e142ec36', name: 'icon' }), index.h("slot", { key: '70317608a423de1002f8b762096309aed55b2311', name: 'label' }, this.label)));
+        return (index.h(index.Host, { key: '9e554186251de15a55c7ec9ab168df241c49bedb' }, index.h("slot", { key: 'a4615c99e954e17943c37ae53f1ef25ef567aa6f', name: 'icon' }), index.h("slot", { key: 'c0b897cb6f3caefba64a5ed4215d3145a5e6b03c', name: 'label' }, this.label)));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -286,30 +286,30 @@ const DgaHeaderMenuItemUsage = class {
         this.anchorEl = null;
     }
     render() {
-        return (index.h(index.Fragment, { key: 'bcf170764049ee8c4062b02950531a7e724906d7' }, index.h("dga-header-vv2", { key: '4fa6c185279ee23f2bbef96c8a6a90305f728f81' }, index.h("dga-flex", { key: 'e67dadcf6e3bf63a58b100aad5d865165c7413eb', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: 'd1d14b45e9c6f7f2f63c6157ce0559339e0ecc24', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (index.h(index.Fragment, { key: '5dc2928b4bab1ba50b6ba3108f237259754753b6' }, index.h("dga-header-vv2", { key: 'e1fcf64eb946104571045bec205ab4f0d7e1d3be' }, index.h("dga-flex", { key: '50f54589ca3ac48150f7c2b769b605d82ede06b0', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: '7683f7b3882edf83b431719ed46fe8a3f4852347', 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' },
-            } }), index.h("dga-logo-placeholder", { key: '80441e7163318ff76cab8c038ff3aea43d43ec59', size: "md" }), index.h("dga-flex", { key: '900a8a6e87b75aae795a2b8cb68ab68640e45729', direction: "row", align: "center", justify: "start", sx: {
+            } }), index.h("dga-logo-placeholder", { key: '46d36e835555f45d34045aa6f761c95c0067f270', size: "md" }), index.h("dga-flex", { key: '0abd5c2c2156dfbadd08e84479904b380f4d22f1', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, index.h("dga-header-menu-item", { key: '84c692c76a183ce91e923b57c92067b2a314698d', label: "Home" }), index.h("dga-header-menu-item", { key: 'e942cf832bafcc28354a1bef32364fc1a586118a', label: "About" }), index.h("dga-header-menu-item", { key: '2e301e9fcd92db7ff1dad7b7e260d8d8e6c742f5', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: '2b1d6681c44f7a7ad275ae1de8ada45e4b3a3234', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: 'b38de6c90010b1fbfbea7843b72e58b3c247b365', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '524b767000e5a9916eb7787f6c427d7196b6a6dc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '11b6a4b5391815ee95faffba59d3cb1d7d3e143a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '4bda1270fe7262fa670ac6a94a207a66ea79240c', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '69bbdd106c60e980f669e77ba397ce7496498450', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '215f7d26eb8ba506643f161fc8936b9d8d0285a2', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '5d5cbbe340c4674c8a4ec6a0e38c2b04e56258fe', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '5efa6dfceadead0f9d9cf8dd565f38fef8986fdc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '881641955a7faf1fedebc7e306cadfe4ae76b7bd', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '48984d601245a7f092723b639cecc43660852e80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '3518afc69d27929d7a2916380089897ffc1c6805', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '568ae98489e14b43cff35119f5d8bf332280ce74', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '7cb1c58c57f725209d1e91dfbc64ee459554c864', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '155f71080ad23d3b40ad5e262ac668250dd7f4db', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'fdca8142e41ce0b57fb81792342f71cb0cf2cdb3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '253cd2f6eddf0813972a343064691f1d53a438ef', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '5dffe1a4d7e40274b804c2d03844f22ed8032d01', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '852400136f746a264282066324dde66f7374327e', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '403a4b0ac5a267590a749c76146b7d6d392a8fdd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '14c2817d87abab1a734e731e78a107de1bcce4e4', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '7fef1a3be3cadd3cb8d3d71473645745383240a2', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'e226fea97561fb90da31d1d98a963aa142969d5d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '06f1e9fd81807ed53a11e7347d93759953b01dbe', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'da587e357ffcd1d210adf08e1907c6544dab6eac', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'cab88460ba8213327a071a3a27375f1ce1662a49', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '507d02f9fd7797eb666879fbee36e24c5a1d151d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'b4367a8e2f12867b093505dc7bcbb9fadbfebd2a', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '2e00f73716599fbd2c486aaa7595930cc0853d47', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '514facfa1c87e213cc8476704f71bcfb26dafbe3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '06877e302fa1b593d2cff80a6cc7823cd570b91f', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '1c3ad153b4f5b396dc2c7de2e21f284b6cd9f8b2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0b1ddc38fad2998306a8891ae10876396c5f5eef', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '6843eaf4c120a56afdb28cdf709d6bcda1e172c4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'd491438bd168907e8da9b32904d7ab80dd6b9adb', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: 'ce256c8f988dbb9be9a7892db3c3edcd686a78d5', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: '5ba5e15685cf4ee2edbf1267c0923feb41eb173a', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: 'e8d6d175e739ddc6ceb475674d76b506a1114663', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: '1c201f98ed79afa68c9b21b5444df2347a328c06', subMenuFullWidth: true }, index.h("dga-search-box", { key: '5b66a6f3b20a2f7b5a7ac74377ee2d37080ebcdc' }))), index.h("dga-action-menu", { key: '5015c9f5c4d53d685607f0a85ad184d65e64c6e0', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '46f25d43a095199c7fc948088bba856c44907a90', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, index.h("dga-header-menu-item", { key: 'e453037523877688fb92267aada82f4c65523894', label: "Home" }), index.h("dga-header-menu-item", { key: '1ac21b7ee8bc0acf9d132e44dcb5729c604b29c7', label: "About" }), index.h("dga-header-menu-item", { key: '589b1619844a36d53d4b34273df88227a53710e1', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: 'd31ec2dec6422cb49fd3a1af759eab2408d95d08', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: '38d513333d588e324ab569eb5c91dbd58ec134f6', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'a8a76e4f23eeed8802dcd4262adfbedcc04e5573', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'ef1bbb737ded6657847005380551e9e96942ea39', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'da1e2868f90fef46135bdc57c4adf5d145ddfe46', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'bfbc1671ea55358a6ddd3c674ca35022c4a354b4', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'e7a6c91db14b348c7db7026904170627c74efbc9', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '55069332142723eda1c9a137d716311c2ccefeef', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '0e637e0af8d53f238c786c55d0783f6feca9e3c4', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '2e250040a52c7d3a4b3efc112674cc3bfe8dd72e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0e60deeec36bca7f389fed3bf25c943012e4545b', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '0c7640ba6d9e1d3ccca8fca31cee61d94a742b84', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'e310d6181ebb0fc1ce0daa6afd6c13be55e32162', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '67cf5e160fdfe25854db7665dbb2a165e938eed3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'c4bb410da880534017e9f6fc81ea73d0cadaecfc', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '31c04c756ee189208a1925a64fe805e0ddd11a01', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'd9a00edd58be78db3f0793e1055db74834ab2094', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '6ccf5827b4822db3241710931d7c094954171611', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '73f4e78a65adc6d77aa252ab69b7eabad60068f5', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '64997edec722e7a6e85138c97c2794c7c5b28d0b', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '297b3e511af451ec5425ed1af386230bd85f87d7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '3b191281cb706bc22db63a378b843685f740bcd8', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: 'fd24ae82cde7f15a2d017d26dd3c506eabe4b65f', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'c46e90cbe20dcde9a0e4b8b01dbea6446adc74ad', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '821c5ad120a8bdfd6c2b6f7e536acf6d172f969e', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '08306a3bd0ef0086fb4a66ac733e49b725ea4760', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'ae88db8f70c47e9697d080d6c102518b023d1c5c', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'b7cea6c73acf794c88d2091016fa48eb4ffcf308', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'f73bc2eb3416e2274397d4803b39788fb19a8d00', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '153640384d6832ad6722139f8abcdd91059ad517', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '533270c0b464a592cd6067d37de1b4fff3fa83de', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '73e66467f5a31e4fe9679e5c7616cae5b9194479', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '2c38a66518b99d72174d307fea89346e3aa9a5e7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'b0577f2938a8839ee25f08aa9f9d0fdb7c0fcb61', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '069acae164cdbeb77a316c6a3758812b866182bb', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '7ae67fda8e9184c8b7a84b132f0adf33053b4f8d', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: '763c556a41a312d2ef9e727f7a3df03a922e86ee', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: '4a5bf7aab006b15d89babb8792f7165208b7de04', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: '4a8604a7975e4b974f70b4411c35467c7cc206e9', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: 'b8aa74b03837997f753453100bb45645ee87e2e4', subMenuFullWidth: true }, index.h("dga-search-box", { key: '86a5ce77d292a6b25d6fdca0d1a6bd394cd0da73' }))), index.h("dga-action-menu", { key: '63fc5b6ef9c3e784805b4b70672e17ebc7c4d0bf', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: 'e1dbfc4ba1b3ee638b5bc382d90ce74d02d0db2a', 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" }), index.h("dga-menu-list", { key: '72876c3c8714415a23218e68bb7141389868f311' }, index.h("dga-menu-item", { key: '916fc9be0b119288386b7021c0396f832f855a64', label: "Item Label" }), index.h("dga-menu-item", { key: '5dbe82ef0984a9eaac164689fb512c91895facc8', label: "Item Label" }), index.h("dga-menu-item", { key: '781f2e5c7f9f09648cf445f24a6cdc333fe62f0c', label: "Item Label" }))))), index.h("dga-drawer", { key: 'd8adde1e533a464a18148475a51c8581e6c556e0', 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" }), index.h("dga-menu-list", { key: 'c92715018dc7ac36b92ae9f0b66afe3845c3317c' }, index.h("dga-menu-item", { key: '6e8590100e5aa5908235621ddd5ca66f3b931273', label: "Item Label" }), index.h("dga-menu-item", { key: 'f3725cd1191c3f3f34764de83c38662fa783c518', label: "Item Label" }), index.h("dga-menu-item", { key: 'f0733ca108cdd6822ad1bf7f7394fe0b88f3c490', label: "Item Label" }))))), index.h("dga-drawer", { key: '16f305426cce80cf9aedf97d6d0ddca4ecf5125f', 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", index.h("a", { key: '2b6f1a59b047bb552c4e18fbc3267e297c682f46' }, "fdgdfgfdg"), index.h("div", { key: '33db7bda83a5c8bc0e3094067e44e0f431e455b8' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: 'e580d491cb66183c6f193479201e0a25c6e9c847', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: '11247d359187396ff45548ceb9f1057147b3d4e1', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: 'd216f3e6957f74143008ff8e4aa751d0c32f33f3', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '6576ffab2d6942add2e26fdb5b89c58714876fab', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", index.h("a", { key: '7e70f5dd4151876f534096c50467cb6fa4ac1bc3' }, "fdgdfgfdg"), index.h("div", { key: 'de65c850387596d9e951fd4ff6d7e6246029432d' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: 'ea18ee848c084dbde4d9bc0db703e324e0d3faf2', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: '57f0ad8d196388c2446138a95b20c01dd1569296', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: '7de54ff2c21bd07fb55173761088a6e55ba8b68f', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: 'a6e553c406ba14d43067e3070ef377211ec2f019', 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" }), index.h("dga-menu-list", { key: '02b514ed6b424e755a8e74cd63bc20d62ff3f612' }, index.h("dga-menu-item", { key: '076339e422afef951f54dc33fcdc2484c646b1be', label: "Item Label" }), index.h("dga-menu-item", { key: 'f61cecc39d8f2aff489484702a845fd8b4c4836d', label: "Item Label" }), index.h("dga-menu-item", { key: 'e3bd4881454b357266be92f09cf8956385d88d0c', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), index.h("dga-menu-list", { key: 'c44e95114dd11fefb1a60517f09d14bc634b0702' }, index.h("dga-menu-item", { key: '3c65f818e421dca7595e5c3c8b1da8eae0e41c7a', label: "Item Label" }), index.h("dga-menu-item", { key: '066d0a6017e2552eb85b8c1224990f7ae052da84', label: "Item Label" }), index.h("dga-menu-item", { key: '7a31fba66836eb96087b3cb5e27b672b475c6053', label: "Item Label" })))));
     }
 };
 

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

@@ -9,7 +9,7 @@ const DgaHeaderMenu = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("ul", { key: '29ab177857d9b1fb5ecde5923cd9d05aeb98ff02', class: "header-nav__menu" }, index.h("slot", { key: '30658668cffc5e0d6dee79d99f0f7cd29f9ac03a' })));
+        return (index.h("ul", { key: 'ae0c92a33d0ae20279fbec7189413a93c87b79c7', class: "header-nav__menu" }, index.h("slot", { key: '8c73a42822dc5de1ad680142b5efdde0bd613bfc' })));
     }
 };
 DgaHeaderMenu.style = dgaHeaderMenuCss;

package/dist/cjs/dga-header-menu_5.cjs.entry.js

@@ -103,7 +103,7 @@ const DgaNavHeaderSubMenu = class {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (index.h("div", { key: '4c603d8181d200ce58d94b8b2f81aef4bf2b6dc0', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: 'fb30f1d54a63ddf1d977603ae54fbc266640761b', class: "sub-menu__container" }, index.h("slot", { key: 'c9137748682cd988927d6db8b25ce0186616961c' }))));
+        return (index.h("div", { key: 'c9215eff1082da749fbdc4b7118e66b1a0aeeb01', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: '579f0bc5ea5caf3012eb626f606e7e2fb87bf0b0', class: "sub-menu__container" }, index.h("slot", { key: '9b6f6bcc803d3801fe2b5672f00dc79f49059d65' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -270,45 +270,45 @@ const DgaHeaderUsage = class {
         this.open = false;
     }
     render() {
-        return (index.h(index.Fragment, { key: '546171693b856a444cf4d46ede707efdc503ab34' }, index.h("dga-second-nav-header", { key: '2e16de393ea7961c086741f81080361fa7d533aa', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: '45fde60210f5aa5830937b047feffce7f04e8714' }, index.h("dga-button-v2", { key: '4e0188bdc3df129d08276174b7b71dcf8e8ce3a5', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h(index.Fragment, { key: '32c0c25489dd0b6ffe3bc2bd4ce3691451c80741' }, index.h("dga-second-nav-header", { key: 'e596015bc666473b4da6832b4c43b3ade2ce9ec7', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: 'dc642e178f8f448037d70c42b9b79153e1a7aca7' }, index.h("dga-button-v2", { key: '80a7ff167fcc17c6077da34abe6d842d9e47f11f', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), index.h("dga-button-v2", { key: '1419e5f0ec92d72cc9c3ba43b43775f4d8e5a59c', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: 'a94ecbfa70aef239393533520705e174175446b0', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-in-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), index.h("dga-button-v2", { key: '6450f3a8089accc81e6a02ad7538781844e2342d', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: 'f07961017eb6fb0dad1a2748f6764d6e98c69d65', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'zoom-out-area',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), index.h("dga-button-v2", { key: '63716e75bdb27162e937b6b96a5bc89fc24e991a', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '98f025ebb0ae5a3d7d3c3db3127f464a6178b27a', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'view',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } })), index.h("dga-second-nav-header-content", { key: '484272baf65bda7c1fc9188b3de289f82fce9cbf' }, index.h("dga-second-nav-header-item", { key: '5406f7a1d51df3f60cfa65571ae259c7960696e9', label: "Cloudy" }, index.h("dga-icon", { key: 'a5508dae7cd6522559a9b441aa374cb2719cb16f', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'b073617030d0d6aff6093d9017f25d080114df60', label: "21 Jan 2024" }, index.h("dga-icon", { key: '68bbd7d1c3a24d652423d63b1d62f22f678d4a88', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '7c8fd9019a9bdd8be65198c0968129d43f62d895', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: 'c4abbf319405576dbd564195b2c5752c06bb9ae0', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), index.h("dga-second-nav-header-content", { key: 'e614563f5bc8044c956e96ed430813f469a1fafa' }, index.h("dga-second-nav-header-item", { key: '413653c60e20a9f04650680d99af0700fe7fa0b0', label: "Cloudy" }, index.h("dga-icon", { key: '1afad274fe5e1c6dfc47e0707647f1ec2f8d38de', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'cb61fecec8aad936271a7e2f48997066c3887a2f', label: "21 Jan 2024" }, index.h("dga-icon", { key: 'bc995f612c26f522cda5d4cb651af5cfcbb30061', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '1cee960b1121d5bd0e141d0bd65080ad7c6f2168', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: '0ab736b74dc62a31e454b61287688f0843394550', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, index.h("dga-button", { key: '570f2596c47aa847fe7afddb57da71cf9252a4fa', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, index.h("dga-button", { key: '79f9375bf9c0479693d6b09890b94c94c329d107', 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' },
-            } }), index.h("dga-nav-header-logos", { key: '2762f7e23f2b672de0e74adc96592be3c8b5c80f', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), index.h("dga-nav-header-menu", { key: 'fa6c8733d72f29f8f040bd66e72ee93bd340a632' }, index.h("dga-nav-header-link", { key: 'b15379f2f60857ae0566d0dbe73878f519fd9e2b', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), index.h("dga-nav-header-logos", { key: '169f939be9bc96bf13ed44cca19616ec7a326355', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), index.h("dga-nav-header-menu", { key: 'b8e5245db0dc8f5751d04bcbc4d5afd756529c24' }, index.h("dga-nav-header-link", { key: '3a1a469779df369756b01718e92a040e138c0980', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
                 this.activeLink = 'link-1';
-            } }, index.h("dga-nav-header-sub-menu", { key: '42247a9abe3260fe7221af522175f40b455ebcf9', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '655a69458b12df2b51d2f59498e86c6c227aa898', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '4abab5ac0f331bf9b8809291e132dd21a6107189', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '067c3340b3830ce8cc1f15c5b98cb268492cea01', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '240642d35355d75631055689e49ec2f47fef7a7a', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '40ca18e7ab4f9e66c63fc0cef5033ff8e162acec', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e8094fe1baec0826e52a5a3f01f13cd701bc52a1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'bbd6ca6046a8a1149117116afeacac6d3d824a93', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '2d4e69e229895adb279e72306438fc2536282930', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9479ad5451a3c2324f89906750adb5db4fcc0e5b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'a38ad1b8f5daa58843cc0961c74307ac4816532e', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '3651204b1351e53d630e168e43ab81018a7a5dbe', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'bc6bffb75bb2494938b1f715c0235517f3e7a19a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '7ea6a387144bce5148020ae076e60dda3690d873', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, index.h("dga-nav-header-sub-menu", { key: 'db6f7743dc7353543dc97309c9821b04e76fb6ff', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: 'e126cc6d1e1611a84700bbf0feaada4873335000', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'f016b1f87d98ebb981e08dcfcfdce34cedd85681', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'aa809295e45c74416f6c6af0252d310dd4b81abe', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'fe0e2a9b3dfd5eaf8d1255ac6004fbdc2738224b', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'c1b18f12cf01e23911c03a2e483b536b29a6c60a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'ce856c7e01a8eea35d14ee776bce7e1f4b3a4a24', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '3ec907bccb7a8338eb527d93d0a273ca16b70449', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'efdc767ec456dc0cbb244dba436f36dc33e0557a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'fee49b6f7a2f9d064c0363d5cb7ff89b6cd11181', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '317698da0edeadf71ca763959becb04cad8438ff', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'df502e26fb8cfcd72acbeffddf8a2d4e2d89ada9', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '04b7a60a5f4d93f5de2d6983e3e9bb8863b02e96', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: 'f33d6bd8b6ec5b2a826e4e3c075cac97e002aa58', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-2';
-            } }, index.h("dga-nav-header-sub-menu", { key: '0f40baad9372b612cc990cc9408717e8f64da45b', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '054394b4af742d0a45e15e1914530fc19dc88119', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'a8bc8ffbda2a0b13096b0d5c1ff1896461fb8d7b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e69fcefea55e325135d45e8daf11eebf4d013c77', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'eccfe352b1fb394ca423de144ed88833f75e1863', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '779c56250336b920048235ed3a1245f492f7b234', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '2ca59d886b7a5d9ed0bb33275573f52144082b0d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '2a84aba2b304c44769f745d64a271ba5905af167', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, index.h("dga-nav-header-sub-menu", { key: '08455838f172df0cda196f4d3033729e984997f0', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '04a8df249b703666be1b5c1797cf3e63ab30c889', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'da2ca3e16ac2b620e54d91edd6198be585726fbe', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '671ff088d0c28f2c3ee8e0da3bf7ed5ad962891a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '63504b243028e55315601752e14470d719cf140b', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'a497d6382b3f76c882d172c03620d32263346f35', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'a533be56061cfce641232e3f0d5cc2e4d65828b7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '087c0be8239394013e87a3891666d0d5a9d9601e', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-3';
-            } }), index.h("dga-nav-header-link", { key: '7593a053b73badbdca8ed3b9fffd3e0d95e6cec8', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), index.h("dga-nav-header-link", { key: '0d3f244403db70bd68b3bed9c2c36f01ad3b8e93', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-4';
-            } }, index.h("dga-nav-header-sub-menu", { key: '9cc849a54ac5499deda1453b62a8fd997e6519a2', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '265b1075aefc65192a19b480667eb040781dc508', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '8c34f9dc94812f44aae8c4b283291be22c1513c7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '3847ccb25c5de230c6c696fecaf2d008d2cc0157', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'f63ecdd4b50396826015b2611ed2d2edcc24536f', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '9626364dc07de26a6a289ac1452ddb8652945a9e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'ea64cd9b4ccc9f2cae598ef9869560c57fb6a584', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'd004aac96543a4f90b7a3ad0f7b3f84a5aa1dc3d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '14e5fb19a4d0af2a5ed3a94a71fc521ada03bc28', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '22d13a7272a8a053a87ba5950fade24259b5d6e5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '93e423927e520c16896e809b33c57c5b2f179c96', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd4bacbb705cd5aa9d70b2f3365dc812621c49e82', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '61f45f0bcd18cbaf2e239fb278bb4dfd8c4700b1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '40cc3bfb6c9e5c4dc7809b5d21dd2f5aa97db5b5', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'c16d08f5908e6ba258920701cbe6f56a72a75f22', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '54fe22f4a1a8f5ce8685ad73ca62be75513fdbb6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '8efc07301a1633f79f0a50d9125416b3b2cb690d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'e518e24b52fcf94da2b924cebdd0b68dae9b3818', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '3a81d707608e8855d61a51178d152c4cbcc81187', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: '3ba32063cca29165c46d06f1eac57b7d1b99d13b' }, index.h("dga-header-action-btn", { key: 'dee3461677518da01311badd3cd3c12e1d941923', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: 'c7af33e115a526374a0cb7084f52ba801d5e9855', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: '722cee268d0e81c1ec32f62883f229ae72c6f2a3', spacing: 16 }, index.h("dga-search-box", { key: '96c9760591883ee6d454f9537b2bc7b9b46d43b4', placeholder: "Search" }), index.h("dga-button", { key: 'b63e26a0187fcf0f2d859e5f40a697fee6092e96', label: "Search" })))), index.h("dga-header-action-btn", { key: 'c6875a6e5f8ceaee1ce2166f0aabf31c4a77a9ce', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: 'e15f0c5a74e7d77767d1b90dfcecfa7b254c11ee', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: '80f797b857439363ecdbc47500cc2a39ced44e35' }, index.h("dga-header-menu", { key: '6791fc019b957540f82c488826b1b92dba104af5', actions: [
+            } }, index.h("dga-nav-header-sub-menu", { key: '5db39cbb83310a73627130adfa67f31be1f62cc2', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '40091f983222bedf611a186d920018526357fec9', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '1493d7bb9cee271d6e5fc34ece237a4a7ac41e59', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '3034b004139003e9752a30f22d824d21042415e5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'e203ccfbb9d2986fd6b8bfb9dd3821f9488caf86', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '2581e676d3d352a867ac27d51aa42f7241c4f09e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '1aa1452571447784a8823273314494c4063abce1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'c0a2cfde93b594558bafc7ecd7b40359e801d3e7', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'c5529a44b3fc39fa6b0553140d8a5228e10a4bb8', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '2253f7581a0dcd98f5b2ba29b1f8c8aa9c05e1f1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '2771eeaf42bc375c85067745a26d58e690907d76', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '9d1786259aa6e38bb1f50d793953a179ce5a71f6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '20583de78f7d8ac9c464a8d7c09d08389c189287', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '08cbe4c1bdf0f59df6d1182dd1de1dba6517a882', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '482e7d680cc07f7d11a498546298b85776c9d84b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '7c21222bc2e113a666401631988783c2d6819334', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '996091c1fb4b179464b27e542dac653681a31b7d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '836d2477e704733a4328a6ec1d14d4559a597a01', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9283e46bf459394e5f44d4b7e37adc3fece11ce4', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: 'b9b1b08f7a750665c9f630718047a68cdaa8b3a8' }, index.h("dga-header-action-btn", { key: 'c1698754a6e7a62d677afc465a400f6b380d2b4c', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: 'ee306ab965a875e3a01c52d45f46f1992b6f9d6c', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: 'fbdd61c2f75d9a0816b4edff7d57a4e69b5bbbad', spacing: 16 }, index.h("dga-search-box", { key: '722ea923cccb6a7cffaf878b46de661deb08919a', placeholder: "Search" }), index.h("dga-button", { key: 'e7feae876aa1d5c522442ba3ab6cee7c1283fddc', label: "Search" })))), index.h("dga-header-action-btn", { key: '9b6e647556bb0da471647df2c2813927a092969f', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: 'ef5308db33eade6659ca7205483b3f45b32278cd', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: '3b16a73f4b190b23a9e5ca3ae437dea49d7ffc0d' }, index.h("dga-header-menu", { key: '20c5a7b3aa838a451753a991d571d1a8357d57ca', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -330,11 +330,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), index.h("dga-drawer", { key: 'b933b8df9569309c05a273693bd6918ea35d5fff', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            ] }))), index.h("dga-drawer", { key: '5f7b9320d8891f31243eb2a6a1ccd5d8ae5ec61f', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '112px',
                 },
-            } }), index.h("div", { key: '0d84117b208149f39a8c50784b7d22d5464fbc62' }, "Test")));
+            } }), index.h("div", { key: '9a0cf47f670d9fd97fd5a19271143f32b08cd711' }, "Test")));
     }
 };
 

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

@@ -3,7 +3,7 @@
 var index = require('./index-CgKhFr-4.js');
 var index$2 = require('./index-BCWGzgj9.js');
 var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
-var index$1 = require('./index--xeGXgkU.js');
+var index$1 = require('./index-11dn1amE.js');
 
 const DgaHelperText = class {
     constructor(hostRef) {
@@ -13,7 +13,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
+        return (index.h("div", { key: '7ed1239af523e8b18fd5d92c069e0a6272cbdae9', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '122be0bb93141b41b2aac62ef064290881f8555c', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '1189d580b7bb40c0d1b94a7c2854d533296bcb60', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: '7059ad5cc1cedc76fc4c5bd961abc4bc47093154', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
 
@@ -27,7 +27,7 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (index.h("label", { key: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
+        return (index.h("label", { key: 'b5f66b333601ce749b29f1910094b0a59a000e8f', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '396d392b5d3a610463fe9dabb695f2564cf2e74e', class: "star" }, "*"), this.label));
     }
 };
 
@@ -94,12 +94,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '6aa60ba409a3daa08995c7042f6e0578ab3d42ef', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'f21c1e7ec1df3fda3b5b468718458f4c9da1d1ec', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: '2985269173692f0f9638402a4062c5c927d1ed04', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: '7da9cba2a6d61c6c9b84c190b118062daf96b6a8', 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) }, index.h("slot", { key: '938045265a03fd1d1393f52defe1cdacbfb6298d', name: "prefix" }), this.icon && (index.h("span", { key: '71f77370f325428d8191f378913a9f7f27ecf7dc', class: "input__icon" }, index.h("dga-icon", { key: 'eb7797c2c6f0af3fd5ef57130422f9f8413daa7f', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: 'd010084df3fc542cce7f2788e4c5afc2991ec406',
+        return (index.h(index.Host, { key: 'a6ad42987caab879069e90776ee2e99d53e589e0', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '30e879fd8493609ecbe82799926965a83cd0e0e9', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: '2cd5ce9a3d6bffb4355e175d29185ac62ca8c21d', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: '7be085d60d130c6961ebfe619fb3565caf7714ed', 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) }, index.h("slot", { key: '2d59ffc44b3d81254522d08f8d0c9eb30a219fdc', name: "prefix" }), this.icon && (index.h("span", { key: '757000195e13ad3bdecc4f1c61059d7cd2a4afea', class: "input__icon" }, index.h("dga-icon", { key: 'd1824ca85bf69ecd8770a66f5e5696de5f3c3587', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: '693281027327c7ab87a66c620194392daa766cee',
             // 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 ? (index.h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (index.h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, index.h("slot", { key: 'e6cd3315f8c85fe53cebc72ff572daff1c272077', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: '60e8d8ff507ae72edf582fba86d3360c14610787', 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 ? (index.h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (index.h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, index.h("slot", { key: '5163553412c092790fe95de086b640d875b1a561', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: 'd59d526bc2d81bf30b69118930d398f79e228881', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {