@platformscode/core 0.0.34 → 0.0.35

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: '308f232cecc244735289ffac9ba10bccbcb9bb2f' }, index.h("dga-header-vv2", { key: '058d5249e2b494984c04f6ca3457d54ab1947a30' }, index.h("dga-flex", { key: 'e9cbbb767a707050c88cffa66cd83152ed17133f', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: '73a62c365fd36caa9aad9ec5aef8d5dd335614fc', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (index.h(index.Fragment, { key: 'bcf170764049ee8c4062b02950531a7e724906d7' }, index.h("dga-header-vv2", { key: '4fa6c185279ee23f2bbef96c8a6a90305f728f81' }, index.h("dga-flex", { key: 'e67dadcf6e3bf63a58b100aad5d865165c7413eb', spacing: 16, direction: "row", align: "center", justify: "between" }, index.h("dga-button", { key: 'd1d14b45e9c6f7f2f63c6157ce0559339e0ecc24', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 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: '17a77031cc468b2defb65a3ad8489c8073b4edc9', size: "md" }), index.h("dga-flex", { key: '6940b65989ef66bcabd061d844e0b08238d296fe', direction: "row", align: "center", justify: "start", sx: {
+            } }), index.h("dga-logo-placeholder", { key: '80441e7163318ff76cab8c038ff3aea43d43ec59', size: "md" }), index.h("dga-flex", { key: '900a8a6e87b75aae795a2b8cb68ab68640e45729', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, index.h("dga-header-menu-item", { key: '49a48155ee9d1d5f842e1327336f7bb192050df9', label: "Home" }), index.h("dga-header-menu-item", { key: '9aa4ab30ed1cf2687ff4754383dac1ef16d1f7ad', label: "About" }), index.h("dga-header-menu-item", { key: '08370a4001e2c7a3826fb00989c3dbbea9a1ec83', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: '8e01dbdc7a0e44150970fac2f07244269ab50b52', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: 'b1da8aa142a4eb8be529da22a7993d42c92e342c', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'a8e0ef5e864ce722831cf14f03e3cf52100464e3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '732bf5643f5cc2b0c611a0afba0f9442cc8d201b', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '58f28a0ff16ce738bdb95659a3cc9049e795af0c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'ef244a4f8105bef2293d5568a1c063581729e254', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '0fb9fb4a527a036a724719d6b81128b47f9d3a93', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '805f56e1b157cc77728c30234f2eb8c93b0ab127', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '6a516dea323fbbdd35a5cb58b33ae5d0aae177a7', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'b7f458ef2becf12aeae850f59528822664fc86d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'bc443f1e13ab94a85863462d1f8395bdf3a3177d', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '640416ee022bc11b28fabb433ad1d59a45523f5d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '140af9acdf17b62836ac66cb2f6ba166a7d616c7', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '1349f39059543cb8dda1932020359b81dd679809', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'a9a09b6d21b71431e3d85161afe2939c21e61aa9', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: 'b1a231a05e47cb78201829bffa44510809c41e13', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '43b9165fb790cffe755683dc3d8837977c337683', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'a5e9f44c63168048e6d919ba153a98c8fce9c03e', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '4ba58a7d442729b336be799847b145262ecccd8d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '9ac53543d0209f073e659636b7aaec7aab87f8e1', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '24f095998d40c571440d37ac0442d331e63870f8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '74f8026ea35c81da6352bc7c1127b5830aecdded', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '6a83bca64aeed3c8b589ab50bd2d3a6db7815394', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'ab341c09f529101293a7ab0ae879069fe5a78bc3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'f92dad32b0aef8e6e47aab89a81023a6f5d8ba65', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '6dba74bb53873fe5b17774fb39cb96e128a4b9a0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'f239c802b09c05e2ab2b03e47a70d17ca651e59e', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'b0200501ff3deee9fb72ccc961c1d04db06a980c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'a25294ca695b609c85c57ec92ecd8a7870c0945b', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '17a3386935802b7f903d38a9559692540d0eb405', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '850488803a383fac010c68c20fa5d8206b00cdcb', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'ac3e090a1a58d394fc293e4d8696fb8bfbdc82ab', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'cf296a415ed5cf8532532a0b51e8e6673d57f09a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '5bb61259ab205a8dc82ef5c383bd294d35609fae', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'bcd88329affdde5171b0833767255c7ca7cd70cf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '6daf4788209498f456418e20b2abfc8b7aa0567c', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: '299f1833e314b8c2938cab93e2fb8d7ffafe77f2', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: 'bc2e05ca5b7c1da78517191d9d00e4ac212da2b3', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: 'a9dcb3fa463ca0ae4695f0a28700b01427775cd5', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: '7a8c03ce86a691dac43116ee5df2fc6440a53a74', subMenuFullWidth: true }, index.h("dga-search-box", { key: 'aacbe12d1a1b2e3460367fa0f11e6f2b6ddcaad6' }))), index.h("dga-action-menu", { key: 'afd49fb19698c1c56537bc7c10e8c0c8e6828eda', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: 'adbf612ed6d4b13029d5d976b3affee88a1c4c2c', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, index.h("dga-header-menu-item", { key: '84c692c76a183ce91e923b57c92067b2a314698d', label: "Home" }), index.h("dga-header-menu-item", { key: 'e942cf832bafcc28354a1bef32364fc1a586118a', label: "About" }), index.h("dga-header-menu-item", { key: '2e301e9fcd92db7ff1dad7b7e260d8d8e6c742f5', label: "Contact", active: true }, index.h("dga-header-sub-menu", { key: '2b1d6681c44f7a7ad275ae1de8ada45e4b3a3234', subMenuFullWidth: true }, index.h("dga-header-sub-menu-column", { key: 'b38de6c90010b1fbfbea7843b72e58b3c247b365', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '524b767000e5a9916eb7787f6c427d7196b6a6dc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0066a09a8942b0624b3a6260a0934ce372e51473', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '11b6a4b5391815ee95faffba59d3cb1d7d3e143a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '4bda1270fe7262fa670ac6a94a207a66ea79240c', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '69bbdd106c60e980f669e77ba397ce7496498450', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '215f7d26eb8ba506643f161fc8936b9d8d0285a2', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '5d5cbbe340c4674c8a4ec6a0e38c2b04e56258fe', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '5efa6dfceadead0f9d9cf8dd565f38fef8986fdc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '881641955a7faf1fedebc7e306cadfe4ae76b7bd', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '48984d601245a7f092723b639cecc43660852e80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '3518afc69d27929d7a2916380089897ffc1c6805', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '568ae98489e14b43cff35119f5d8bf332280ce74', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '7cb1c58c57f725209d1e91dfbc64ee459554c864', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '155f71080ad23d3b40ad5e262ac668250dd7f4db', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'fdca8142e41ce0b57fb81792342f71cb0cf2cdb3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '253cd2f6eddf0813972a343064691f1d53a438ef', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '5dffe1a4d7e40274b804c2d03844f22ed8032d01', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '852400136f746a264282066324dde66f7374327e', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '403a4b0ac5a267590a749c76146b7d6d392a8fdd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '14c2817d87abab1a734e731e78a107de1bcce4e4', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '7fef1a3be3cadd3cb8d3d71473645745383240a2', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: 'e226fea97561fb90da31d1d98a963aa142969d5d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '06f1e9fd81807ed53a11e7347d93759953b01dbe', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: 'da587e357ffcd1d210adf08e1907c6544dab6eac', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'cab88460ba8213327a071a3a27375f1ce1662a49', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '507d02f9fd7797eb666879fbee36e24c5a1d151d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'b4367a8e2f12867b093505dc7bcbb9fadbfebd2a', label: "Tag", color: "blue", slot: "tag", rounded: true }))), index.h("dga-header-sub-menu-column", { key: '2e00f73716599fbd2c486aaa7595930cc0853d47', label: "Column Label" }, index.h("dga-header-sub-menu-item", { key: '514facfa1c87e213cc8476704f71bcfb26dafbe3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '06877e302fa1b593d2cff80a6cc7823cd570b91f', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '1c3ad153b4f5b396dc2c7de2e21f284b6cd9f8b2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: '0b1ddc38fad2998306a8891ae10876396c5f5eef', label: "Tag", color: "blue", slot: "tag", rounded: true })), index.h("dga-header-sub-menu-item", { key: '6843eaf4c120a56afdb28cdf709d6bcda1e172c4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, index.h("dga-tag", { key: 'd491438bd168907e8da9b32904d7ab80dd6b9adb', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), index.h("dga-flex", { key: 'ce256c8f988dbb9be9a7892db3c3edcd686a78d5', direction: "row", align: "center", justify: "end" }, index.h("dga-header-action", { key: '5ba5e15685cf4ee2edbf1267c0923feb41eb173a', label: "Action", icon: "login-square-01" }), index.h("dga-header-action", { key: 'e8d6d175e739ddc6ceb475674d76b506a1114663', icon: "login-square-01", iconPosition: "top" }, index.h("dga-header-sub-menu", { key: '1c201f98ed79afa68c9b21b5444df2347a328c06', subMenuFullWidth: true }, index.h("dga-search-box", { key: '5b66a6f3b20a2f7b5a7ac74377ee2d37080ebcdc' }))), index.h("dga-action-menu", { key: '5015c9f5c4d53d685607f0a85ad184d65e64c6e0', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '46f25d43a095199c7fc948088bba856c44907a90', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 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: '03595c6d10143bda3c31c287450c979eea29889c' }, index.h("dga-menu-item", { key: 'b1d9d2270629804db64e6c3af4e0e633950bfbf2', label: "Item Label" }), index.h("dga-menu-item", { key: '37702d1d3e519670b0da8ab2844ce0efbff023be', label: "Item Label" }), index.h("dga-menu-item", { key: '77fbcd87d0800443ea08bf2ad1e2f41fa30696c5', label: "Item Label" }))))), index.h("dga-drawer", { key: 'acb39211ff79be25b8f0d31309448056d64c6bd4', 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: '72876c3c8714415a23218e68bb7141389868f311' }, index.h("dga-menu-item", { key: '916fc9be0b119288386b7021c0396f832f855a64', label: "Item Label" }), index.h("dga-menu-item", { key: '5dbe82ef0984a9eaac164689fb512c91895facc8', label: "Item Label" }), index.h("dga-menu-item", { key: '781f2e5c7f9f09648cf445f24a6cdc333fe62f0c', label: "Item Label" }))))), index.h("dga-drawer", { key: 'd8adde1e533a464a18148475a51c8581e6c556e0', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", index.h("a", { key: 'df9ff16d739fb7aa4305d2f1c7052290ab50e6f1' }, "fdgdfgfdg"), index.h("div", { key: 'd206df29d5789f535842f1eb090077ca1487d4d0' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: 'cb22a6b34efae9491fd30cb6b637db0aff7dcf6a', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: '9bedd4ea3e6ace6eb9db40633ce1a218adec5ee7', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: '15b30bac22b5a24da4025cab39af19cc687f6449', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '1b8c8e3fca691249a3e4b06a61dfde8d0c91e8ab', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", index.h("a", { key: '2b6f1a59b047bb552c4e18fbc3267e297c682f46' }, "fdgdfgfdg"), index.h("div", { key: '33db7bda83a5c8bc0e3094067e44e0f431e455b8' }, "gfdgfdgfd")), index.h("dga-logo-placeholder", { key: 'e580d491cb66183c6f193479201e0a25c6e9c847', text: "Platform Logo", size: "md" }), index.h("dga-logo-placeholder", { key: '11247d359187396ff45548ceb9f1057147b3d4e1', text: "Platform Logo", size: "sm" }), index.h("dga-action-menu", { key: 'd216f3e6957f74143008ff8e4aa751d0c32f33f3', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, index.h("dga-button-v2", { key: '6576ffab2d6942add2e26fdb5b89c58714876fab', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 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: '2b6dc6f348cadca743f14568e4ab62ab9f5dc9be' }, index.h("dga-menu-item", { key: 'c367ddab2e27a7b51f5a912e73474661acf74a64', label: "Item Label" }), index.h("dga-menu-item", { key: 'c613e6406096d56d7494856f051c8918c1a2aef5', label: "Item Label" }), index.h("dga-menu-item", { key: '9ba407a2eaf11d0e7db6cfb1e42e69b1d125e340', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), index.h("dga-menu-list", { key: '02b514ed6b424e755a8e74cd63bc20d62ff3f612' }, index.h("dga-menu-item", { key: '076339e422afef951f54dc33fcdc2484c646b1be', label: "Item Label" }), index.h("dga-menu-item", { key: 'f61cecc39d8f2aff489484702a845fd8b4c4836d', label: "Item Label" }), index.h("dga-menu-item", { key: 'e3bd4881454b357266be92f09cf8956385d88d0c', label: "Item Label" })))));
     }
 };
 

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: '57e58ec19fa3e2deca7c3da249e68d2b3c5706a0', class: "header-nav__menu" }, index.h("slot", { key: '6216510ba3621bd1e45794f5f2dab4640a106876' })));
+        return (index.h("ul", { key: '29ab177857d9b1fb5ecde5923cd9d05aeb98ff02', class: "header-nav__menu" }, index.h("slot", { key: '30658668cffc5e0d6dee79d99f0f7cd29f9ac03a' })));
     }
 };
 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: 'cd7f3e96b3fa54109a924451b83436c6b4821a07', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, index.h("div", { key: '6c6ab6439c76daf6fc0bbede98982571460857eb', class: "sub-menu__container" }, index.h("slot", { key: 'e97d54c4ad83345027d3522625a18d77219ece12' }))));
