@platformscode/core 0.0.25 → 0.0.27

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: '94646bafd8dbd3b99404b29a4de3bede1c19168f', class: "flexible-gap-usage", style: {
+        return (index.h("div", { key: '6f451f67fb4853d2c8785c09f34668e7a5280f98', class: "flexible-gap-usage", style: {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '20px',
-            } }, index.h("h2", { key: '90c0a524c1b5a10dc7f2665fe5bd1d5165a32207' }, "Grid Component with Flexible Gap Examples"), index.h("section", { key: 'ebc25fad500a3efedfa1e2f8a03a91c9fe083942' }, index.h("h3", { key: '2ef006de7fbd09969f76affcb18bb989b86bac03' }, "Simple String Gap"), index.h("dga-grid-container", { key: '2210167759a132d278f262317a7d46ec0977c56b', gap: "16px" }, index.h("dga-grid-item", { key: '984f3ce961141b6452a235f018c80fbc8ca89eae', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '5e697d9f61e061d3b613ea14a6ebaf0cebae120f', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'ec40e7618d67dc307d783cdd9e222a3387377f11', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '8cae811db9208553d21cb5e75c7dcdcade6f85c1', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'eebbd20c22ebc53d4611038d8022f5bb6c9ed0bd', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '25ccb9cd35a807413583a0828a96230826799ecf', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '86fe2d482cebba3c4bfd59129edb1f3305cd4ee7', xs: 12, sm: 6 }, index.h("div", { key: 'a274d249a91ea7d80744ffaaca744e1babd450be', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'a091f337f2a6998c33583fe5921e7a02f8c6e99f', xs: 12, sm: 6 }, index.h("div", { key: '77704b57c94beea9547c72be23d73c9c8eee2486', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '3b8d8d2d3a25da0259ff93c766ccd700e29ef020', xs: 12 }, index.h("div", { key: '38466fe1565c2b9719b9622be9918aeb00944d38', class: "demo-content" }, "16px gap between all items"))))));
+            } }, index.h("h2", { key: 'ca14e1fac659cd63223d2533af5e45c67a32a71a' }, "Grid Component with Flexible Gap Examples"), index.h("section", { key: '06ab77105c63da0422c0fca8313149d1d68e6773' }, index.h("h3", { key: '9622f7a9d5a37b1a7d2106d68368847b3b6f8ac1' }, "Simple String Gap"), index.h("dga-grid-container", { key: 'd9a1717a94a4523cd88a9d8b8289cdaf66a8ca23', gap: "16px" }, index.h("dga-grid-item", { key: 'd3d2081186a3d3809fcf210c5c0d5606f7f5d93d', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '8dabea1575d4fb6ef4be5e33ce030132316739a6', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'e3497bf25aa52b003ca6ae0d7309d71420e94b8d', xs: 12, sm: 6, md: 4 }, index.h("div", { key: 'b843487ccbe7e2cdc82ee61ce776a2715b60dd03', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '91bbbe993b7f8b482b8ed13dc779079fb9ffb49f', xs: 12, sm: 6, md: 4 }, index.h("div", { key: '937dd468e17f2e36da18768613199d4ea05bb083', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: 'd51f3c30b52505b27be7dd59dd8210485a41e63d', xs: 12, sm: 6 }, index.h("div", { key: 'aea366da1bbb4eadd84e6dfca0f04c7b7b54bba2', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '331681e46175617c89adbcabf252bb29aefd8f35', xs: 12, sm: 6 }, index.h("div", { key: '7d5518f17374f7080070665b56593f9446376fd3', class: "demo-content" }, "16px gap between all items")), index.h("dga-grid-item", { key: '26672161c75e8bf12c70b7b5c65ae335d1659c74', xs: 12 }, index.h("div", { key: '7b22c99ff38e46449f28d3e60fee89263b6ea5e7', 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: '97c98d0412b928e7690a34db9b858d065ed1a1a5' }, index.h("div", { key: '7311349c4fcde2f18cd6bf0f87305e0a60d5a4c2', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, index.h("div", { key: 'f77d3a91f40b5f401b68381da4bff897b854a84a', class: `container ${this.hideDivider ? '' : 'border'}` }, index.h("div", { key: '90657750cdf05e52811c8394f84aca53b92a2e6c', class: `content` }, index.h("slot", { key: '3ef6c602e27d5092bfeac1fbc013e9f7664f3951', name: "content" })), index.h("div", { key: '288904638f4e47678ed852fcb58ff2e6e70d9d13', class: `actions` }, index.h("slot", { key: '1cbf8daedb8ade075c19e1f623ba03c7ac5d25d0', name: "actions" }))))));
+        return (index.h(index.Host, { key: '4d6a56396f788b3f018b3774c84fb6bc0d0849a9' }, index.h("div", { key: 'f6c6cf9410c08dfdab2c9889852649634b763dbe', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, index.h("div", { key: '4b851ce02ce31b959365e7a09374097d369973ac', class: `container ${this.hideDivider ? '' : 'border'}` }, index.h("div", { key: '6214ce6582acd5ac51e252425546acd6a5edad46', class: `content` }, index.h("slot", { key: '3a70b02c824ba50ca99427169697341dc781c5d5', name: "content" })), index.h("div", { key: '2193cb09f2bd21e7741460d91ab3ab38c723370b', class: `actions` }, index.h("slot", { key: 'fa36abcb4f2e101b986b746af0dad2af3fee7fa4', 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: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, index.h("div", { key: '0ed3577db3702c1a6a9541119c5869052bfdfc51', class: `items-container` }, index.h("slot", { key: 'a876aa2c50147c276c9c687b9a4588aa7c5aea0c' }))));
+        return (index.h(index.Host, { key: 'fec48112353fcd554b608780c7805c11ef383d51' }, index.h("div", { key: 'bb614b01662d01e7979638c6467014af2f5486e5', class: `items-container` }, index.h("slot", { key: '34dca111e83fd2489e3cb795dcf0083066a354a4' }))));
     }
 };
 
@@ -45,7 +45,7 @@ const DgaSecondNavHeaderContent = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '91c825b1539a33b6c559e9e684428bd9af3e83ae' }, index.h("div", { key: '5e480a12ae5ffac72c5aad75c6b71f3ed3b1b733', class: `items-container` }, index.h("slot", { key: '091a6c6eea6c714f2366d977d54650b942b7adde' }))));
+        return (index.h(index.Host, { key: 'd9b732973272bc20a9407bfb291293ff8936a792' }, index.h("div", { key: 'dce382719b0b96c984dee57dd4b054325ff4834d', class: `items-container` }, index.h("slot", { key: '851ec4474a4630d627326c6daf4da23f635fd268' }))));
     }
 };
 
@@ -62,7 +62,7 @@ const DgaSecondNavHeaderItem = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'a85326c31b79ccdebf74482c9dd4e1dbb3647f69' }, index.h("slot", { key: '4cb233cf04983344e759015607e4eadbb3576a68', name: 'icon' }), index.h("slot", { key: 'a01ddbac3667222c95ab5e72169875c8fe0094e6', name: 'label' }, this.label)));
+        return (index.h(index.Host, { key: '87572880e04d67c78bbe24dce793d6147d166d37' }, index.h("slot", { key: 'e478e5be9f8231a25f8f76dc5b44b062552d3305', name: 'icon' }), index.h("slot", { key: 'bdf901885edd5f6edfe77ae63311748da8f6550e', 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: 'd6c7a6627c780f016d449c2323924ef5b92ca820' }, index.h("dga-header-vv2", { key: 'dd5cc89e369d386d42e06019fd89448e8163235f' }, index.h("dga-flex", { key: '8c0a8d0eef816d46ecfacb3587fd8bd99f52b9ab', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: '7ce5cdebeb2a40e6e6d1049450bbeccb6f67058f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (index.h(index.Fragment, { key: '9b17b5e0c676aceaa3d9a712557eb2d032726921' }, index.h("dga-header-vv2", { key: '4fd73912c0fc04e0e478af9df1bcf2445bc6b785' }, index.h("dga-flex", { key: '2e46938121f7af5e60c808fae31baea6da4118af', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: '23a3de82afbfb4e806f478231d8dcb3899d95081', 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: '559500611bc5a28608113d6d75eb8454c0e81376', size: "md" }), index.h("dga-flex", { key: '2c6335f73d6730f7c700abedf5dd24ae256ef259', direction: "row", align: "center", justify: "start", sx: {
+            } }), index.h("dga-logo-placeholder", { key: '5a24170fd0ba84e4aacb2764d78ead33206b8130', size: "md" }), index.h("dga-flex", { key: '16c39a9f47c46d8e9e3b4e11df0dae0890803699', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, index.h("dga-header-menu-item", { key: 'f64b5487022d3f9fada72c6ab116ef0ee9d9d345', label: "Home" }), index.h("dga-header-menu-item", { key: '7ad2847f668215870e271d44d45d20028f6cc8f0', label: "About" }), index.h("dga-header-menu-item", { key: '697b4a921c5c13a7afc6d4d1aa65c437e3154332', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: '3420bac5e06749fd9c3e9e61fdb2941a07423c52', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: '925a4796fcb7ecf4d0593a7b3b9eb879aa81442a', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'e5cb593d19dbe443c4f938affbb91e4077517708', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '525d50f9d012708d720e1f58e4971b9001654018', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '25ec0bc4343bc6fc6317cc1f28fbeb6fdd844ecf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '4c26c9c5f66b809839c550bab0c40aa443263b4f', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'd7bd108f664356295d1a506ca8fb21f4197e8d28', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '661b823f642a9936a0d95b12dc61643494a7e767', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: 'af690f1a1143394487a2193bd3a3cc058c0cc6e0', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '394388761d3f8d5cee86a475a128c09fff6ee6a0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '25d2397a025d65620ba271e87e028f9f71ef2144', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'ef74e53fb7c43d45791e438fbd2197359e0c6537', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'b891c246e2a5dc282806e74815d007f824121340', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '3b1f3f3859a29cc58337ec0465978a37fcd8ec13', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '344a816cb926fd1daa92fb367c1b5333ba4c1487', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '0df584c0cef7c2a3e26a1118faf0fc8e86c51f40', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'e838c588de27f8640b4493fecb6cd5939bd81335', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '15e9c7be559a23e9dd51587f793c606c07f0c4ce', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '873dd0b962b176ccbb3deaa20013349d42dd5caa', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'c7037a2f2de536ca28b307fa900823d3d30079da', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '2d8c7f1ffd2ba8883556b1acd2f8a02c7954ee23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'd546c2762f955641eb02626b3186662753f33693', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '95b75bea2a9740bc8ccd65e5b1375e8000d62ad1', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'cbad23c8d5f3866acf2196052cf8d196cda69578', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '1ca3e4eae6fb023559d021558226228773b2cbb9', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'f03ad0da3ea28069e1c119850a30815530c8b168', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '518d1e9097ee4335d6f14d9d21eef5ee115bf33c', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '731f4334f30a2f7c1721f7d4f27d011251566135', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'd93310f4f20ed568f07006228af016689b668ad5', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '9762515c4a9c15a6935980fe87691c398c7f452f', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '75f83a6249db901fe17803f7c415d985ec4a9bc8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '53fc42a43a4a1ee5bb97f0f350175d2506b4f704', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'cce3fb99fb9cc17c7d463dec37649bf5d85134a6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0c483a6371508d4fded84c684e10062efde07714', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '5bcc05c1357854a6c7b9c83341b4618eada38f92', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '30cb979007b67ae07791a2408d6f2c7aa98eb048', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: '52199f34716a02619e81dea3a06f25a8e7bdaed7', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: '9b3042f24ef0c2ed922277bc4b25fa213c6f8329', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: '987ca8bdbd0adc25bc7085d80bc0ded369c29556', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: '5870bd7692893e6d77b49223e042125b2836af84', subMenuFullWidth: true }, index.h("dga-search-box", { key: '7c5589a3f880dd123f2084fe71aabd74d2e73586' }))), index.h("dga-action-menu", { key: 'd9892b8962dffda321999d220a06cd8a2556b834', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: 'd1aeeb43f59e065b7d7a555d3d5294d574b52c9e', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, index.h("dga-header-menu-item", { key: 'd1a44b1a3fa06390329fd259aa606a8b9d500a69', label: "Home" }), index.h("dga-header-menu-item", { key: '048903fdc5e3dd523e43b9182b4ec57f5ff2dc0a', label: "About" }), index.h("dga-header-menu-item", { key: 'd8d0eac0a1563dd672ce224963b9579fc24d4163', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: 'ba0cbc1f04096df838d6b5ebddc327da6778156e', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: '6f039181ad680015597cf315df3c632dbd367d3e', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '45d6854b456c7e41a6198ac8e791c35ca7c9340b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '661a15ac87eb6adbfbe60ae60c0427f7198a7578', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '0236cd032274ef8db62534309518fd89da5e3e5c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '377e829213c78cf3d9d00849288950a1a7b95be0', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '3b1e48b6b62b3ab81d45b5bea2ef7aed20785d99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '3fb80fe721c0a6c4908428ac9d10201ca2afdff9', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '05d89ff5b8ca02600bded15ef67f9005d45905c4', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'f1e547be000ab6f7d6deb69ee709283d0dbd47f0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '8f6d7de0170b7df0671d64aa97dd9dcd23871d5c', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '4bd3b3a871eaeaef51f66fae5b984ba5b8f58adf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '07d1b64303eb18279be110cc0020e1c0d7898eb1', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '0cb5588868b61f99a544de82919029a08958f64e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'be0e1a8b21bdcddcd045ab0570ab81fba3092bdc', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: 'c02cc839d61e1fb7300ba0aa5d6ae0e3c2e41b89', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '73f50238371eb39d543baa038386e12c97fa879c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'a18d4b162eee50f14c9f209d6bbf6983cb24d1f0', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '0c293de4bb1d03746288efd4590d9637673505ff', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'ae5c7b591bb2d2419b03b8f0d765c9d46e09c926', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '1bf88714d60959e2991e74a633c55bb5da985c0b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '8ae16d8325dc88fb022d97a87f7a9352c07c3de8', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '42c7201e0b3ab28f95453feaeb9cda28187d6bab', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '92396024309bca2b462f3dcae0b779d7bdcc465c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '9b3301804159c47dfef025adc9a966f7a2d852cc', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'b030ea4d6145b073f9b7b13c5d6678871de25e99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '2da197bd1354de85f7bdf96e437b010e0b090650', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'f9d78d18f323dc8f38f31cbcbcd1d1635d03a84a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '4e553cdeb5acce7a40229e7b4f57e9c209d3b1dd', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '9e6029a3960a0bbe238c3ac8a909de557168df71', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '8e9b6fdebcea479ffefc01899e5af93bd425be7c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '18f015ec79cd0585fee082da52323d0783848c09', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '3cf09d00a77dab63a2ed69c4a59e6e64ddc16f99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '9e294a795ab459bb37ef60584404afa61bbfd0a5', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '64dd9564da06d400b240b93ab33b102ee24d2efe', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'f191ffd9ba20208c40148c119934993aef406301', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: 'fb52421880899609b2f124865f958850a0c849b6', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: 'f6b4d359614b72302122d0527cdadafbc08c56d5', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: 'f046712790f652d6334659acf72986ee1b59bc97', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: '46163112ce84032f35b6dfa82477a30007f5f622', subMenuFullWidth: true }, index.h("dga-search-box", { key: '407bdff92515fbffcf7c5c266b6a9717d3d803da' }))), index.h("dga-action-menu", { key: '87bc8780d9ff26e91d8ed69dd022c20c46ed4391', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '4a621bd6d6f69a1f0ad8b144894aa0f1566ad50e', 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: 'a32996059f93b9a33634c17860db7d54c770fa87' }, index.h("dga-menu-item", { key: 'ff14606511f70d4d47aa536e9a4dd8cd361ffa9b', label: "Item Label" }), index.h("dga-menu-item", { key: '34da29575a7600e8b47c3340e38095821598d94a', label: "Item Label" }), index.h("dga-menu-item", { key: 'c016c9ab6d8da53695ba7db1cd0c2a317a71f330', label: "Item Label" }))))), index.h("dga-drawer", { key: '53ed91622f0f81b991cf36c5af6f9b9857f37ca4', 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: '56ab7289c58d0fdcecaa94b4fbd0e771de7733e6' }, index.h("dga-menu-item", { key: 'ae62f8334b2263477abd732b5b33bce8780a2706', label: "Item Label" }), index.h("dga-menu-item", { key: '6577a31bb95ca903369313edeb66c295fb86b17d', label: "Item Label" }), index.h("dga-menu-item", { key: '302b90827d7c4aa80c09f40069c32685f605ad87', label: "Item Label" }))))), index.h("dga-drawer", { key: 'e7ffc3013d9336e07d50aeb4072ac99f1e7c2fe6', 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: '692ae95d2124e64799662a6cdd5087c8e1756e1c' }, "fdgdfgfdg"), index.h("div", { key: '91dc4afccd2e5cdd496172cff2a1c99aa286c9d1' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: '9097337a7ef9737d3e17b8cd1060076f1c939c20', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: 'bbc5315b6a6bb61b41ef5f70a6e97852c8d3835c', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: '5f2c63d9a5fd597ec495c345f622e9995d86a096', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '62c1d3bbd210781b61747af82097e94bbeb01e61', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", index.h("a", { key: 'f4e29e5c7a7641520e323c05260987542c6b2279' }, "fdgdfgfdg"), index.h("div", { key: '340fc9d899ac7ef883f0943350ebe5422e5374a2' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: 'c924df6afe4639703277f0561e1baffea7e33bd7', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: '25bef7a087c2a9db44d285a42474edbda2072d84', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: 'aadc9212502beed9390fcff12aedeb93f2ca7865', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '0ee976d3cf17c6777ce60967b90704d1c0dffa3a', 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: '24604eadb00bd7c32313d28a1e4d5e3af1aa3266' }, index.h("dga-menu-item", { key: 'd1250a526e649db3204d82eec6b8a82dd946979c', label: "Item Label" }), index.h("dga-menu-item", { key: '1e4854b179e9379e59cd954155f9aec4cb5405e1', label: "Item Label" }), index.h("dga-menu-item", { key: '22541618a33e33b075a985f4d022e914b974eb1a', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), index.h("dga-menu-list", { key: 'e36a7fb35adb9745d8f818df671f8c373348f0bc' }, index.h("dga-menu-item", { key: 'a1a176b8359a7639b61b40f0932e6a67a42f0e37', label: "Item Label" }), index.h("dga-menu-item", { key: '0fa44facdd01fd8037a94bc1c8a0a865f7926967', label: "Item Label" }), index.h("dga-menu-item", { key: 'a7795b05c5a6b1e64027132d4ea09d4bb75bca01', 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: '44cc1a9a6215c5108ce1e1caaf300a42c1aaeb52', class: "header-nav__menu" }, index.h("slot", { key: '1e90a0a9270e434c0b002d42f123ed4ea5b1ded9' })));
+        return (index.h("ul", { key: '4031e57b3a43d50fc6167e475728c34fd6e5cdd0', class: "header-nav__menu" }, index.h("slot", { key: 'd230e8bc72069977ab1f1e47eb9090fa92d77c00' })));
     }
 };
 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: '30e1d88a68f748ff78259c01828b2facb0d23f89', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: 'a784c12c77ea0d4da5960f7011fdc9cb2759671f', class: "sub-menu__container" }, index.h("slot", { key: 'a84e94f63f46c5b83566099b75dd6d147402f89a' }))));
+        return (index.h("div", { key: 'eb4c31ab7d7f52a8760300629882e38c85c7c69a', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: '34a2361361d6fd63cabf76d5f52e9b4db9e2a809', class: "sub-menu__container" }, index.h("slot", { key: 'b323c3a7ea1546596fa13ea9c46579c4ff5d8ecf' }))));
     }
     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: 'ca095d248e5576a9385d64f23f3a7d021b54bc5c' }, index.h("dga-second-nav-header", { key: '0afa653407b278704d87d0b45404f6dd6fc848e9', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: '5c497c60eff87cf62c69c63b85b8a636fb8e5eb1' }, index.h("dga-button-v2", { key: 'e567fb4e18bf8705f7477d03106a1e03e45907cf', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h(index.Fragment, { key: 'e3385db4cc7c904776685fcfab96e91c156e3a1e' }, index.h("dga-second-nav-header", { key: '0598782007ec678bb08d9036837935bfcc42105d', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: '51aae57faf7e9ec1ad21cbb4647223cdb0fd1e52' }, index.h("dga-button-v2", { key: '7ae90fb38f4ef09c3b447527b85022e1fe3367dc', 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: '25de5226b21320688dd53f2be35703ad7d71b568', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '0efab41a2ba396c1aad28422af66724e1f1056ee', 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: '419f4dffab6fab6db8ce4a994be01d3a3ae9584b', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '6b6a520dbbf662ce64488e6a84c600cd162d63b2', 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: '860f5d49fc593223d36977ef142fd3546ae9f306', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '5708bd6889c7235a0acdde0eb5a6b01731fd8d5b', 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: 'cc9897a95dc8543a5ab6908958eade209011c7a1' }, index.h("dga-second-nav-header-item", { key: '073a82e23d1c54c32e75861875bb9b18edd3b21c', label: "Cloudy" }, index.h("dga-icon", { key: '06ca725d112d2b1a167e56dc97bc6ba95c4ab564', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: '59b5939f7520e0c89e13d1b7eea7d517e5ce47d3', label: "21 Jan 2024" }, index.h("dga-icon", { key: 'ee424bc538bfb6da7538b3e8e2d0c9420851b24e', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '39b39a9a558b93f8696c5382c9ca6317e8168c25', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: 'fe469bc35bfae3fa15cef5a5b6f9ece742263e17', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), index.h("dga-second-nav-header-content", { key: '650f1a363989398ff319599e8988fc219964ffc6' }, index.h("dga-second-nav-header-item", { key: '5100b1b03956721fc95c0bbac5875a075bd8f3f1', label: "Cloudy" }, index.h("dga-icon", { key: 'b01c16c4ad9d22e80c7f867cd4cd71d3cf722273', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: '3f21cf7ca74150e32cbe47a6e5277656c062e351', label: "21 Jan 2024" }, index.h("dga-icon", { key: '2638a776bce033e70173d61d7ffc33ae9b29dfcf', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: 'd54c9f5a169b99a4a1b5e62c02b87580380375e1', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: 'd9d15d943203013173ebfc015d01aa2fd68f6df3', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, index.h("dga-button", { key: 'eb22c38ffb83455ba6cde70b3942cc1696f95457', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, index.h("dga-button", { key: '8382f833a92acb7055fca65144bb89149cd54b23', 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: 'f38e72d4cae3e3b436deaa5ac8a58c27d52a99eb', 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: '3439d83cda19a0f418ae9bbb739af93f29d26bd1' }, index.h("dga-nav-header-link", { key: 'a8722c299b74e2457838bd2488e73153886e5c6d', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), index.h("dga-nav-header-logos", { key: '4e1d81eef2746d1c1a3f55fcb72d1dc145b9ef44', 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: 'cf21218b457653a86f50cf68540667b135edf1aa' }, index.h("dga-nav-header-link", { key: '4d41605ab1a72d636110a86715655a17fc5768b7', 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: '2b787b54c0457fc3af0b8e49da6843adec25a41a', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '104c9775f19dfda988ce5d541aa4a3ea9c1d8c7b', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '5e2fae54c3dea16e5c7550b1069c04632a0ae2ba', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '759a8383b8ebe753056dfb360ff37d1cc946a0a4', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '64bc74cae9c909cb0d8e293771a0a3886be2c6d8', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '086de61786723237772cf528764bed14db5c624c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9f4bc3dfbdf4c0bbd48b6a393b83268e48befd5f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '11eeb4a75cb0db93957836b984e03d5911196322', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '53b79cb22e4b1dad10652f6b156a93095bdb70d6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'a8fe2056111b9c6003ad7649072b41672fd86a64', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '672df772a6c4153bd4896164a7a1669be3a65691', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '48cf1385a19224520a71cda151bda56167ea1d8c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '1fef442be555b3648b2d6bf8a13f746632f74882', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '4e36b092108d9ec3bb12b7c38b152abaea185031', 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: 'f5bfdd619a8c37e5a62c5d3c18459e60fbc92ee3', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '0e6510cf1164c6e075c83416f201080de54467fc', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'fac5b53ebee03ba20ba7fe8413c56b9080e51d4d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'f090b6d14d69d2e7a6875934ccbae22847fdd975', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'fff415016384a2f393345be222b9e302635a9384', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '3109a500a78f7e23f60dec269e4565058b93d7be', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'dd8707d4183a2fd6011d0c7d8d5981337b60e443', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'd890390ba6e09789f4b67acbc3124a8af7a65fb7', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'c7f9afa1d6928484841f5f6916196370dfd346de', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'c69f4df3fc6f80c814519a4c496587e9e0628cc2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '0c132794b61081832d3ad63926ef544bc9e47847', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'ec115f26bfaa3e834a567b88befa169a22437192', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '7d0ea811f004361fd2d9af63fc6954b852a00e1c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '89fcb9b199aa0794760ac49dbc4f917cad298a01', 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: '890a8cf8bca52e510d8b071d24055796ee2f49b4', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '434e824f0af90a727ab63a6cd98d9ed4f1b84440', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd5fe605c34ca64269f424f45c0a367c88e00f366', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '67108cf8b4f8345d4dd264cea8e072febcee11b2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'de680071bbeee4625df98c6b3c1e47c18811188d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'ce9a9e0126de448191695612d05d2dc95a27ae46', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '210190d91e41ad9c773ba45f9358b347de625aef', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '56c9c4822b93d489c17ccf88d5175ba2cb3cde7a', 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: '3cc24da9456a9d37c805036e8411c08a9a4f9a9b', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: 'a7677e76f9685333c86fef2e861e0c8a2d509af2', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '0431f2d3072bf58d330e3893705fab20c9681edb', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'a7b34df862e633420b5de229988f6b05f03912e8', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '73d8c75b2473a22aefa946a0845e19915a843b7f', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'f615e9dbbf06b4ec27aef011e2bea1399769cd05', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e137066a8af0a584883ed75ddc3719e072215d43', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '51d898d51e795f5b7cba88d109d117c7d63b3767', 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: 'dd5d86bc25abd4510fcd52473ee704fcd2bfd4a4', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), index.h("dga-nav-header-link", { key: '6d9fbf3f411afe0d918856da9bd066f75befc066', 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: '8ce63021bec5b1cb2a4bdd18ce27503f9e0a8f96', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '3c24c825c93cda5f098a7bd346dcbf5b71511807', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '4f84e37f124880ab5b29bab803d7ba84a034e8ac', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '4a1924ae69f924fa0b1a519b3cb7c82105e887a8', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '00223959e3cf5260734bfddf8fbb06f63bdf0967', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'ddd75f9eeeecccd9b9bcfd279154aa9dbe873758', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '4d69bc4f3a784f662a80c11c4fc58dadd718b877', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'b7eaac25f19055e9f4bdb0fa4f240978d28d8921', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '511f5359c473c32a0deda75ab9ed8dd3f6e83e99', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'fd91b2ffc2a08a21d695c8a5ecedf2bf8b80a889', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'bf2bcf942d0b47f6f8058e1c0ac4a844bcbcc1a1', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '6bbd79e150755a7bcef937c7f9d9bcff097adfe5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'ebc0b929582fa0f1bc9ca78e5e2dae14b4e83e1f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '64ff23eb8d7bf3f191dceb1132a4823246e28d10', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '93102b4ce9a6fda7a503271e92318574481bd0df', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'bbb149abb3283a27cf31252c231704869ce37540', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '9914be35904a937c63af05ca26bf6f12ab5aba91', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '35ffa31addcf744556d5273e9f8acbfe8ff16028', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'b50896ae86ab2b387a127bfa06f39ecb962623be', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: '9cac51f0c3a9fe7a8dd8ef1c4fa4be6559e392f8' }, index.h("dga-header-action-btn", { key: '1d5c63b372b2f55e93201cb5bfa0ca9404bb5d71', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: '8c71a6f48f3ff2d59a77325c5441cc7caabaa1af', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: 'd558a7274611f3abf078a343d7eeb417f60c6e6f', spacing: 16 }, index.h("dga-search-box", { key: '97576b407c497ab3089a9109a19c2b625b6780f9', placeholder: "Search" }), index.h("dga-button", { key: 'c18d7773669261a357099bb087aeccf93513888e', label: "Search" })))), index.h("dga-header-action-btn", { key: '8b7c7e7e133e61e0985aa4ff6561abb708aa2ba5', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: 'd7e608adce4550036bc1cad5def613f82d9a897b', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: 'c2886649e671af1d7e929b6be83b484f254668ea' }, index.h("dga-header-menu", { key: '432555a743bca9b76b3549d2213029ef0ec5068f', actions: [
+            } }, index.h("dga-nav-header-sub-menu", { key: '65a994159637d3719c5c2c34a788322f9863b952', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '0dd0c7fae18dc1ffd52d5b922e991b6a91cdff7a', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '94ce61962c68c80f5d97f7686a3752e35efdc311', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9d0c77fe34dfb9224cd52fe309c18b778341c72b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'ea5e8dc656f00a6f664899e206ff247f15929472', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd7b350f040eb0d3111e57d675d6f5c65a34e5c1c', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'd0c92b607cccf0fbedc82a3a492d8eda1a07a6f4', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '130d522dbe4b31b8f24ef29d2d01aff0e2f25165', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '618c6ff3c5e3af8377dc488f74409f46fefe90ad', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'a4f333b748d52a1348dc7913643f8c3118735de0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '08426c03a85805f1c968260f330cb6e44e5892b5', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'a984c6cae3fbd074cce06ed626efc210ad35c049', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'f5b303af0098a57a29a1940d6c2be0521a8e82c5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '98f9c343c219114fbfb5c032383477517711bf30', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'fae11923ab1e75e444bff600c1218982fa62ee41', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '1df0536a0640fc6c16e0d0baa532d67ee74da40f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '7e7e4b5e47751843adb4c80fac6ad407749f014d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '7d176c853bb98664e057ae6f080a4f9ff0823c72', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '4bc10fd0f5683892591022c95299c484aa1e4d38', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: '4948ab5bee3565e9708bb2314e2f624ff055c45d' }, index.h("dga-header-action-btn", { key: 'c64d9f873f2aebb813a47d57f0837b2196bbcbd2', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: 'b4e9cff787ae906200dcb7e5c7100be757cc1220', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: '68800e98ab349aecf45fa13f9bce9da8116c5c9a', spacing: 16 }, index.h("dga-search-box", { key: '59a3e892f806207c614257b798262f0ae0dde7c5', placeholder: "Search" }), index.h("dga-button", { key: '006f5d39a082ed236eb530ee35869de1b1e56ef6', label: "Search" })))), index.h("dga-header-action-btn", { key: '230014b636e4170f43095db7773a49d61f87a4e8', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: '701ae73c75a5a47549d91bb085b0a48a5746f733', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: '6bc464a9b18d1bb0709b41bbb333401baff41ed5' }, index.h("dga-header-menu", { key: '6a3a3cdb937005747606defaaba4498f25ade27c', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -330,11 +330,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), index.h("dga-drawer", { key: 'b95e3d853d6f749306460dbfa3a795dd53a99ee6', 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: 'bdac38ea781c432b5fd7090618c49cf66f030f6c', 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: '0420ffdf629e128257528e9533f5c5051d047465' }, "Test")));
+            } }), index.h("div", { key: '778edde457382b0cce07b9ee15153c65f825792b' }, "Test")));
     }
 };
 

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

@@ -12,7 +12,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'fba2082feeec8236bb4b1c427530200461fde1c7', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '045252be8c2ad9d9efc620bb08476f62f18d1bc7', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '762ed7b7ff308b0ab447f6f38c7bf421b586e3b4', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: '45d3cea48852598a25cd3d5798c1b9e099411085', class: "dga-helper-text__desc" }, this.helperText)));
+        return (index.h("div", { key: '9ce77fa2f456e20064b153aef3c1fa436563eb49', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '07990ee96959b34986170620b219194844e30970', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '702f2185be7544b679b543a063f0c76049cbe7e3', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: '5fb2b0ceacdda88772a4ade8ac9e94a514e79a22', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
 
@@ -26,7 +26,7 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (index.h("label", { key: '2664ee2470a12a0a0c4319ace89e7433b9f97fb4', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: 'a133a41c5a00e5c010485629f3caf56da205d09d', class: "star" }, "*"), this.label));
+        return (index.h("label", { key: '4d40b590e3045b65d31807a4a02cbffdd5cb0a76', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '5a5decc5839d7ce035ec25dc84d492cf7e92dc6e', class: "star" }, "*"), this.label));
     }
 };
 
@@ -93,12 +93,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'adabf71d1c87cb0c46329397ad6f0e7c266ea12c', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'fb2980499894e0f74d139c6cdf845b584f0eed45', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: '6d55b18ababa9c2889aa812eacb17b766e6fb3d9', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: 'ec180d4b780bfb4d6f0c0ada2c9b9b1c017965ed', 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: '49bf9e9c32ad4d924b83d3c69b501d2cfc29790a', name: "prefix" }), this.icon && (index.h("span", { key: 'cd8b961739982b43da19dc62de08b5c504fb2a0a', class: "input__icon" }, index.h("dga-icon", { key: '59b68d7269ddd1d32a4b1e0becfb43875c64cf54', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: 'dd38bb384e9c8c282d857be74379ec3f55615693',
+        return (index.h(index.Host, { key: '0858f48662c1dec58bcf2b35f63501be68c9344a', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '6e1f1d8717fcc5f8c1ae3da680f21075308d4563', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: 'd957b562a4e04c7f93be7e2fdf07218e26270b62', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: '4cff6669f027958bad72f61ea825d3c68d50390b', 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: '6a72c1f0d8d1c7adf4e1813c0f17d11ee78ba0c7', name: "prefix" }), this.icon && (index.h("span", { key: '4126803f5157f8baca3ac2b7e31f0cda7434cf06', class: "input__icon" }, index.h("dga-icon", { key: '0119b859ecf61cb4e8f0a4b4844223646d215607', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: 'a1011a70fef6d5f31c5e03467f84dbdfb290e34d',
             // 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: '5271bbff657a8a584f03a45d2ee5a8231602e1e3', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: 'affe6c109ebbab79e4e258fdeedd7ff0777deed7', 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: '068446d038a2bf4de9a072898eba807005994cac', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: 'cf4e6eb83f1c4534b33b574301f0f4eba46c133b', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -8,7 +8,7 @@ const DgaInlineAlertUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: 'f2ad39ec1b4a3587cb41692abfd2c1609a05e9c1', dir: 'rlt' }, index.h("h1", { key: '806e8b65193b70ca0310637dba710f8ca4e673a8' }, "Inline ALert Example"), index.h("div", { key: '91b1d89f92c87f1e326df547cb9d6dac1a076033', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '5c548fa8c56758967c05a6926215ec137481eac3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: '5c48a3def2e6a1d90ae4f38541505b46d71fc261', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: 'daa3dc5579a7376cebe370db15f31ea57024c8c8', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '8fddcebd1adec42a5ab247f22ba024a158e43cd7', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: 'cf9fb582dbeaf659210c1f03ab310bce24f6b3c4', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '5d61245611647a8e8eeeba9192aa350f9986b4db', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), index.h("div", { key: '44bc14611173d294eab35788af0cd4418f65e413', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'f1a801ba06a5cc5cf1896d8f46fce0c0e82e67cb', dir: 'rlt' }, index.h("h1", { key: '0d31384f40336e8ab47f79bb857098a496220449' }, "Inline ALert Example"), index.h("div", { key: 'ee1d2bf3944ba78eec20552c4ae341b58028d818', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '1e12b7d337887f40c0e7e3d3b334a9d62a559d13', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: '2473c136ffac7e10da3012dffe37220ff710372b', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.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 }), index.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 }), index.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 }), index.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 })), index.h("div", { key: 'cb20269c8f63c7189678d0fe774458728e4c22d0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-inline-alert.cjs.entry.js

@@ -22,9 +22,9 @@ const DgaInlineAlert = class {
         };
     }
     render() {
-        return (index.h("div", { key: '54614d7ad24329cbac5e01db6f905b8a892edff0', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: 'b16c983879b0a34cfdebe1493e92eb6eb91b12c5', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: 'fd2a7c1d229169522e6173bef9cb06d22bebb21c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("i", { key: '32d114a9c6306d02fd5b4d12077d68147c7f18a0', class: this.icons[this.type], style: { fontSize: '20px' } })), index.h("div", { key: 'a132a551be39bafc84b609f207a3e52ad6780edf', class: "alert__body" }, index.h("h4", { key: '3ffcc76369ce1a2021ada1f398f044205bc2e92f', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: 'aa1c355d011c33a01ea07e4e2b0ebbf38e8cf6b9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: '452c0cd93ac50777f57f2e6e4285d1201f77daeb', class: "alert__close-btn" }, index.h("button", { key: '5902264cdab13b6f0e0652d83784cb71c0cf8fcc', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: '00544db4a40b5da0a66667dcb83d803fff4b90aa', class: "dga-btn-icon" }, index.h("i", { key: 'e6943b6920e2677c1745b45cd27591b73807dd68', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: '0d6a5b7dc67d02c67d9050a70fd973bdfdaffeb9' }, index.h("div", { key: '50ac214816ca7c9d2b2cbc7da535d4baeebacbb4', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (index.h("div", { key: '53e0f8ad88dd392f570c18c5ebc9f6067c2d1548', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: '5c57b6068d508dc30360ff2be6e3bc8d2d023d90', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: '64dffbbe9247e26c84e397bcf3ce687b63512bc2', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("i", { key: '80db45390465e4d4fb757126e2d8f3fe59052fbc', class: this.icons[this.type], style: { fontSize: '20px' } })), index.h("div", { key: '1a3905e6bdb440cda59718bf3d2409be2c5ba11e', class: "alert__body" }, index.h("h4", { key: 'e4461712015adf96e0ff9ec0cc3b04890af7f915', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: 'f8d8f19514c759a71b5f6534ad2c6b09490c9cd2', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: '725d08616f1db395035fdadf2d1451e1b09119b7', class: "alert__close-btn" }, index.h("button", { key: 'e409b36188db32e9949763c28f1fb48c803c1a70', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: '44a37ad0ce5716d52fa859a3bf80a294458fad0e', class: "dga-btn-icon" }, index.h("i", { key: 'fdda958b88150f39f891224f2cb5ff6ed84117ec', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: '0c22cee0731db028b82b633cf0fa5cd064b2ba58' }, index.h("div", { key: 'e1b1961c526d02ee59f3f2e8d7658f8fd86a3d88', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), index.h("div", { key: '13e2b29a360d121bd24171bc6dcd6d6ada7b5484', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), index.h("div", { key: 'd1efc7a34248bfa339f67526383a7dc213b9d25a', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (index.h("button", Object.assign({ key: id ? id : index$1.guid(), id: id ? id : index$1.guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

package/dist/cjs/dga-linear-progress-bar-usage.cjs.entry.js

@@ -12,7 +12,7 @@ const DgaLinearProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (index.h("div", { key: '8821ddaf6370022a12784fde28a7c71f03ebc5c0' }, index.h("h1", { key: 'd47afada15e421e00d0d4073df8d3eb8def5893c' }, "Linear Progress Bar Example"), index.h("div", { key: '5c5bf8a11a1f0f13b679beaa2a90cd24735d1792', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: '39e2a0c0117f4b33161857a766155c519c6e3dff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: '7a962424af6a49a94d213eef2c23d2014f11e95d', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: '34e27b3dd167d02981af34d587c42c7d117a01f4', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '0b17222436cc5eaa7350abf35ee9eaf7d7ce4953', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'b0fd4d401e9d6e5f2589893032057d078048bbb2' }), index.h("dga-linear-progress-bar", { key: '3eeb98a04ee0a3ffaea9dd9b1928b08c95f5d5d4', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: '1f8014efa78aef7b43453857d0bd70359411bdce', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '93fff2dce057035c45a310add70c26b43f7f5319', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'baf07a50d9a4f62bfb4e79a41c49f47da8ce1369' }), index.h("dga-linear-progress-bar", { key: 'a307021302e9bfed92cf749405d06641b59f40cf', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: '692737d176526aa3cae96678e117e4e0a2bc8d2e', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '19ca9e59db3dc04f3c511835329da12f57fa4aa7', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: '2dbbab3842163addd7d7b7ecf388a71b5dc655cc', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: '8ec1b97b821811cfa063d887c3c9622db17e4f42', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '8203214124619a9280ee6f29ae63415467353c08' }, index.h("h1", { key: 'f82e3bae07f3282db85b84b1ce6a6f9683c6080b' }, "Linear Progress Bar Example"), index.h("div", { key: '0da97f0b36582a104e75cfdc90c389308c6e07ea', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: 'a318ac61af94d0ec825ad8d13bef1d79e9866232', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: '9c6989bcf95d7186a5ffb7e54fed06b95d8ccf1b', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: 'a8195809909998c3e8e5808a825a027aa272482d', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '5bbbc7fef012ae8012dfe69e541719060b158593', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'c33fd03b8377466e597362dc9e1d94090568224e' }), index.h("dga-linear-progress-bar", { key: 'bdaea582ff65b7c328b481aaf2c8fe50186dc7f4', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: 'bf7e1acf60da22f15c7430e108e6785d2200d26c', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '9cb6a6f6244f4e264f49e14ac66ea1b4c8802dbf', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'c5949b62b7dbefaa0e70ffd345cc796983d95679' }), index.h("dga-linear-progress-bar", { key: 'ed2fc45b53bd7b8a064f05c8cb55262b3916ecb1', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: 'bb2dab58081022757d794f3db9cb6aeee4e30e6f', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '24a53cbc1632b12f731e8f05caa86e197d6a2d1a', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: 'fd58f2a7037bffb3dc4b26f7589c945b47df8553', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: '0510d9724c73beee17113fc02532775b983070ea', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-linear-progress-bar.cjs.entry.js

@@ -27,11 +27,11 @@ const DgaLinearProgressBar = class {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (index.h("svg", { key: '51d1fcf5514245bd974f01d8f8d69a92d0295c14', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'b5f5bf678dde3fac25de1435bbc59e4a34bc211d', "clip-path": "url(#clip0_17869_405)" }, index.h("path", { key: '7f20772cbf68535db06ecd014af5cdc9048b0ece', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("defs", { key: '3c1a50accf81c2209a9e0dc2ef8a44451f08b722' }, index.h("clipPath", { key: '374bf3f0ff62e6749ad20f5a348c642923328453', id: "clip0_17869_405" }, index.h("rect", { key: 'bf5924b1b7c82f3b1ab69d3bbd1ae397ff0ee62d', width: "16", height: "16", fill: "white" }))))),
-            primary: (index.h("svg", { key: '7f8ce6a016d350e7214fb26d79181f0864e33a2a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4db64591bc5ba4519fe8fe47bd11e5d8b15cc776', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), index.h("path", { key: '025c17c833798c5c5f04f4e043ad3ea5aa845a49', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (index.h("svg", { key: '28942c5fe0b8fd6e480e92eaf5fb7b84f1640a6a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '4b28056fa9770606234fdc42fd2962c6d496df15', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), index.h("path", { key: 'e74240cdb7ee5dcaa8a88cb64f31dc52491c130e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (index.h("svg", { key: 'bdda62d38abb3ed96b9a0490ee955b153320b45e', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: '3f83a5e175c48a8fef598354242620aa0fef4e08', "clip-path": "url(#clip0_17869_405)" }, index.h("path", { key: '1956e5eaafabbb41254a5b8354704a8cb847300a', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), index.h("defs", { key: 'defb7ec1fdabdde353223c98b208db7052abbcdb' }, index.h("clipPath", { key: 'ad66d7d8ec9f9b7b73448accb58bb49e6fbbba29', id: "clip0_17869_405" }, index.h("rect", { key: '864bd767649b615ca2ab568321b7c14e84f92899', width: "16", height: "16", fill: "white" }))))),
+            primary: (index.h("svg", { key: '78f5a620dcc9d3242b427504d508276d5d60b143', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '8c8db0ede7fa793bfb8543d04ddd8925556ffe10', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), index.h("path", { key: 'ef21c2d0b724634aaf16fa6266c24d12022cc729', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
+            error: (index.h("svg", { key: 'b77e72d4dabe8d9b8415ed1ea7a7c4cd8bd29ef0', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '6652418740e62fcf5d3451817c39b93ab8b33a82', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), index.h("path", { key: '489992023ff62a23544f7b958771aa868b6b835f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
         };
-        return (index.h("div", { key: '924ff844b486be69c8826165d52e40f84b171da8', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: '0ca86cde0561d48a38a83404efc27dd547f2fc03', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: 'ae21665c5957c2dc7b19b9bb3dd007b849484866', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: 'd8b8bb2cf1730e355157aeae7d3ff075945d8f3b', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: '723dd4f00d167eec4a66f35cac2dad08b9f80a88', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: '776b6c4b162696bc8a898df90b5834437cb91391', class: "progress-bar__note" }, index.h("div", { key: '0bf5316c277071f514efe9e97fa5209badd0fa29', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: '6e82f69545480f10d9dde3e7ad6c2c063e51315e', class: "content" }, index.h("p", { key: 'e7d2b8621a6ae72a096b204b3818f78b9bc14aaa', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (index.h("div", { key: '3a2b0572bc8a58a5af8ace95d846abc00077b609', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: 'e6039a0f91fe20c6dafbbc6ee4976a0d8a323a24', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: '1d20d32ffe787f90ce28ef3b1258663d7b061011', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: '531270e5382633064a35044c3c105e3015a39a7f', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: 'f9bfa8ae98a4d990789c78ae2039aedc4733f54f', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: 'f1c14407be526e15673fae273ad9c3e8a434f5cc', class: "progress-bar__note" }, index.h("div", { key: 'd3ac0caddbd72327e6e56d44ce976b918cf53f63', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: '8fec35fd4e879e8b8f3b799b5b0196ade376a1e3', class: "content" }, index.h("p", { key: '52c44ab296cd636fd58055eac107449b689fde2c', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
 };
 DgaLinearProgressBar.style = dgaLinearProgressBarCss;

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

@@ -8,7 +8,7 @@ const DgaLinkUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: 'adce2ecf4f8b18f4d2c0b55565c7e1bcbc0d0146' }, index.h("h1", { key: '0a964cd1a7b310f6b0e1721adb569c87226ed0a4' }, "Link Example"), index.h("div", { key: 'd190b7484c44bdc697d1805c87613d8230104b93', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0cc7d1f55942498141bea4cba10e4040adadc746', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '08c2fa30a16d306ce87c6903cbf76f610ce626fe', label: "Link", variant: "neutral" }), index.h("dga-link", { key: '02109cd5e701f3b4000fb8432ac9e8002f22a6c7', label: "Link", variant: "on-color" }), index.h("dga-link", { key: '156d489b3f3237dc728482251269811e6a022a3d', label: "Link", variant: "primary" })), index.h("div", { key: '36e5bcc965665713d663253b408537670ce88049', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '1898bc03e9d833fc0c4913d365d8af85a2e36c4b' }, index.h("h1", { key: 'd32db75cb3de7a2d715139bdb09fc93d78ba3b32' }, "Link Example"), index.h("div", { key: 'ef0c7e0958c7712250d5721ce373bf8ab1b3ad37', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'd5e97c3a298c1b2c95a9514e0cc2b3864f9d0221', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '597c010fcb51b1763d5dfc908d4a495dd03f8fe4', label: "Link", variant: "neutral" }), index.h("dga-link", { key: '1555954082c510e2069cf3fca71fe68c12cffc5e', label: "Link", variant: "on-color" }), index.h("dga-link", { key: 'ae9b97800b1679967b4eb0127eed7487535f4f7f', label: "Link", variant: "primary" })), index.h("div", { key: '7b114ebb9de94a92a67101ffd2c84afe0e43a607', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -7,7 +7,7 @@ const DgaListUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'e3fe650562f6de6dd3b4fd517b40871cd63ab749' }, index.h("h1", { key: '32704e0630bc792dae2a27928378d6683e888d42' }, "List Example"), index.h("div", { key: '221c1d12c26edd3a6e94592c44d3ea2871bb178a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '8327cb4eced7fafdb0af858e44452d48679eb468', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: '87b0d36a5e252415e05f816e2105bdb6b9d09eb4', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: '0ca68cb224f1201cd3f53e675d69157c42b333b3', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: '88785f122aff1809bf509d563668aba92cdfc74a', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: 'e530b2f7157092c70b98a5ffd933c44134a3b7de', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: 'd0927b29007d97a8f02ccae7230952661ef47986', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: 'f2b3b6ba9c898502325f5fe792e8738053566899', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: '98f349633b8973b9835e708e6f9d2728e1669c8c', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: '9ed3af7b364bd9f4a396f720f83d298a4a3a8222', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: '06de3ad75410432c37d327fccbae03435143f14f', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: '950b749f70c8f5a089707d56389975c98b3c1e1b', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: 'd70868d53d07aac0ac541051b6c7d63240698b07', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: '999c6f9829dce47c0dc37a1f3e76b421e072bd0d', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: 'a42eb412526c6293210eae874ddce3d008a856f3', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: 'd63ebd35996e08263fc22826209a129e328d52f2', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (index.h("div", { key: 'a80d3ea419ab4fbf77c422ee649f2c709a7dc029' }, index.h("h1", { key: 'a43ddbc3b43d102a948887624c801f91938eb0e7' }, "List Example"), index.h("div", { key: '9e009bc7beff5302820235fb03e9212a55b710bf', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'bb18b384c62f0d6eeaedccf17b7f5412754c5f0b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: '6036fe09f922df00f7f751154d4fa087c8cf4487', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: 'd862382beee4a8d65c9180312b10f20b26133838', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: 'cc575097c510f040bddb999506bde25a4252dc00', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: 'b7baef9e3694b35c0d6b191a7965c2c88b765684', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: '3d5f1cfd8ae9fdf68d69e1203b0e5e676623e561', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: '14d73fc032412e1e8458a4225acac3ac4ac28ad2', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: '163cee2214851ca5a1b2fdd1e0bfe1139c6e029d', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: '71613995ee42d1ab02ded96b5743a1e7081b57a9', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: 'bc6845b2ffe0ba0d5def7a0afa6330bcc7158a53', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: 'bffcb48721715d891e14f1a036767ccf81a77a4b', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: '319c6d90492c3572ef16f96fcc686a9bece43a6d', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: '7be8c4e8c85048c54a867c47c1bca19ec89a514a', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '595ace4885e82c83804087b47a3055ce681116f4', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: 'b415d136ec6c09bf814258a910fd0b1adb5ef4d6', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
     }
 };
 

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

@@ -19,7 +19,7 @@ const DgaList = class {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (index.h("div", { key: '51b6f3cb5f86302c1d7d6882f832ed8d1c074d43', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '149cb916a7db8e4d43bdb104b674ae7cd64bbba9', class: "list-title" }, this.title), index.h(Tag, { key: '875ef6290fc1550a9c70b449278a8ef80e6ca04f' }, this.items.map((item, index$1) => (index.h("li", { key: index$1, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (index.h("div", { key: '5082f2e16a2d7ca0c5e032c559bd159e176b33cf', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '9cdc61f9060b9c549c777fb260ddb1076d03e8d3', class: "list-title" }, this.title), index.h(Tag, { key: '45d79b00364e130ce5dc047c23047cb06cd9290d' }, this.items.map((item, index$1) => (index.h("li", { key: index$1, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
 };
 

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

@@ -8,7 +8,7 @@ const DgaLoadingUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (index.h("div", { key: 'ba435939114d8ff988448028f3a6ec8133f6eede' }, index.h("h1", { key: '815df4813d0f9bc48dd8a202fbe341cfde7d80d7' }, "Loading Example"), index.h("div", { key: '25579add86c433e0ba1e0cfefb1cab973d4ba746', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: 'e3eb329e489d75ce150e6d837cdc6f62d9a91e12', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '7399a2bb2d1853ac0508c17a3a0bf2401e0ebf96' })), index.h("div", { key: '0ceeea1dcc837193ee883e8b6d2af572e35a6c02', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (index.h("div", { key: '64474af61f174994d963aa6557b10dc00d761310' }, index.h("h1", { key: '805a9ac2cb77eacae5e5409ea0aab1ae0e8cd967' }, "Loading Example"), index.h("div", { key: '834250a21bfd4fbdec13cfccf26ea1f02ea8e5a3', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: 'b074bfde05c2f7aa5f6df13882d92145193f6f10', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: 'b305a40be50630b0ee1cd7ea53ff55ff535ffe48' })), index.h("div", { key: 'abd79345ad1690fa7b54751587d20bc2be13db59', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

package/dist/cjs/dga-menu-group_2.cjs.entry.js

@@ -9,7 +9,7 @@ const DgaMenuGroup = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '3a0958a77b19ee0e4e4b77540bd6da24fc51a896', class: "menu-group" }, this.groupLabel && index.h("span", { key: '994c4208f14c8c76112a05c2e83654331d255854', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: 'a3d091ec09b6eae7084d499523e447073c96de00', class: "menu-group__items" }, index.h("slot", { key: '8cac9f20cfca702cf448bbbafe478c377fd67904' }))));
+        return (index.h("div", { key: '033cb49487c4fb3cc604e648c7b31e5361fe2204', class: "menu-group" }, this.groupLabel && index.h("span", { key: '3e76a316631d2c2c357c11665964f6b8041f3580', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '04e3c873f501a23c4fb8361fd7032bd38634b0b8', class: "menu-group__items" }, index.h("slot", { key: '6136472d284b663587bbf234bda8f10414f53915' }))));
     }
 };
 DgaMenuGroup.style = dgaMenuGroupCss;
@@ -31,7 +31,7 @@ const DgaMenuItem = class {
         }
     }
     render() {
-        return (index.h("li", { key: 'fb4a6bf8dd61f3ec664aab550a8486e3e5dce216', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && index.h("span", { key: '720e0c8c18f6bc14c086478ca798674549f76570', class: "menu-item__icon" }, index.h("slot", { key: '6c65c2e801ae667be3499bccabacaafc85274508', name: "lead-icon" })), index.h("span", { key: '7475b71c0b54d77d21d383520b00a2287e96d565', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: 'ba22327f6a9cedca74179b4532ffe011da4bed32', class: "menu-item__trail-element" }, index.h("slot", { key: '0cb5af30a61389dbb256d85af58be22ae0cf9070', name: "trail-element" }))));
+        return (index.h("li", { key: 'e9e6ad78b0bb69ac64d7cedb4856811eb9d6e575', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && index.h("span", { key: '6e24789a1b046f4b8bd05511324ff993c15fe985', class: "menu-item__icon" }, index.h("slot", { key: 'f895954faacba565b11d003a7c5b05766f632cbb', name: "lead-icon" })), index.h("span", { key: '872697fc273b3dc7243298d52a44c2a313efd88f', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: '81c51a280440562f908e1e305049f1719a61c2e9', class: "menu-item__trail-element" }, index.h("slot", { key: 'fd7e1564b144f2fb5cb472e7b63e2b6bd8193349', name: "trail-element" }))));
     }
 };
 DgaMenuItem.style = dgaMenuItemCss;