+        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' }))));
     }
     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: '632af08b0480c898d3912cc8e1875bd48a7a9536' }, index.h("dga-second-nav-header", { key: 'c922431bd05e4027e8b75c62b590537d558cc399', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: '7664543dc342636d874a24038de28d13528bea9b' }, index.h("dga-button-v2", { key: 'e47a0f387659c1e9bab49bd352fbcae18409d812', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (index.h(index.Fragment, { key: '546171693b856a444cf4d46ede707efdc503ab34' }, index.h("dga-second-nav-header", { key: '2e16de393ea7961c086741f81080361fa7d533aa', hideDivider: true }, index.h("dga-second-nav-header-actions", { key: '45fde60210f5aa5830937b047feffce7f04e8714' }, index.h("dga-button-v2", { key: '4e0188bdc3df129d08276174b7b71dcf8e8ce3a5', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'mic-01',
                 type: 'rounded',
                 variant: 'stroke',
                 color: '#FFFFFF',
-            } }), index.h("dga-button-v2", { key: 'dc5c411cb696341e422487297181b46dfff50552', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '1419e5f0ec92d72cc9c3ba43b43775f4d8e5a59c', 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: 'cde2f915798c19a6ec937ecab863dacd1cf56a13', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '6450f3a8089accc81e6a02ad7538781844e2342d', 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: 'eb919bd6ca9f45baff485a5a4797d9ddc8cf1851', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), index.h("dga-button-v2", { key: '63716e75bdb27162e937b6b96a5bc89fc24e991a', 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: '2b4624b05f8e998f4ac90349c55f5642caf980a5' }, index.h("dga-second-nav-header-item", { key: '5334973849ba63277a37f79d4b7bf3a56daa71e8', label: "Cloudy" }, index.h("dga-icon", { key: '69225df06e6908db84dbf596fb52d09f04a34485', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'bef5237606d1bdf2713a0d8f701904aace22d150', label: "21 Jan 2024" }, index.h("dga-icon", { key: '2d6bdeaff289baacc61b095b66bcb2a0f8675a00', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '86438dcc3be928330cdcfbe31122ddaf511e05f7', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: '595d692bc52be2ac1533df658a80b05bda672cdd', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), index.h("dga-second-nav-header-content", { key: '484272baf65bda7c1fc9188b3de289f82fce9cbf' }, index.h("dga-second-nav-header-item", { key: '5406f7a1d51df3f60cfa65571ae259c7960696e9', label: "Cloudy" }, index.h("dga-icon", { key: 'a5508dae7cd6522559a9b441aa374cb2719cb16f', icon: "cloud", variant: "stroke", type: "rounded" })), index.h("dga-second-nav-header-item", { key: 'b073617030d0d6aff6093d9017f25d080114df60', label: "21 Jan 2024" }, index.h("dga-icon", { key: '68bbd7d1c3a24d652423d63b1d62f22f678d4a88', icon: "calendar-04", variant: "stroke", type: "rounded" })))), index.h("dga-nav-header", { key: '7c8fd9019a9bdd8be65198c0968129d43f62d895', fullWidth: true, divider: true, sticky: true }, index.h("dga-nav-header-main", { key: 'c4abbf319405576dbd564195b2c5752c06bb9ae0', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, index.h("dga-button", { key: 'bffa4d25f9caff70d6a6462c59d7a74936f1b9c7', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, index.h("dga-button", { key: '570f2596c47aa847fe7afddb57da71cf9252a4fa', 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: '241ff9c1098f69e15fc0f46c6947f4ba5fcdeb19', 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: 'd0b7df595b97507fecc5e3a956f6bd4169d51381' }, index.h("dga-nav-header-link", { key: '8b7fe49bc7cf6824d43da0af092457a60d70ae81', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), index.h("dga-nav-header-logos", { key: '2762f7e23f2b672de0e74adc96592be3c8b5c80f', logoSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", govSrc: "https://dga-nds-fbhtx.ondigitalocean.app/mobile-logo.svg", logoLink: "#", govLink: "#" }), index.h("dga-nav-header-menu", { key: 'fa6c8733d72f29f8f040bd66e72ee93bd340a632' }, index.h("dga-nav-header-link", { key: 'b15379f2f60857ae0566d0dbe73878f519fd9e2b', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
                 this.activeLink = 'link-1';
-            } }, index.h("dga-nav-header-sub-menu", { key: 'bd8b983960a27418ca686cd88f930ee6f54a313c', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: 'ea54472164fd2840e8528d557942fe62ffccd930', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '2db87d1e1149b15523ad69ad6947d04a2f36fe7b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '952e9bb96034d5b184bbaceed0ca11a4bfbf675b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '96971418eeab0f8d2995df1a521b9934fd9158fd', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '82b87fe941ee4668ffd1ede1ee002ade327d8e73', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'a1ace128f75337303ba1539f26fd77251de80dbd', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '324b28f728d3659ecdd8c878fc097c3154116628', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd7f75f607406c1f6c17fd87364d6d486530caa53', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9124e6cbd2ea7d6e219fa09dcf82d1cc44bfcfa5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '7254f4fe6356ac622ca08fe17b59ac0c8fbeab07', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '3191da30e178f4bfb0622ca20b565d54cbc66f1d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e1e6b0f151cb4ce6c29b50d2b8abe49a22ee1789', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '6c5a75c53a7d03fb253b50404aad8c3551aa1cb0', 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: '42247a9abe3260fe7221af522175f40b455ebcf9', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '655a69458b12df2b51d2f59498e86c6c227aa898', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '4abab5ac0f331bf9b8809291e132dd21a6107189', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '067c3340b3830ce8cc1f15c5b98cb268492cea01', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '240642d35355d75631055689e49ec2f47fef7a7a', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '40ca18e7ab4f9e66c63fc0cef5033ff8e162acec', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e8094fe1baec0826e52a5a3f01f13cd701bc52a1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'bbd6ca6046a8a1149117116afeacac6d3d824a93', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '2d4e69e229895adb279e72306438fc2536282930', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '9479ad5451a3c2324f89906750adb5db4fcc0e5b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'a38ad1b8f5daa58843cc0961c74307ac4816532e', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '3651204b1351e53d630e168e43ab81018a7a5dbe', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'bc6bffb75bb2494938b1f715c0235517f3e7a19a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '7ea6a387144bce5148020ae076e60dda3690d873', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-2';
-            } }, index.h("dga-nav-header-sub-menu", { key: 'f0a3b837386daa397745b57d424f672c58c74338', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: 'cb990c2eabc87128c2212fd8ff999da16a857a6a', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd0ad8de103ce4ef5e32abcb372b38869c920f068', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '763b789e8eb00ddfabe63bdb2b45386419951b22', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '20e1022f78cfc1715e38c075e01f62ade3126c01', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'b3d6bf75ee985e8d354b3c3f704dec0b2a896c9b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'dfd3f6f7039dfdc59bde51962da68a7177b44931', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '797f382f22116c5bb64211990b1438336fae2b18', 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: '0f40baad9372b612cc990cc9408717e8f64da45b', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '054394b4af742d0a45e15e1914530fc19dc88119', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'a8bc8ffbda2a0b13096b0d5c1ff1896461fb8d7b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'e69fcefea55e325135d45e8daf11eebf4d013c77', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'eccfe352b1fb394ca423de144ed88833f75e1863', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '779c56250336b920048235ed3a1245f492f7b234', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '2ca59d886b7a5d9ed0bb33275573f52144082b0d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), index.h("dga-nav-header-link", { key: '2a84aba2b304c44769f745d64a271ba5905af167', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-3';
-            } }), index.h("dga-nav-header-link", { key: '835e865f9d79f323dd4908e61adb8cb3ba947b79', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), index.h("dga-nav-header-link", { key: '7593a053b73badbdca8ed3b9fffd3e0d95e6cec8', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
                 this.activeLink = 'link-4';
-            } }, index.h("dga-nav-header-sub-menu", { key: 'acfa8195b2a5e26a8f0e1e415e26c70a50046222', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: 'b04f12d1181219db670b7054a9fc0a948d8b174f', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '3c90cf96c415254e5fa5aab734135639159ea83b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '041485912bf496678f9c90107017c1898dee3d54', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '538f17b9fbbcc07632a529106ecaea2bbe4a00a3', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'a39c2a60e9acdcbb22b3b26e054ad21e1e002070', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'b7e0c613cbae8e038aa53844b4238f3d4e19ea4d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'c778cabf25c5554b010dbb8bee55e6dc369b6887', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'dc8b726fed7bac480186202d7db3e58682781bbb', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '41493908c235836b24608e37be8cb042d95e2bd2', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '84a8dc080a855a5e180243f304d4fd4977c2930a', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'db26f2e2b77e38f1eba4669017ae02bfc5e53611', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'c8b8469af5d8cbc8519a79183a6a0f851712a76d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'd0faff4fa61625f82792715ba1bbd0502a3c7197', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '0d50bd4bdca89c92634782263593f7a9daefa469', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'f469219b930bc170d1cd11054fc4e3a5759a4c6b', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '8cd8618fc655b9f18cde4ec169a6f99fd8d9303b', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '71401b8740a23e35a128885d7a6991063b5c16c1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'afa1da2267fa29a971559612f472424b20a2626d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: 'b58af1f9cd49b67097c0ef8b7ca4a859f4a1bb3e' }, index.h("dga-header-action-btn", { key: '29bb905227ea8ca1f4e093647e9e4c02af4417d3', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: 'ccf39aa4912109ea6624d65ad0ba5e41b613e0e8', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: 'c1e0dd74e9b20bdaf2977a8fa428f17d5651b48c', spacing: 16 }, index.h("dga-search-box", { key: 'b0064f628327dbf5e3d62a331a15ea2d4eae43b2', placeholder: "Search" }), index.h("dga-button", { key: 'a428b657d17e62a4741c97053b2ab063b753d276', label: "Search" })))), index.h("dga-header-action-btn", { key: 'b65d5a6d631184a708ac380b6925d64ff0caaa3e', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: '424f5ee0cbdf405591a69a7f48dfe292dfab5081', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: '7eee212055d76319c5b4cbf9da2d1151c2a1f7a3' }, index.h("dga-header-menu", { key: '76b643a993d0f49f4bbb9f65bf2ef574123ab6ec', actions: [
+            } }, index.h("dga-nav-header-sub-menu", { key: '9cc849a54ac5499deda1453b62a8fd997e6519a2', "sub-menu-full-width": true, background: 'white' }, index.h("dga-nav-header-sub-menu-column", { key: '265b1075aefc65192a19b480667eb040781dc508', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '8c34f9dc94812f44aae8c4b283291be22c1513c7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '3847ccb25c5de230c6c696fecaf2d008d2cc0157', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'f63ecdd4b50396826015b2611ed2d2edcc24536f', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '9626364dc07de26a6a289ac1452ddb8652945a9e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: 'ea64cd9b4ccc9f2cae598ef9869560c57fb6a584', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: 'd004aac96543a4f90b7a3ad0f7b3f84a5aa1dc3d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: '14e5fb19a4d0af2a5ed3a94a71fc521ada03bc28', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '22d13a7272a8a053a87ba5950fade24259b5d6e5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '93e423927e520c16896e809b33c57c5b2f179c96', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'd4bacbb705cd5aa9d70b2f3365dc812621c49e82', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '61f45f0bcd18cbaf2e239fb278bb4dfd8c4700b1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '40cc3bfb6c9e5c4dc7809b5d21dd2f5aa97db5b5', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'c16d08f5908e6ba258920701cbe6f56a72a75f22', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '54fe22f4a1a8f5ce8685ad73ca62be75513fdbb6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), index.h("dga-nav-header-sub-menu-column", { key: '8efc07301a1633f79f0a50d9125416b3b2cb690d', label: "Group Label" }, index.h("dga-nav-header-sub-menu-link", { key: 'e518e24b52fcf94da2b924cebdd0b68dae9b3818', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), index.h("dga-nav-header-sub-menu-link", { key: '3a81d707608e8855d61a51178d152c4cbcc81187', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), index.h("dga-nav-header-actions", { key: '3ba32063cca29165c46d06f1eac57b7d1b99d13b' }, index.h("dga-header-action-btn", { key: 'dee3461677518da01311badd3cd3c12e1d941923', label: "Search", icon: "search-01", subMenuBackground: "white" }, index.h("dga-nav-header-sub-menu", { key: 'c7af33e115a526374a0cb7084f52ba801d5e9855', "sub-menu-full-width": true, background: 'white' }, index.h("dga-flex", { key: '722cee268d0e81c1ec32f62883f229ae72c6f2a3', spacing: 16 }, index.h("dga-search-box", { key: '96c9760591883ee6d454f9537b2bc7b9b46d43b4', placeholder: "Search" }), index.h("dga-button", { key: 'b63e26a0187fcf0f2d859e5f40a697fee6092e96', label: "Search" })))), index.h("dga-header-action-btn", { key: 'c6875a6e5f8ceaee1ce2166f0aabf31c4a77a9ce', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), index.h("dga-header-action-btn", { key: 'e15f0c5a74e7d77767d1b90dfcecfa7b254c11ee', label: "Login", icon: "user" })), index.h("dga-header-mobile-actions", { key: '80f797b857439363ecdbc47500cc2a39ced44e35' }, index.h("dga-header-menu", { key: '6791fc019b957540f82c488826b1b92dba104af5', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -330,11 +330,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), index.h("dga-drawer", { key: '55e490d1e1ad636a8cdf9796cde85dacb672adb8', 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: 'b933b8df9569309c05a273693bd6918ea35d5fff', 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: '0e8c0a7cea2c00a5a148fd89c48a8e7fe828b906' }, "Test")));
+            } }), index.h("div", { key: '0d84117b208149f39a8c50784b7d22d5464fbc62' }, "Test")));
     }
 };
 

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

@@ -1,8 +1,9 @@
 'use strict';
 
 var index = require('./index-CgKhFr-4.js');
-var index$1 = require('./index-ByjaZgsn.js');
+var index$2 = require('./index-ByjaZgsn.js');
 var sxStyleManager = require('./sx-style-manager-MFMlOw-g.js');
+var index$1 = require('./index-D9eOytNW.js');
 
 const DgaHelperText = class {
     constructor(hostRef) {
@@ -12,7 +13,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (index.h("div", { key: 'a8df3b1e44bc3a9fa79c984fab5faafb089135a8', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '775627f3ebc79d46abce24f9d1dc404494823ae3', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '1b7fadcc1125e7007c2be5a58417f2941125888f', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: '644a04cab043d9f30fdf8fb0355b21e2f80be471', class: "dga-helper-text__desc" }, this.helperText)));
+        return (index.h("div", { key: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, index.h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && index.h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), index.h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
 
@@ -26,14 +27,14 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (index.h("label", { key: 'd6d86b8c4bda341af90213470f9aaaeb29ded381', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '58d253e040bd54f0a9dcba9a6300e7ab4dba26da', class: "star" }, "*"), this.label));
+        return (index.h("label", { key: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && index.h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
     }
 };
 
 const feedbackIconTypes = {
-    success: index.h("dga-icon", { name: "checkmark-circle-02", variant: "solid" }),
-    error: index.h("dga-icon", { name: "alert-circle", variant: "solid" }),
-    warning: index.h("dga-icon", { name: "alert-02", variant: "solid" }),
+    success: index.h("dga-icon", { icon: index$1.checkmarkCircle02SolidRoundedIcon }),
+    error: index.h("dga-icon", { icon: index$1.alertCircleSolidRoundedIcon }),
+    warning: index.h("dga-icon", { icon: index$1.alert02SolidRoundedIcon }),
 };
 const DgaTextInput = class {
     constructor(hostRef) {
@@ -51,7 +52,7 @@ const DgaTextInput = class {
         this.required = false;
         this.fullwidth = true;
         //   @Prop() id: string = guid();
-        this.name = index$1.guid();
+        this.name = index$2.guid();
         this.value = '';
         this.isActive = false;
         this.isFocused = false;
@@ -93,12 +94,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'd24e92989338412f31a8a0d12d9da9bc60e39edf', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '709d2690923eba1c88b5cf0f4cb3e3ab85a130ec', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: '1ef6eddb37525f0f3f402af41ea04bc20228290f', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: 'd4014f4e32b6697d3273f9e7230992ed97335bb6', 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: '048d308bc51a82298d7ec42c67ec8d2b610b9e4d', name: "prefix" }), this.icon && (index.h("span", { key: '08a9d36cbcb99bcaf022b54f165fcb9fa3a648ba', class: "input__icon" }, index.h("dga-icon", { key: '0f8a716a459c404d10cdb550af1ec08344529ef4', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: '5d33cd30842f32a01ba8913805339c4ecc077f7b',
+        return (index.h(index.Host, { key: '6a7418f442f89d250b71a49abb24329d63ab6634', id: this.componentId, style: this.rootStyles }, index.h("div", { key: '111513b59d70e0695cafdd3bad7b1a2cfdb4c471', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && index.h("dga-label", { key: 'ecfdad326868959f54caa6ae050d893f88dd2891', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), index.h("div", { key: 'fac3f3bc3c844263f1bc61a8c145a3527ec16bf7', 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: '7f984cb04e2f0595d9645e7ad75eec7ed7f35372', name: "prefix" }), this.icon && (index.h("span", { key: 'ff68fe935f634c0fbe46884e6da2d939547a48ac', class: "input__icon" }, index.h("dga-icon", { key: '0f73e6935cfcf8805153b4beca14be2dfb82daeb', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), index.h("input", { key: '9fc19c8968a223fb7888e3ead0018901044a42c2',
             // 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: 'cf2824d4a9f86bdabb437e7231a3f47398190f21', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: 'fd7fc11006278b6093e73ed0ba6301c6dbebcc52', 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: 'ec58f555af3ba84febf9358b96331e072c6616fc', name: "suffix" }), " "), this.helperText && index.h("dga-helper-text", { key: '10c91a2f4376725600f7b3172be27f57bb455dfc', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -7,7 +7,7 @@ const DgaHugeIconUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'b8681cf470b4c25ba9b11c5642ffcf4c8256e889' }, index.h("h1", { key: '923c1d53bc6135d02d6c04fea9caa31fe4598f0d' }, "Huge Icon Example"), index.h("div", { key: '251f7f0c01fcae6729cca1fa55893367e752ea1d', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("dga-icon-v2", { key: '7d45fce158d3a09afb8486f1c30c0617c8d6fff1', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), index.h("dga-icon", { key: 'e334ad842e3bfcd08b04a5db3fba26f2f3f2ca78', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
+        return (index.h("div", { key: '4550137d59f0491c03415d357bc3c4aa8a4b954d' }, index.h("h1", { key: '30bebad5a8bac0cdd54264f43a05678a7d6f7bfe' }, "Huge Icon Example"), index.h("div", { key: '4def1fbceaf11de70c9735c3f552bb6d4f7df769', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("dga-icon-v2", { key: 'e97c16099f1cd5443dcb045a76318955d88b319d', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), index.h("dga-icon", { key: 'bc96a381865ebabef11c7c3c21ca90375d6f206e', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
     }
 };
 

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

@@ -377,7 +377,7 @@ const Icon = class {
          * if shouldBeFlippable is true, the icon should change direction when `dir` changes
          */
         const shouldBeFlippable = flipRtl || shouldAutoFlip;
-        return (index.h(index.Host, Object.assign({ key: '3fb9bacb8086a9af2739cab91b6593b7d66e8ddd', role: "img", class: {
+        return (index.h(index.Host, Object.assign({ key: 'c3c86b0aa965042f90353da7160f27ed66a6e37a', role: "img", class: {
                 'flip-rtl': shouldBeFlippable,
                 'icon-rtl': shouldBeFlippable && dir.isRTL(el),
             } }, inheritedAttributes, { style: {

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: '0552849d1aedf5dc489f8a44a35eaee794a8706d', dir: 'rlt' }, index.h("h1", { key: '4adf5efc633ef28a806353bb451462ce6fd21c71' }, "Inline ALert Example"), index.h("div", { key: 'b95d457ba33f02ada899d5491012f5943df3d3a2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '9b3cd723b7c47109c16f21f5804703b07fede0ab', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: 'ac1be70cf632645ce0215f898ef4d1277ad955b2', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '68469b5cdd27a2ff3f1499462d5c613cb87762bb', 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: 'f396bcb3d18e770a09f20cc2d9e89f81e380d394', 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: 'ba7e27311f3a9f6cf1d1eea0489da84979856ae1', 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: 'd7719801d029abcd990c5472ecff805c599c1c31', 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: '9a050008de53d9db8851b5207a05e65961f9eacf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '8a0d2a49d15fbc55046a4049ae737b7d941210dd', dir: 'rlt' }, index.h("h1", { key: '853c65729de18bb7b3f168f84936619ed28fc74b' }, "Inline ALert Example"), index.h("div", { key: '967fa59b4017997f6ce42624a2b2d2de23646cfa', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'b53fb09470ebe141d1091f5b4ecc72f6ce84209e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-inline-alert", { key: '06a700bc70698258ec4e855835b1020f52ab59ca', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), index.h("dga-inline-alert", { key: '53c419198d672ba4eec3d5d6a298dcde9e76dc02', 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: 'c18b2e050daf4ad6f44f8e92c92d3d2e4012fae3', 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: '0e68e4942078f1960559afc5fb296e3297578c15', 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: '2d4158619b859a0e270918f9713ccb7dac9aef67', 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: 'a1caca30371a1393c7c33df8fc912564380901e6', 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: '51a1aef5977ccdabbad4baa3bc94a0db9e8a9dec', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: '87caa87eaed73ef430e0172073b7afeb4ca97400', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: '8872072bad3f3c32fc9514a3ecabfce6490113fc', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("dga-icon", { key: 'f00eda8008baa620feb585846944bcf27ef5225a', name: this.icons[this.type], variant: "stroke", size: 20 })), index.h("div", { key: 'e858aff75ed8bf9a7a4f90cefe4d3c31c5108d56', class: "alert__body" }, index.h("h4", { key: 'eae8438c342c0eb17ae270d3b6e7ef2032ee11ee', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: 'd496ab6183d5c218a3f6cfdc7bfe73cc830c7a42', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: '7ed949dbab9138b138d57c7815ef931aa6c9f9ad', class: "alert__close-btn" }, index.h("button", { key: '2e0f0caeeb21f761df4e27a9b6dfecdcf682e02f', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: '0ddc0dca7715b62b829d3b04b2d0bbcb5d880d35', class: "dga-btn-icon" }, index.h("dga-icon", { key: 'bd1c415aa3529c894d5939e6dc0fada2608b97cb', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: '1b2b0bcda9df6747d3f1af532493b10da5cad5fb' }, index.h("div", { key: 'd9aaa5aa500697eb66ff2a38b8a2fc9abf2076cb', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (index.h("div", { key: 'cf31fdd990ac2405d139c84b31103753e3a3cc86', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, index.h("div", { key: '79dd235b6e16da480894aec2659d0b951296bee9', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, index.h("div", { key: '1762f1290159341040b50b2ff7a35504b47beb0c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, index.h("dga-icon", { key: '53cd5e9ddfa85a93c49a8fd223447ac12d2cb670', name: this.icons[this.type], variant: "stroke", size: 20 })), index.h("div", { key: 'fc0f70fadcf82aee08de90b2377ed9faed07dcfa', class: "alert__body" }, index.h("h4", { key: '5e30c0ccc81f9d1e9f80afbacb8f44bb59c83b99', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && index.h("p", { key: 'c449f978f57877792783c3ba8f48c5de47cd1fd9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (index.h("div", { key: 'd6de8d168f45954d9759543d23f55ac77292ee31', class: "alert__close-btn" }, index.h("button", { key: '5dd488e3c55dd653135c56cd23d0e73f08a7dede', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, index.h("span", { key: 'df2ac196ba828d02985da95357e8618f87b9aa66', class: "dga-btn-icon" }, index.h("dga-icon", { key: 'dfe8a7eb3a8f3bf859f3b0e22f1a912469eeccc0', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (index.h(index.Fragment, { key: '461782a42956e4df6150c6a2236bfa079273d0ed' }, index.h("div", { key: 'bdbf9703075d02b4e1bed0d08746f104bce33ea1', 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: 'a6eb094a59cc63dffff53e905a4676a15adcc20b', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), index.h("div", { key: 'cab7651a92e0cd1345b527cdb6ade1902b98cda7', 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: '6ac64660647e9846b73e7c5a124c96a6f8ce98db' }, index.h("h1", { key: 'cef1d1d371a46be63f2177cc96e9f231e7ed058a' }, "Linear Progress Bar Example"), index.h("div", { key: 'f93c58dd9d63616334f25912418e1a7d9b201b60', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: '9eadcbd1f31c9fc6e435b842875fd41832ca404e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: 'b5e3c28b36d4f390357c81af3743396736c0b95d', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: 'a3054782846cf013b3521e31da803fedbaa1f8f2', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '078863636dd2b6d94211f53e170ca936d63b9b8f', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '27e3d563a70cf18c702879aabdf7b0f9e4df53e3' }), index.h("dga-linear-progress-bar", { key: '35bc067c8cc2f6f84ae0e1badc224c5a9994c44c', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: 'f54979ca00c8688b321dcd9d49d599f91a809285', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'b4ee3d7c5a1b395da7d519b5ca22511902f0ed5b', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '873b1ffb65ed850cd29a59105e6f705cc6f34923' }), index.h("dga-linear-progress-bar", { key: 'df1baccf5ad2d5427bf6fe42092cb5929e731895', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: '36971dd7140fbf3cdd8069c5d4e38e84ed8a8101', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: '5c82744a3f5c0bb84487f757a0135c7d286b3368', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: '61ca28a4e34f7f8b885d74c6cd1e857866c88531', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: '29250f77470be8452c7a673aed5ab309b4deba9a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '56eb9a21d71f90c0541fbac931584d569985dfe0' }, index.h("h1", { key: '50bdeba1789e166b339efcb2957c9b7402e8c7a9' }, "Linear Progress Bar Example"), index.h("div", { key: 'd1406ad25cb5721c6aa4ffe1ec5ad73fde7c9185', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: 'b5058d47bc56b3ff695af20d6ce5c404bedc4c32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-linear-progress-bar", { key: '728511b00d0e1f126e7579f628e0c089c2a2622e', percentage: this.percentage, size: 'large', success: true }), index.h("dga-linear-progress-bar", { key: '2df4506577e4270fe69ed6db1c65d0c6cab08cd7', size: 'large', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'b85cbd069a5054d38c4ed226146c916ba53c27e5', size: 'large', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: '77979314eb42429e6ae0e11de7182093a388b9db' }), index.h("dga-linear-progress-bar", { key: 'e92e7e628495f157d46cd1b4c1052442425798a2', percentage: this.percentage, size: 'small', success: true }), index.h("dga-linear-progress-bar", { key: 'c4e72d10ce94d71b2efda207a0093c8ab3949553', size: 'small', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'e4f434b11022acd3f45c1d3a87b543e36cfe26ef', size: 'small', progressStyle: "primary", percentage: this.percentage }), index.h("hr", { key: 'df620bf2a35760d8a12ab67dff237ba7467a79e4' }), index.h("dga-linear-progress-bar", { key: '9f9ccc67c870bba76011d1092d92eb88329221fd', percentage: this.percentage, size: 'medium', success: true }), index.h("dga-linear-progress-bar", { key: '948785cc6f3d1c23a9b75200829a4ddfd60a34fa', size: 'medium', error: true, percentage: this.percentage }), index.h("dga-linear-progress-bar", { key: 'e7c3a4a3878aceb7936513e721bce4a3bd337aa0', size: 'medium', progressStyle: "primary", percentage: this.percentage }), index.h("input", { key: '62675273d25506389b47672d38167c9ed4c3f527', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), index.h("div", { key: 'e1f4443ab0a96ad962db2343eb5f30a34afcca04', 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: 'e0aba43de322047d25a46fd325cee6e33532c46b', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ddf1c20f7cfe3997f82b0494d26f2917091313fe', "clip-path": "url(#clip0_17869_405)" }, index.h("path", { key: '96d63d80b13e97746e23b6a0e65a704961426473', 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: '0c0bfe4d284478d0b48ddab2f6eb68b8a7fb75d6' }, index.h("clipPath", { key: '003dd427467adc2bf55f3bcb22f8d3b405cfbe2c', id: "clip0_17869_405" }, index.h("rect", { key: '950e35ff22d3c9b034b9838241082db71b17d78b', width: "16", height: "16", fill: "white" }))))),
-            primary: (index.h("svg", { key: 'a71f2d74b308c86b7baf55d3a2e1284caa25d0b4', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: 'ef81ccdc0b0b35a1b76b68ac8fcd8955d9897884', "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: 'd957f3aa3443ae176b03d2e3fa1ffb22df22d3d0', "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: 'b0ba1115c71b2e5cbcff8ca34fc6a06c62fb3a51', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '0364c9cc2b0a542550e728a04449e126858d6432', "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: '23d881373c15c1d81a73d15483de941ef398f1d2', "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: 'ad3cd132ce762b4ca230b3d061f8548dfc8e6743', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("g", { key: 'ddf57d87c872b95f615ad514c32d6a9cdb2fcb89', "clip-path": "url(#clip0_17869_405)" }, index.h("path", { key: 'f099baff0c1983f75dcc22299f659541c8c05949', 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: 'd2caa8d45c1f3ccf746319965af923e42666b674' }, index.h("clipPath", { key: '892c8b48fd6273ed40c9c31bc37974b877985dd2', id: "clip0_17869_405" }, index.h("rect", { key: 'af315330c6ce48312464ab6f2682b6e61c0cb202', width: "16", height: "16", fill: "white" }))))),
+            primary: (index.h("svg", { key: '2150fe4cad8756cfe448270a4969af9b0141501d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '7e43c870adcf2225c8e181477b765bd32408022b', "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: 'c6b1470eff9df4d63489b586f4c6dc6520696040', "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: '833d5409de4d166a775617c8a8aa6330adeb01ec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { key: '3469dc6b5b91ba973b62aaaf8dd739ed14f0a2c7', "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: 'af5293f42df923600e77418e93a1783444d06b43', "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: '2ebb175707b45ddff7e72eada7b1970e99e2262a', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: '58e79724dfe981f940086f66e3b7bd96190aab78', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: '2e024c5950f8b1a06119610bcc9fbb62b33db6a5', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: 'f797296213d5c3ff9da82629bd71a6045c5ab644', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: '4d0440be7234f8803b9a26f4a46df515f5b5c0c3', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: 'daeef014940d34b9e6adc6deacba1d870ade9b78', class: "progress-bar__note" }, index.h("div", { key: 'd701b2b07ed69c84e7db505577c74bf2475e452a', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: 'c1c44614a8d2a6b4f8d8e8903d5d163eee270ba8', class: "content" }, index.h("p", { key: 'c1ea303bcb9ccbc63edc1c762c17135abbb00967', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (index.h("div", { key: '0ed22f0040c913ee8c47c8fcb6b09ad91a65516f', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && index.h("h3", { key: 'c20c5c2a65240ebc957f11d9140b0c913cba8d82', class: `${sizeMapper[this.size]}` }, this.label), index.h("div", { key: '0bfa2a34aadfee76ea1d389f01d45073e94fd719', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, index.h("div", { key: '203f19f4b25fe4863d1003c0fef10e2fafc56016', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && index.h("span", { key: 'ec9b40fcaa22c7d95fd4af0d3ade0c93dc87d1cd', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (index.h("div", { key: '407ed36553eeb1b9efab3b20a80f46af0a4e387a', class: "progress-bar__note" }, index.h("div", { key: '99bcd695030873a3ece53c3a124f03a30c88baf0', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), index.h("div", { key: '9174d49de14f09c8dd0bdffcd38311dfb71a88ab', class: "content" }, index.h("p", { key: 'b5e63429f70fc732dd23a127ef3221364e220381', 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: 'f401fa9332990528a060203c3d3fb9f7634d0c42' }, index.h("h1", { key: 'e68b79bec56d4821c6bdf1f47d67741205e78e8a' }, "Link Example"), index.h("div", { key: '461658e9a12cf9a2e0842d9e42d4effa0e0581a5', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '352fb39e8add6326b3a4e803d89c158b32da317a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: '8ac846987817828e4d8c7317936b26bb6a513a05', label: "Link", variant: "neutral" }), index.h("dga-link", { key: 'f066375fec60f4fb68b74e9ec66430f0e895e0d5', label: "Link", variant: "on-color" }), index.h("dga-link", { key: 'be822f07ea79f6782e23415b62653d13afc64a43', label: "Link", variant: "primary" })), index.h("div", { key: '831cbee11fc90eb42aba30af7c7a825471438b87', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'd3535c59ad7d9ee7b8c572371185d8a1d6f904d3' }, index.h("h1", { key: '69a9746a46fdff8283e019fcdded2b05e3c58d58' }, "Link Example"), index.h("div", { key: '4d38ef7601e90cfc0590614faaaf52a886e74ef2', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'a7474aa9ebdba9deaea67d947ce73399ed8052ff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-link", { key: 'bcd7aab3f2a8f87903495a7bcaade15363565c19', label: "Link", variant: "neutral" }), index.h("dga-link", { key: 'bd0b0a8cbacde7f58456d23895cae933f1c3cff0', label: "Link", variant: "on-color" }), index.h("dga-link", { key: '216150826f3a66dbdcb7e3f4dd57d43a9e64751c', label: "Link", variant: "primary" })), index.h("div", { key: '6e963385c72e429521625fc766d3ef30f7daa14b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

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

@@ -33,7 +33,7 @@ const DgaListItem = class {
         return null;
     }
     render() {
-        return (index.h("li", { key: 'ea563aa2b52b600800ce2991e055b2db73344cf4', class: this.getListClass() }, this.type === 'with-icon' && (index.h("span", { key: 'cda76b8632e9a5e0b6f022bb85be8dcd38320308', class: "list-item__icon", innerHTML: this.icon })), this.renderMarker(), index.h("span", { key: '3c1dddefbda54ca70a87d8f9e330a73d1e09e832', class: "list-item__text" }, this.itemText)));
+        return (index.h("li", { key: 'ea563aa2b52b600800ce2991e055b2db73344cf4', class: this.getListClass() }, this.type === 'with-icon' && (index.h("span", { key: '23548209d319ae5791f14da2b56068a3775b137f', class: "list-item__icon" }, index.h("dga-icon", { key: 'ecf93dfc8a40471abe01c4e3f78229ea09dd8a82', icon: this.icon, size: 16 }))), this.renderMarker(), index.h("span", { key: '8ef34fbd75174cb7ba82c84835cb3441b14d33b6', class: "list-item__text" }, this.itemText)));
     }
     get el() { return index.getElement(this); }
 };
@@ -68,7 +68,7 @@ const DgaListV2 = class {
     //   }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (index.h(Tag, { key: '617980405c2d425da188084e0180cd9f6a5617f5', class: `list list--${this.type} list--${this.color}` }, index.h("slot", { key: 'f545693d0fdd24015e20bb6ca62f6aef4bca51c0' })));
+        return (index.h(Tag, { key: 'ff99aa5ace5c3a92bbff8d30fc3c7820a32b66de', class: `list list--${this.type} list--${this.color}` }, index.h("slot", { key: '2280745fe712b4b00ce5f459615848b4aa3ef9c4' })));
     }
 };
 DgaListV2.style = dgaListV2Css;

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: '7c0bad5d99df075f37671adef7de4239146621bb' }, index.h("h1", { key: 'ea3a0503027f6cc147cc3b47228b0250f2059357' }, "List Example"), index.h("div", { key: 'a7298f7efd86d10dbe6ccd28e199ab7864259e07', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'a59b5d6ec3203bfa921fd0164b1a7bbe9353ca70', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: 'a9bcf1cbd25c746651ae95cc0eef6760df3a40d1', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: '6943d0b1d70cd0d78a0e3826ac2e49daa43747a6', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: 'aa40b0b610a24398d981fee217c0cbf546e53dcd', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: 'fc683bdf9d5dcd6b64123b74eaa55769359a3ad3', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: 'a328a91b18c4facbb6dd16876be68ea6bd6829d3', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: 'a0445738da6416f2cc4c6bbdbb3cf3c47a33e33c', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: 'edba1791f7a393142e24b09075f234dd115a3d73', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: 'a9e81ac8469f7f97dc821f13a93f138aa83d18fb', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: '0bc62b5700cb731ea8bda01ec6b047953bc6f6e7', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: '975032c46bc94ab28ba190163200e9b7f1c3bc8f', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: '9d3b0f21fd7f975e1fb75199ff0c0c9cff98007e', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: '72e8fda37812cea436278328f9a20c88fbbe93ab', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: 'f37d31a9c4c11eb0c5a3ce228fd6d9f430e0992c', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: 'dd2636c0af12a0bcf766effff89503b211164062', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (index.h("div", { key: '333055f1445a491712e754528544eefcb1124cca' }, index.h("h1", { key: '55fc6ed6c9bfc52d31292754caa835704f7ae84e' }, "List Example"), index.h("div", { key: '200da3bea75948a48774fc267f0a9abd8c5519e1', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'def847a3f277b0d375731322d37e157ebf45baa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-list-v2", { key: '5abfa0eecf96cbc497d6cb8f65c3bfb75e71cc4c', type: 'ordered', color: 'neutral' }, index.h("dga-list-item", { key: '881d17816f0f7c5702620d6780770615e0e891b8', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), index.h("dga-list-item", { key: 'b27d47bef1319b58ba0efeae7db2dc67b1dd13ec', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), index.h("dga-list-item", { key: '1af4e569e6cc8cba15279e9a563033b89cd726a1', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), index.h("dga-list-item", { key: 'c22fc6afc19adf3196946afa84b53b94cbe70679', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), index.h("dga-list-item", { key: '2622b17ef4d6b551e69fd553ed04ee20d5341f19', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), index.h("dga-list-v2", { key: '6589813c6ef152ac4d2bbbeebfca593635f049d4', type: 'unordered', color: 'neutral' }, index.h("dga-list-item", { key: 'ff1fc6b39742f15904194497804eca755a974ea4', type: "unordered", level: 'one', itemText: 'List item' }), index.h("dga-list-item", { key: 'a3216f0c92a10572435b79bad45c92a2b5370cb4', type: "unordered", level: 'two', itemText: 'List item' }), index.h("dga-list-item", { key: '8eed6a32e3ba3ed88c794d5a2219cecf1c39ab2f', type: "unordered", level: 'two', itemText: 'List item' })), index.h("dga-list-v2", { key: '9e22e64ae91a952dba0cf8c6906f38bf4e54d104', type: 'with-icon', color: 'neutral' }, index.h("dga-list-item", { key: 'fbb8df316254deb99fbe877c2e9f58e21d45d71c', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '8320d065049e7849bf3ee7570fc3edee693fddeb', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), index.h("dga-list-item", { key: '56fc2bbf243d3ea3e69650eed85d503b681b365f', 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: '91131ee27d0c10ef49df38668867285ce1f72922', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '2eaf01cbb75c6f373344a6045dcc56f0b77b44e1', class: "list-title" }, this.title), index.h(Tag, { key: '5818a77605587f99f1be8e71102570acd25dae93' }, 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: '7d95361dcea178a59da32b4d08bf7f0560eb3d48', class: `list list--${this.type} list--${this.color}` }, this.title && index.h("h3", { key: '0344d56c05bb2edaee1716489128994fd076a0bf', class: "list-title" }, this.title), index.h(Tag, { key: 'd7e8b8e2a3f2162f9b0c6b25e9a6025d44f0ea71' }, 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: 'cbd3f3f140d12aeb94623c1f2d0602f4e3725448' }, index.h("h1", { key: '3747315d6d1067faa33c096f4dca076abb2372cb' }, "Loading Example"), index.h("div", { key: '0cf84b1e8fe70cad207a98c8653a574fc565d61c', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: '1a89e6412c520ec1d66496e3a5d021ee397e6ff6', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '4bb4e3e07b327c791f39e98468cda4e3e5cf0e68' })), index.h("div", { key: '80bc8534a1668e02a43797ae850a0995c25db4e2', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (index.h("div", { key: 'bf58955c9fa97077b7e15aea084429b2f711d4f9' }, index.h("h1", { key: 'eaf082fa93ac33b2e10a6667a09b6a50015edd14' }, "Loading Example"), index.h("div", { key: '73586bff09c11cf8f921840408bcc75a93afb3a5', style: { padding: "50px", display: "flex", gap: "20px" } }, index.h("div", { key: 'f4d9cc537d1deede62091c6b1a6c85598d8fcd18', style: { display: "flex", flexDirection: "column", gap: "20px" } }, index.h("dga-loading", { key: '013fa149d371c83070897c04ffdbd120f0ecf4eb' })), index.h("div", { key: '769c7a6ab524a4469f98615e9cdaaa01c4c3acf3', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };
 

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

@@ -44,7 +44,7 @@ const DgaLoading = class {
     }
     render() {
         const classes = `dga-loading dga-loading--${this.size} dga-loading--${this.variant} ${this.extraClass ? this.extraClass : ''}`;
-        return (index.h(index.Host, { key: '4acb1b3b17f5e246ffeb456d8db4458731a372f6', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'b5b6924a6f447a9f84c24caa7bea2acdfd78b884', class: classes }, index.h("div", { key: '999d0a684a68dfb1b7fc2a61f774f0683ad7b9f9', class: "dga-loading__circle" }))));
+        return (index.h(index.Host, { key: 'aec3305a5289c4f5a2661e5ac024f9d3dba1ce18', id: this.componentId, style: this.rootStyles }, index.h("div", { key: 'f26f96d4e528b58281080ba7b56c78acd4ff8420', class: classes }, index.h("div", { key: 'a1aa4321be52b29c87ea64a4a5eb0d7156a6cb65', class: "dga-loading__circle" }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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: '86dd52ed3f3ee850b26675804bab4808272ebc3c', class: "menu-group" }, this.groupLabel && index.h("span", { key: 'df39605b15ae286fe647cafe77b61fc9d52c3f31', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '6a87d151d1894b7a09f5831ac2f84a5be8d439c9', class: "menu-group__items" }, index.h("slot", { key: '3d871855108f7e6c06e014932355b0bcfbe86e25' }))));
+        return (index.h("div", { key: 'f83f05369c4927b2081e1b180480c59e9d73e540', class: "menu-group" }, this.groupLabel && index.h("span", { key: '557db4ae2b7333a6bec917979c657e6392f984ca', class: "menu-group__label" }, this.groupLabel), index.h("ul", { key: '0b66140bfde01c8f8df1c2d59433f7ccbe6f37b4', class: "menu-group__items" }, index.h("slot", { key: '720f7613be74e425cdb4204fbaa57e61c98ce153' }))));
     }
 };
 DgaMenuGroup.style = dgaMenuGroupCss;
@@ -31,7 +31,7 @@ const DgaMenuItem = class {
         }
     }
     render() {
-        return (index.h("li", { key: 'f6f1d62cf40cada354091aa71beba67aef0edb3b', 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: '4224bedc81bba7577328fee16c0efdaa9b6b7cce', class: "menu-item__icon" }, index.h("slot", { key: '00e7c38eb14f1e4b8eb54f259b97fb9505eb32c4', name: "lead-icon" })), index.h("span", { key: '1dfdf81fcf2430fc2d482b1d643c639b0a0bbf03', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: 'bdb48ee539b12fc1d7c524551f175c766b84aac5', class: "menu-item__trail-element" }, index.h("slot", { key: '06367632da6b8bf96116cf03a0b0cbbe975708dd', name: "trail-element" }))));
+        return (index.h("li", { key: '653c9c0bd9e3f3b38f4d414bf55fdfc1f78f9751', 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: '92e16bee31b7f248363dbfe9b9600db9283d4dd1', class: "menu-item__icon" }, index.h("slot", { key: '565479b56817e98ad2f454fab7e5d485a3d6029b', name: "lead-icon" })), index.h("span", { key: '53a53f7a22b50c3fa30e60b759e051787048c8c6', class: "menu-item__label" }, this.label), this.hasTrailElement && index.h("div", { key: '1bad8270fb653e6211e3e1fc9005d0fd25bdaf09', class: "menu-item__trail-element" }, index.h("slot", { key: '371654c563a50b14a90cdd42a4789e9e5ce26fcf', name: "trail-element" }))));
     }
 };
 DgaMenuItem.style = dgaMenuItemCss;