npm - @platformscode/core - Versions diffs - 0.0.43 → 0.0.45 - Mend

@platformscode/core 0.0.43 → 0.0.45

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (966) hide show

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

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

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

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

package/dist/esm/dga-header-menu_5.entry.js CHANGED Viewed

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

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

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

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-B4CGwdkg.js';
 import { g as guid } from './index-OZG1OajU.js';
 import { S as SxStyleManager } from './sx-style-manager-BFEqPAFn.js';
-import { h as alert02Solid, d as alertCircleSolid, c as checkmarkCircle02Solid } from './index-CzSbvsrF.js';
+import { k as alert02Solid, g as alertCircleSolid, e as checkmarkCircle02Solid } from './index-8U4v1m_C.js';
 const DgaHelperText = class {
     constructor(hostRef) {
@@ -11,7 +11,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (h("div", { key: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '7ed1239af523e8b18fd5d92c069e0a6272cbdae9', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '122be0bb93141b41b2aac62ef064290881f8555c', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '1189d580b7bb40c0d1b94a7c2854d533296bcb60', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '7059ad5cc1cedc76fc4c5bd961abc4bc47093154', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
@@ -25,7 +25,7 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (h("label", { key: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
+        return (h("label", { key: 'b5f66b333601ce749b29f1910094b0a59a000e8f', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '396d392b5d3a610463fe9dabb695f2564cf2e74e', class: "star" }, "*"), this.label));
     }
 };
@@ -92,12 +92,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '6aa60ba409a3daa08995c7042f6e0578ab3d42ef', id: this.componentId, style: this.rootStyles }, h("div", { key: 'f21c1e7ec1df3fda3b5b468718458f4c9da1d1ec', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '2985269173692f0f9638402a4062c5c927d1ed04', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7da9cba2a6d61c6c9b84c190b118062daf96b6a8', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '938045265a03fd1d1393f52defe1cdacbfb6298d', name: "prefix" }), this.icon && (h("span", { key: '71f77370f325428d8191f378913a9f7f27ecf7dc', class: "input__icon" }, h("dga-icon", { key: 'eb7797c2c6f0af3fd5ef57130422f9f8413daa7f', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'd010084df3fc542cce7f2788e4c5afc2991ec406',
+        return (h(Host, { key: 'a6ad42987caab879069e90776ee2e99d53e589e0', id: this.componentId, style: this.rootStyles }, h("div", { key: '30e879fd8493609ecbe82799926965a83cd0e0e9', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '2cd5ce9a3d6bffb4355e175d29185ac62ca8c21d', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7be085d60d130c6961ebfe619fb3565caf7714ed', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '2d59ffc44b3d81254522d08f8d0c9eb30a219fdc', name: "prefix" }), this.icon && (h("span", { key: '757000195e13ad3bdecc4f1c61059d7cd2a4afea', class: "input__icon" }, h("dga-icon", { key: 'd1824ca85bf69ecd8770a66f5e5696de5f3c3587', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '693281027327c7ab87a66c620194392daa766cee',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'e6cd3315f8c85fe53cebc72ff572daff1c272077', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '60e8d8ff507ae72edf582fba86d3360c14610787', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '5163553412c092790fe95de086b640d875b1a561', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'd59d526bc2d81bf30b69118930d398f79e228881', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -6,7 +6,7 @@ const DgaInlineAlertUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '8a0d2a49d15fbc55046a4049ae737b7d941210dd', dir: 'rlt' }, h("h1", { key: '853c65729de18bb7b3f168f84936619ed28fc74b' }, "Inline ALert Example"), h("div", { key: '967fa59b4017997f6ce42624a2b2d2de23646cfa', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b53fb09470ebe141d1091f5b4ecc72f6ce84209e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '06a700bc70698258ec4e855835b1020f52ab59ca', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), 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 }), 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 }), 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 }), 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 })), h("div", { key: 'a1caca30371a1393c7c33df8fc912564380901e6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '56669528587c10d496fedb73a0eef9f1d58dd555', dir: 'rlt' }, h("h1", { key: 'f0c4c8a447aee5b1e0686424cf1e59e163940ac7' }, "Inline ALert Example"), h("div", { key: 'b47de85f885b67e12f12e2a358860c2e0763f8b2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '210209abea6e4efb2dcb52dda33297bb019e29fc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: 'b4ce17d89d0185f29dbea63ad5f30abfc2086d13', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: '4fca9ffb36394ecdf87232b8ae9f49a0b14a9697', type: "error", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '5de445056c8d6c833a0a8f5bccda9d2f4c869433', type: "info", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '0e570df90a5c19a06862a80e8757e183dd1da5f6', type: "success", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true }), h("dga-inline-alert", { key: '99ebf76708236f13f3f6c33eccac9c924953a03d', type: "warning", leadText: "Notification/Alert message title ", helperText: "When a Notification/Alert needs a further detailed explanation, it goes here.", colored: true })), h("div", { key: '4b242f67c9d5857a74c538179742b734fe569e0e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-inline-alert.entry.js CHANGED Viewed

@@ -20,9 +20,9 @@ const DgaInlineAlert = class {
         };
     }
     render() {
-        return (h("div", { key: 'cf31fdd990ac2405d139c84b31103753e3a3cc86', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '79dd235b6e16da480894aec2659d0b951296bee9', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '1762f1290159341040b50b2ff7a35504b47beb0c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: '53cd5e9ddfa85a93c49a8fd223447ac12d2cb670', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: 'fc0f70fadcf82aee08de90b2377ed9faed07dcfa', class: "alert__body" }, h("h4", { key: '5e30c0ccc81f9d1e9f80afbacb8f44bb59c83b99', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'c449f978f57877792783c3ba8f48c5de47cd1fd9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'd6de8d168f45954d9759543d23f55ac77292ee31', class: "alert__close-btn" }, h("button", { key: '5dd488e3c55dd653135c56cd23d0e73f08a7dede', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'df2ac196ba828d02985da95357e8618f87b9aa66', class: "dga-btn-icon" }, h("dga-icon", { key: 'dfe8a7eb3a8f3bf859f3b0e22f1a912469eeccc0', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '461782a42956e4df6150c6a2236bfa079273d0ed' }, h("div", { key: 'bdbf9703075d02b4e1bed0d08746f104bce33ea1', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: 'b7cb4e65f9b9c7e963d8abc5f847fd2896a11749', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '319623040dcbf2209c524126aa6decbc1938e7eb', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '837a902f0f891f4013536984d32b202001447b08', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("dga-icon", { key: 'd182ff0147be8d8d7ce3c0111d9de77d1e9e6349', name: this.icons[this.type], variant: "stroke", size: 20 })), h("div", { key: '8f996157e5857a1490688c99628bb06633e013d8', class: "alert__body" }, h("h4", { key: '3968c03edf738831800c4f564f29248230b2acb4', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: '49494ab20893f6c2d0a7e7b7bba131376baec607', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '3bbfbd70712c26fd8de1ee2a94056f3a15528634', class: "alert__close-btn" }, h("button", { key: '2756798c4124c8a3d1c6011b62d6181585c788f3', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'c383def520ebd1223d440b816b5417184eabd1d4', class: "dga-btn-icon" }, h("dga-icon", { key: 'db7797fb7f48249b8332e0adcbe162c20ba4d0fd', name: "multiplication-sign", variant: "stroke", size: 20 })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: 'e3eb6dd7470f9a70bd400513d9480f1c8692e5ee' }, h("div", { key: 'd945befb593a02ffe476a1625db8a556ff0c90f3', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), h("div", { key: 'cab7651a92e0cd1345b527cdb6ade1902b98cda7', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'b8a542d8f45b761cce5c43c1c2c8424dfee740b6', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

package/dist/esm/dga-linear-progress-bar-usage.entry.js CHANGED Viewed

@@ -10,7 +10,7 @@ const DgaLinearProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (h("div", { key: '56eb9a21d71f90c0541fbac931584d569985dfe0' }, h("h1", { key: '50bdeba1789e166b339efcb2957c9b7402e8c7a9' }, "Linear Progress Bar Example"), h("div", { key: 'd1406ad25cb5721c6aa4ffe1ec5ad73fde7c9185', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'b5058d47bc56b3ff695af20d6ce5c404bedc4c32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: '728511b00d0e1f126e7579f628e0c089c2a2622e', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '2df4506577e4270fe69ed6db1c65d0c6cab08cd7', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'b85cbd069a5054d38c4ed226146c916ba53c27e5', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '77979314eb42429e6ae0e11de7182093a388b9db' }), h("dga-linear-progress-bar", { key: 'e92e7e628495f157d46cd1b4c1052442425798a2', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'c4e72d10ce94d71b2efda207a0093c8ab3949553', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'e4f434b11022acd3f45c1d3a87b543e36cfe26ef', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: 'df620bf2a35760d8a12ab67dff237ba7467a79e4' }), h("dga-linear-progress-bar", { key: '9f9ccc67c870bba76011d1092d92eb88329221fd', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: '948785cc6f3d1c23a9b75200829a4ddfd60a34fa', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'e7c3a4a3878aceb7936513e721bce4a3bd337aa0', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '62675273d25506389b47672d38167c9ed4c3f527', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: 'e1f4443ab0a96ad962db2343eb5f30a34afcca04', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '4d59bc98f32258aea9b5e4b4693331973ef20c2e' }, h("h1", { key: '832d234b9671c733b73cf8b441e8a5da38149b0d' }, "Linear Progress Bar Example"), h("div", { key: '4d760937a71e3d41f8173530cf75f0b80d99f781', style: { padding: '50px', gap: '20px' } }, h("div", { key: '61f0ccf160133b60b862cec0bce8c1a3f55c9d27', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: 'bea542fd2e62cc35c63d2f6343bb7822d2992a38', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '880530d09601fee19ef09da3f26aad1d64330f55', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'd455dc8a54fe5502cea1780adfd731a04b032e56', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '7c0598bf9a5efeb81396aff8232a6bb325d496e9' }), h("dga-linear-progress-bar", { key: 'de07d11d03755bb6413b921035e39aa5a8c99527', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'e50a796c5f75c05cd97502e6caad9949594e1a90', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'ac0c90c070729212ac6ba5f519007fc984dab26c', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '524d5af819bc0a833ee047be76cef75a33576a91' }), h("dga-linear-progress-bar", { key: '1e48d86178ddf001e68082d0e47a783ec97c13dd', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: '0a70c84a0a35206c2fa9e43db76aef676e43f191', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'f7a81ec87a4f726ae7ff56740024e5e3c8638bae', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '6f359794456dd1dd697755e242994b04224e5621', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: 'ca0ec913f7ddf4dc469a32e9074968b31c703d85', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-linear-progress-bar.entry.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { r as registerInstance, h } from './index-B4CGwdkg.js';
+import { j as helpCircleStroke } from './index-8U4v1m_C.js';
 const dgaLinearProgressBarCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap\"); @import url(\"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap\"); html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:\"\";content:none}table{border-collapse:collapse;border-spacing:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:none;-moz-appearance:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}textarea{overflow:auto;vertical-align:top;resize:vertical}audio,canvas,video{display:inline-block;zoom:1;max-width:100%}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:active,a:hover{outline:0}img{border:0;-ms-interpolation-mode:bicubic;}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#222}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:0.2em 0;background:#ccc;color:#000;padding:0.2em 0}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}*{box-sizing:border-box}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Regular.woff\") format(\"woff\");font-weight:400;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Medium.woff\") format(\"woff\");font-weight:500;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-SemiBold.woff\") format(\"woff\");font-weight:600;font-style:normal}@font-face{font-family:\"IBMPlexSansArabic\";src:url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff2\") format(\"woff2\"), url(\"/assets/fonts/IBM-Plex-Sans-Arabic/IBMPlexSansArabic-Bold.woff\") format(\"woff\");font-weight:700;font-style:normal;font-display:auto}body{font-family:\"IBMPlexSansArabic\"}a,a:active,a:focus{color:inherit;text-decoration:none}.display-2xl-regular{font:400 72px/90px \"IBMPlexSansArabic\"}.display-xl-regular{font:400 60px/72px \"IBMPlexSansArabic\"}.display-lg-regular{font:400 48px/60px \"IBMPlexSansArabic\"}.display-md-regular{font:400 36px/44px \"IBMPlexSansArabic\"}.display-sm-regular{font:400 30px/38px \"IBMPlexSansArabic\"}.display-xs-regular{font:400 24px/32px \"IBMPlexSansArabic\"}.text-xl-regular{font:400 20px/30px \"IBMPlexSansArabic\"}.text-lg-regular{font:400 18px/28px \"IBMPlexSansArabic\"}.text-md-regular{font:400 16px/24px \"IBMPlexSansArabic\"}.text-sm-regular{font:400 14px/20px \"IBMPlexSansArabic\"}.text-xs-regular{font:400 12px/18px \"IBMPlexSansArabic\"}.text-2xs-regular{font:400 10px/14px \"IBMPlexSansArabic\"}.display-2xl-medium{font:500 72px/90px \"IBMPlexSansArabic\"}.display-xl-medium{font:500 60px/72px \"IBMPlexSansArabic\"}.display-lg-medium{font:500 48px/60px \"IBMPlexSansArabic\"}.display-md-medium{font:500 36px/44px \"IBMPlexSansArabic\"}.display-sm-medium{font:500 30px/38px \"IBMPlexSansArabic\"}.display-xs-medium{font:500 24px/32px \"IBMPlexSansArabic\"}.text-xl-medium{font:500 20px/30px \"IBMPlexSansArabic\"}.text-lg-medium{font:500 18px/28px \"IBMPlexSansArabic\"}.text-md-medium{font:500 16px/24px \"IBMPlexSansArabic\"}.text-sm-medium{font:500 14px/20px \"IBMPlexSansArabic\"}.text-xs-medium{font:500 12px/18px \"IBMPlexSansArabic\"}.text-2xs-medium{font:500 10px/14px \"IBMPlexSansArabic\"}.display-2xl-semibold{font:600 72px/90px \"IBMPlexSansArabic\"}.display-xl-semibold{font:600 60px/72px \"IBMPlexSansArabic\"}.display-lg-semibold{font:600 48px/60px \"IBMPlexSansArabic\"}.display-md-semibold{font:600 36px/44px \"IBMPlexSansArabic\"}.display-sm-semibold{font:600 30px/38px \"IBMPlexSansArabic\"}.display-xs-semibold{font:600 24px/32px \"IBMPlexSansArabic\"}.text-xl-semibold{font:600 20px/30px \"IBMPlexSansArabic\"}.text-lg-semibold{font:600 18px/28px \"IBMPlexSansArabic\"}.text-md-semibold{font:600 16px/24px \"IBMPlexSansArabic\"}.text-sm-semibold{font:600 14px/20px \"IBMPlexSansArabic\"}.text-xs-semibold{font:600 12px/18px \"IBMPlexSansArabic\"}.text-2xs-semibold{font:600 10px/14px \"IBMPlexSansArabic\"}.display-2xl-bold{font:700 72px/90px \"IBMPlexSansArabic\"}.display-xl-bold{font:700 60px/72px \"IBMPlexSansArabic\"}.display-lg-bold{font:700 48px/60px \"IBMPlexSansArabic\"}.display-md-bold{font:700 36px/44px \"IBMPlexSansArabic\"}.display-sm-bold{font:700 30px/38px \"IBMPlexSansArabic\"}.display-xs-bold{font:700 24px/32px \"IBMPlexSansArabic\"}.text-xl-bold{font:700 20px/30px \"IBMPlexSansArabic\"}.text-lg-bold{font:700 18px/28px \"IBMPlexSansArabic\"}.text-md-bold{font:700 16px/24px \"IBMPlexSansArabic\"}.text-sm-bold{font:700 14px/20px \"IBMPlexSansArabic\"}.text-xs-bold{font:700 12px/18px \"IBMPlexSansArabic\"}.text-2xs-bold{font:700 10px/14px \"IBMPlexSansArabic\"}.dga-spacing-hor-0{height:0px}.dga-spacing-vert-0{width:0px}.dga-p-0{padding:0px}.dga-px-0{padding-inline:0px}.dga-py-0{padding-block:0px}.dga-pl-0{padding-left:0px}.dga-pr-0{padding-right:0px}.dga-pt-0{padding-top:0px}.dga-pb-0{padding-bottom:0px}.dga-mx-0{margin-inline:0px}.dga-my-0{margin-block:0px}.dga-ml-0{margin-left:0px}.dga-mr-0{margin-right:0px}.dga-mt-0{margin-top:0px}.dga-mb-0{margin-bottom:0px}.dga-spacing-hor-2{height:8px}.dga-spacing-vert-2{width:8px}.dga-p-2{padding:8px}.dga-px-2{padding-inline:8px}.dga-py-2{padding-block:8px}.dga-pl-2{padding-left:8px}.dga-pr-2{padding-right:8px}.dga-pt-2{padding-top:8px}.dga-pb-2{padding-bottom:8px}.dga-mx-2{margin-inline:8px}.dga-my-2{margin-block:8px}.dga-ml-2{margin-left:8px}.dga-mr-2{margin-right:8px}.dga-mt-2{margin-top:8px}.dga-mb-2{margin-bottom:8px}.dga-spacing-hor-4{height:16px}.dga-spacing-vert-4{width:16px}.dga-p-4{padding:16px}.dga-px-4{padding-inline:16px}.dga-py-4{padding-block:16px}.dga-pl-4{padding-left:16px}.dga-pr-4{padding-right:16px}.dga-pt-4{padding-top:16px}.dga-pb-4{padding-bottom:16px}.dga-mx-4{margin-inline:16px}.dga-my-4{margin-block:16px}.dga-ml-4{margin-left:16px}.dga-mr-4{margin-right:16px}.dga-mt-4{margin-top:16px}.dga-mb-4{margin-bottom:16px}.dga-spacing-hor-8{height:32px}.dga-spacing-vert-8{width:32px}.dga-p-8{padding:32px}.dga-px-8{padding-inline:32px}.dga-py-8{padding-block:32px}.dga-pl-8{padding-left:32px}.dga-pr-8{padding-right:32px}.dga-pt-8{padding-top:32px}.dga-pb-8{padding-bottom:32px}.dga-mx-8{margin-inline:32px}.dga-my-8{margin-block:32px}.dga-ml-8{margin-left:32px}.dga-mr-8{margin-right:32px}.dga-mt-8{margin-top:32px}.dga-mb-8{margin-bottom:32px}.dga-spacing-hor-12{height:48px}.dga-spacing-vert-12{width:48px}.dga-p-12{padding:48px}.dga-px-12{padding-inline:48px}.dga-py-12{padding-block:48px}.dga-pl-12{padding-left:48px}.dga-pr-12{padding-right:48px}.dga-pt-12{padding-top:48px}.dga-pb-12{padding-bottom:48px}.dga-mx-12{margin-inline:48px}.dga-my-12{margin-block:48px}.dga-ml-12{margin-left:48px}.dga-mr-12{margin-right:48px}.dga-mt-12{margin-top:48px}.dga-mb-12{margin-bottom:48px}.dga-spacing-hor-16{height:64px}.dga-spacing-vert-16{width:64px}.dga-p-16{padding:64px}.dga-px-16{padding-inline:64px}.dga-py-16{padding-block:64px}.dga-pl-16{padding-left:64px}.dga-pr-16{padding-right:64px}.dga-pt-16{padding-top:64px}.dga-pb-16{padding-bottom:64px}.dga-mx-16{margin-inline:64px}.dga-my-16{margin-block:64px}.dga-ml-16{margin-left:64px}.dga-mr-16{margin-right:64px}.dga-mt-16{margin-top:64px}.dga-mb-16{margin-bottom:64px}.dga-spacing-hor-24{height:96px}.dga-spacing-vert-24{width:96px}.dga-p-24{padding:96px}.dga-px-24{padding-inline:96px}.dga-py-24{padding-block:96px}.dga-pl-24{padding-left:96px}.dga-pr-24{padding-right:96px}.dga-pt-24{padding-top:96px}.dga-pb-24{padding-bottom:96px}.dga-mx-24{margin-inline:96px}.dga-my-24{margin-block:96px}.dga-ml-24{margin-left:96px}.dga-mr-24{margin-right:96px}.dga-mt-24{margin-top:96px}.dga-mb-24{margin-bottom:96px}.dga-spacing-hor-32{height:128px}.dga-spacing-vert-32{width:128px}.dga-p-32{padding:128px}.dga-px-32{padding-inline:128px}.dga-py-32{padding-block:128px}.dga-pl-32{padding-left:128px}.dga-pr-32{padding-right:128px}.dga-pt-32{padding-top:128px}.dga-pb-32{padding-bottom:128px}.dga-mx-32{margin-inline:128px}.dga-my-32{margin-block:128px}.dga-ml-32{margin-left:128px}.dga-mr-32{margin-right:128px}.dga-mt-32{margin-top:128px}.dga-mb-32{margin-bottom:128px}.dga-spacing-hor-40{height:160px}.dga-spacing-vert-40{width:160px}.dga-p-40{padding:160px}.dga-px-40{padding-inline:160px}.dga-py-40{padding-block:160px}.dga-pl-40{padding-left:160px}.dga-pr-40{padding-right:160px}.dga-pt-40{padding-top:160px}.dga-pb-40{padding-bottom:160px}.dga-mx-40{margin-inline:160px}.dga-my-40{margin-block:160px}.dga-ml-40{margin-left:160px}.dga-mr-40{margin-right:160px}.dga-mt-40{margin-top:160px}.dga-mb-40{margin-bottom:160px}.dga-spacing-hor-48{height:192px}.dga-spacing-vert-48{width:192px}.dga-p-48{padding:192px}.dga-px-48{padding-inline:192px}.dga-py-48{padding-block:192px}.dga-pl-48{padding-left:192px}.dga-pr-48{padding-right:192px}.dga-pt-48{padding-top:192px}.dga-pb-48{padding-bottom:192px}.dga-mx-48{margin-inline:192px}.dga-my-48{margin-block:192px}.dga-ml-48{margin-left:192px}.dga-mr-48{margin-right:192px}.dga-mt-48{margin-top:192px}.dga-mb-48{margin-bottom:192px}.dga-spacing-hor-56{height:224px}.dga-spacing-vert-56{width:224px}.dga-p-56{padding:224px}.dga-px-56{padding-inline:224px}.dga-py-56{padding-block:224px}.dga-pl-56{padding-left:224px}.dga-pr-56{padding-right:224px}.dga-pt-56{padding-top:224px}.dga-pb-56{padding-bottom:224px}.dga-mx-56{margin-inline:224px}.dga-my-56{margin-block:224px}.dga-ml-56{margin-left:224px}.dga-mr-56{margin-right:224px}.dga-mt-56{margin-top:224px}.dga-mb-56{margin-bottom:224px}.dga-spacing-hor-64{height:256px}.dga-spacing-vert-64{width:256px}.dga-p-64{padding:256px}.dga-px-64{padding-inline:256px}.dga-py-64{padding-block:256px}.dga-pl-64{padding-left:256px}.dga-pr-64{padding-right:256px}.dga-pt-64{padding-top:256px}.dga-pb-64{padding-bottom:256px}.dga-mx-64{margin-inline:256px}.dga-my-64{margin-block:256px}.dga-ml-64{margin-left:256px}.dga-mr-64{margin-right:256px}.dga-mt-64{margin-top:256px}.dga-mb-64{margin-bottom:256px}.dga-spacing-hor-72{height:288px}.dga-spacing-vert-72{width:288px}.dga-p-72{padding:288px}.dga-px-72{padding-inline:288px}.dga-py-72{padding-block:288px}.dga-pl-72{padding-left:288px}.dga-pr-72{padding-right:288px}.dga-pt-72{padding-top:288px}.dga-pb-72{padding-bottom:288px}.dga-mx-72{margin-inline:288px}.dga-my-72{margin-block:288px}.dga-ml-72{margin-left:288px}.dga-mr-72{margin-right:288px}.dga-mt-72{margin-top:288px}.dga-mb-72{margin-bottom:288px}.dga-spacing-hor-80{height:320px}.dga-spacing-vert-80{width:320px}.dga-p-80{padding:320px}.dga-px-80{padding-inline:320px}.dga-py-80{padding-block:320px}.dga-pl-80{padding-left:320px}.dga-pr-80{padding-right:320px}.dga-pt-80{padding-top:320px}.dga-pb-80{padding-bottom:320px}.dga-mx-80{margin-inline:320px}.dga-my-80{margin-block:320px}.dga-ml-80{margin-left:320px}.dga-mr-80{margin-right:320px}.dga-mt-80{margin-top:320px}.dga-mb-80{margin-bottom:320px}.dga-spacing-hor-88{height:352px}.dga-spacing-vert-88{width:352px}.dga-p-88{padding:352px}.dga-px-88{padding-inline:352px}.dga-py-88{padding-block:352px}.dga-pl-88{padding-left:352px}.dga-pr-88{padding-right:352px}.dga-pt-88{padding-top:352px}.dga-pb-88{padding-bottom:352px}.dga-mx-88{margin-inline:352px}.dga-my-88{margin-block:352px}.dga-ml-88{margin-left:352px}.dga-mr-88{margin-right:352px}.dga-mt-88{margin-top:352px}.dga-mb-88{margin-bottom:352px}.dga-spacing-hor-96{height:384px}.dga-spacing-vert-96{width:384px}.dga-p-96{padding:384px}.dga-px-96{padding-inline:384px}.dga-py-96{padding-block:384px}.dga-pl-96{padding-left:384px}.dga-pr-96{padding-right:384px}.dga-pt-96{padding-top:384px}.dga-pb-96{padding-bottom:384px}.dga-mx-96{margin-inline:384px}.dga-my-96{margin-block:384px}.dga-ml-96{margin-left:384px}.dga-mr-96{margin-right:384px}.dga-mt-96{margin-top:384px}.dga-mb-96{margin-bottom:384px}.dga-spacing-hor-104{height:416px}.dga-spacing-vert-104{width:416px}.dga-p-104{padding:416px}.dga-px-104{padding-inline:416px}.dga-py-104{padding-block:416px}.dga-pl-104{padding-left:416px}.dga-pr-104{padding-right:416px}.dga-pt-104{padding-top:416px}.dga-pb-104{padding-bottom:416px}.dga-mx-104{margin-inline:416px}.dga-my-104{margin-block:416px}.dga-ml-104{margin-left:416px}.dga-mr-104{margin-right:416px}.dga-mt-104{margin-top:416px}.dga-mb-104{margin-bottom:416px}.dga-spacing-hor-112{height:448px}.dga-spacing-vert-112{width:448px}.dga-p-112{padding:448px}.dga-px-112{padding-inline:448px}.dga-py-112{padding-block:448px}.dga-pl-112{padding-left:448px}.dga-pr-112{padding-right:448px}.dga-pt-112{padding-top:448px}.dga-pb-112{padding-bottom:448px}.dga-mx-112{margin-inline:448px}.dga-my-112{margin-block:448px}.dga-ml-112{margin-left:448px}.dga-mr-112{margin-right:448px}.dga-mt-112{margin-top:448px}.dga-mb-112{margin-bottom:448px}.dga-spacing-hor-120{height:480px}.dga-spacing-vert-120{width:480px}.dga-p-120{padding:480px}.dga-px-120{padding-inline:480px}.dga-py-120{padding-block:480px}.dga-pl-120{padding-left:480px}.dga-pr-120{padding-right:480px}.dga-pt-120{padding-top:480px}.dga-pb-120{padding-bottom:480px}.dga-mx-120{margin-inline:480px}.dga-my-120{margin-block:480px}.dga-ml-120{margin-left:480px}.dga-mr-120{margin-right:480px}.dga-mt-120{margin-top:480px}.dga-mb-120{margin-bottom:480px}.dga-radius-small{border-radius:2px}.dga-radius-small-t{border-radius:2px 2px 0 0}.dga-radius-small-tl{border-radius:2px 0px 0 0}.dga-radius-small-tr{border-radius:0px 2px 0 0}.dga-radius-small-b{border-radius:0 0 2px 2px}.dga-radius-small-bl{border-radius:0 0 2px 0px}.dga-radius-small-br{border-radius:0 0 0px 2px}.dga-radius-medium{border-radius:4px}.dga-radius-medium-t{border-radius:4px 4px 0 0}.dga-radius-medium-tl{border-radius:4px 0px 0 0}.dga-radius-medium-tr{border-radius:0px 4px 0 0}.dga-radius-medium-b{border-radius:0 0 4px 4px}.dga-radius-medium-bl{border-radius:0 0 4px 0px}.dga-radius-medium-br{border-radius:0 0 0px 4px}.dga-radius-large{border-radius:8px}.dga-radius-large-t{border-radius:8px 8px 0 0}.dga-radius-large-tl{border-radius:8px 0px 0 0}.dga-radius-large-tr{border-radius:0px 8px 0 0}.dga-radius-large-b{border-radius:0 0 8px 8px}.dga-radius-large-bl{border-radius:0 0 8px 0px}.dga-radius-large-br{border-radius:0 0 0px 8px}.dga-radius-xlarge{border-radius:12px}.dga-radius-xlarge-t{border-radius:12px 12px 0 0}.dga-radius-xlarge-tl{border-radius:12px 0px 0 0}.dga-radius-xlarge-tr{border-radius:0px 12px 0 0}.dga-radius-xlarge-b{border-radius:0 0 12px 12px}.dga-radius-xlarge-bl{border-radius:0 0 12px 0px}.dga-radius-xlarge-br{border-radius:0 0 0px 12px}.dga-radius-none{border-radius:0px}.dga-radius-circular{border-radius:100%}.dga-flex{display:flex}.dga-flex-column{display:flex;flex-direction:column}.dga-flex-center{display:flex;align-items:center;justify-content:center}.dga-flex-center-y{display:flex;align-items:center}.dga-flex-center-x{display:flex;justify-content:center}.dga-flex-between{display:flex;justify-content:space-between}.dga-flex-wrap{flex-wrap:wrap}.dga-flex-align-stretch{align-items:stretch}.dga-flex-align-start{align-items:flex-start}.dga-flex-align-end{align-items:flex-end}.dga-flex-justify-end{justify-content:flex-end}.dga-flex-justify-start{justify-content:flex-start}.dga-text-right{text-align:right}.dga-text-left{text-align:left}.dga-text-center{text-align:center}.dga-shadow-xs{box-shadow:var(--shadow-xs)}.dga-shadow-sm{box-shadow:var(--shadow-sm)}.dga-shadow-md{box-shadow:var(--shadow-md)}.dga-shadow-lg{box-shadow:var(--shadow-lg)}.dga-shadow-xl{box-shadow:var(--shadow-xl)}.dga-shadow-2xl{box-shadow:var(--shadow-2xl)}.dga-shadow-3xl{box-shadow:var(--shadow-3xl)}.dga-ver-divider{width:1px;height:48px;background:var(--colors-alpha-alpha-black-20);margin-inline:var(--spacing-xl)}@media only screen and (max-width: 37.5em){.dga-xs-hide{display:none}}.dga-flex-justify-start{justify-content:start}.dga-flex-justify-end{justify-content:end}.dga-flex-justify-center{justify-content:center}.dga-flex-justify-between{justify-content:between}.dga-flex-justify-around{justify-content:around}.dga-flex-align-start{align-items:start}.dga-flex-align-end{align-items:end}.dga-flex-align-center{align-items:center}.dga-flex-align-stretch{align-items:stretch}.progress-wrapper{display:flex;flex-direction:column;gap:4px}.progress-wrapper h3{color:var(--form-field-text-label, #161616);font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:\"IBM Plex Sans Arabic\"}.progress-wrapper .progress-bar__note{display:flex;align-items:center;gap:8px}.progress-wrapper .progress-bar__note .icon{height:16px;width:16px}.progress-wrapper .progress-bar__note .content p{color:var(--text-primary-paragraph, #384250);font-family:\"IBM Plex Sans Arabic\";font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.progress-wrapper .progress-bar__note .content p.error{color:var(--text-error, #B42318)}.progress-wrapper .progress-bar__note .content p.success{color:var(--text-success, #067647)}.progress-bar-container{overflow:hidden;width:100%;background:var(--background-neutral-100, #f3f4f6);border-radius:4px;overflow:hidden;position:relative}.progress-bar-container.sm{height:4px}.progress-bar-container.md{height:8px}.progress-bar-container.lg{height:16px;border-radius:8px}.progress-bar-container.lg .progress-bar{border-radius:8px}.progress-bar-container .progress-bar{height:100%;display:flex;align-items:center;justify-content:flex-end;color:white;font-weight:bold;border-radius:4px;transition:width 0.5s ease-in-out}.progress-bar-container .progress-bar.primary{background:var(--background-primary, #1b8354)}.progress-bar-container .progress-bar.neutral{background:var(--button-background-black-selected, #384250)}.progress-bar-container .progress-bar.error{background:var(--background-error, #d92d20);color:var(--text-error, #B42318)}.progress-bar-container .progress-bar.success{background:var(--background-success, #079455);color:var(--text-success, #067647)}.progress-bar-container .progress-bar .progress-bar-text{color:#fff;font-family:\"IBM Plex Sans Arabic\";font-size:12px;font-style:normal;font-weight:400;line-height:normal;padding:0 8px}";
@@ -25,11 +26,11 @@ const DgaLinearProgressBar = class {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("svg", { key: 'ad3cd132ce762b4ca230b3d061f8548dfc8e6743', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'ddf57d87c872b95f615ad514c32d6a9cdb2fcb89', "clip-path": "url(#clip0_17869_405)" }, 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" })), h("defs", { key: 'd2caa8d45c1f3ccf746319965af923e42666b674' }, h("clipPath", { key: '892c8b48fd6273ed40c9c31bc37974b877985dd2', id: "clip0_17869_405" }, h("rect", { key: 'af315330c6ce48312464ab6f2682b6e61c0cb202', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: '2150fe4cad8756cfe448270a4969af9b0141501d', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" }), 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: (h("svg", { key: '833d5409de4d166a775617c8a8aa6330adeb01ec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, 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" }), 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" }))),
+            neutral: (h("dga-icon", { key: '78d6026f112bd80e6c2b99f2be5ef4f78caedac2', icon: helpCircleStroke, size: 16, color: '#384250' })),
+            primary: (h("svg", { key: '9e70dba73911dad3690715901795447fc65232eb', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'eb4a1a819f14fde8d1b097708f85967fdb6d01cc', "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" }), h("path", { key: 'f787d69a6c3de2ea558d5c4223abad57d1672c98', "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: (h("svg", { key: 'c33bfd46ee7d6ccc0747115ff588227ce636b995', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'f3639bdd8d4a58093b64e7b2742f65dd40f3e574', "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" }), h("path", { key: 'beb6af2075961b8e924d32c163269632a08a1eca', "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 (h("div", { key: '0ed22f0040c913ee8c47c8fcb6b09ad91a65516f', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'c20c5c2a65240ebc957f11d9140b0c913cba8d82', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '0bfa2a34aadfee76ea1d389f01d45073e94fd719', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '203f19f4b25fe4863d1003c0fef10e2fafc56016', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'ec9b40fcaa22c7d95fd4af0d3ade0c93dc87d1cd', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '407ed36553eeb1b9efab3b20a80f46af0a4e387a', class: "progress-bar__note" }, h("div", { key: '99bcd695030873a3ece53c3a124f03a30c88baf0', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '9174d49de14f09c8dd0bdffcd38311dfb71a88ab', class: "content" }, h("p", { key: 'b5e63429f70fc732dd23a127ef3221364e220381', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '161eb9a4a1b0bea04d5ae742ab69a211e2708aff', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '5d80affb94aa0dc700a6da1f4d08d22d243d8568', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '2c86413756141cd140f439d8777dd8b0f5195ab7', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '5a4ba5250bd256c2cb5f78add3d02e4749da4112', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '9d301102d872632879dc36abbc4d27e6849c9921', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '596691efaf614a081d6261c58afd33d6e4707aaf', class: "progress-bar__note" }, h("div", { key: '1cf04ce13c23cb9e99129c3dcc59129607099491', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '1e99c404435028238cb5808f9a66073b4e6061c4', class: "content" }, h("p", { key: '6e904b1099c19db42ee30bad5b095569a2f34908', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
 };
 DgaLinearProgressBar.style = dgaLinearProgressBarCss;

package/dist/esm/dga-link-usage.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const DgaLinkUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'd3535c59ad7d9ee7b8c572371185d8a1d6f904d3' }, h("h1", { key: '69a9746a46fdff8283e019fcdded2b05e3c58d58' }, "Link Example"), h("div", { key: '4d38ef7601e90cfc0590614faaaf52a886e74ef2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'a7474aa9ebdba9deaea67d947ce73399ed8052ff', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'bcd7aab3f2a8f87903495a7bcaade15363565c19', label: "Link", variant: "neutral" }), h("dga-link", { key: 'bd0b0a8cbacde7f58456d23895cae933f1c3cff0', label: "Link", variant: "on-color" }), h("dga-link", { key: '216150826f3a66dbdcb7e3f4dd57d43a9e64751c', label: "Link", variant: "primary" })), h("div", { key: '6e963385c72e429521625fc766d3ef30f7daa14b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'ae6430e8624f6d5e04b7feb45caef048f63d9a0e' }, h("h1", { key: '6211504ca0daac56441827544f21ffb788a9bdfc' }, "Link Example"), h("div", { key: '3703744a3fcfdf29a55a2f571a7db7054a203a5d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd0684fb2360f188f25da34a13b2ae90eb24b9ab9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: '8973cc89e026ab2dc09ab44b263646373f7c308b', label: "Link", variant: "neutral" }), h("dga-link", { key: '418747d322721e5d1a5a1e3d23f671456f018cdc', label: "Link", variant: "on-color" }), h("dga-link", { key: 'ca7921df75e691f1b6d3e8c5778c827051b7e36c', label: "Link", variant: "primary" })), h("div", { key: '9b68ee4d2183255c0804d35b9b074cb845f1c455', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

package/dist/esm/dga-list-usage.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ const DgaListUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '333055f1445a491712e754528544eefcb1124cca' }, h("h1", { key: '55fc6ed6c9bfc52d31292754caa835704f7ae84e' }, "List Example"), h("div", { key: '200da3bea75948a48774fc267f0a9abd8c5519e1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'def847a3f277b0d375731322d37e157ebf45baa2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '5abfa0eecf96cbc497d6cb8f65c3bfb75e71cc4c', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '881d17816f0f7c5702620d6780770615e0e891b8', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: 'b27d47bef1319b58ba0efeae7db2dc67b1dd13ec', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: '1af4e569e6cc8cba15279e9a563033b89cd726a1', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: 'c22fc6afc19adf3196946afa84b53b94cbe70679', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '2622b17ef4d6b551e69fd553ed04ee20d5341f19', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '6589813c6ef152ac4d2bbbeebfca593635f049d4', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: 'ff1fc6b39742f15904194497804eca755a974ea4', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'a3216f0c92a10572435b79bad45c92a2b5370cb4', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '8eed6a32e3ba3ed88c794d5a2219cecf1c39ab2f', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '9e22e64ae91a952dba0cf8c6906f38bf4e54d104', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: 'fbb8df316254deb99fbe877c2e9f58e21d45d71c', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '8320d065049e7849bf3ee7570fc3edee693fddeb', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '56fc2bbf243d3ea3e69650eed85d503b681b365f', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (h("div", { key: '8db57f2e0a6544e2ce9e054099b826aed97ea15c' }, h("h1", { key: 'd4346b50e6630fe597aca8a2869a395f1cc0c674' }, "List Example"), h("div", { key: 'ec79864ad333edcfaae2b4bdb0ea9278c7185106', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '692a3127ae0df2a53b2a179d6de47cc6c1473e74', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '7c99bbb377387a8471f7ec9fc5d1b8391329f618', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '176e5452f4568694803bff6ce01f5ce196615340', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: '00b980f700316f3178cd68fd5db9cf483333a361', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: 'd7d413ddd06f0590952e81c06f03e3a36e42bd1c', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: '41b627fedff2b3395dfc01d4bb1b23a936b4f1d0', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '286fb71cf5b60a78443ed2673b9d75ce67246ea7', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: '21cdd0b30741495cc5fea6f7b7a9431e09888bfa', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: '4c8d437b8fdc9aa1b3f8ed44f7e5b4c0cbdd93ac', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: '54a20882507fef620070d8d568725f3ebc18f1f2', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '0e861dd0254a874947122608a0db9405559b1a3f', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '46c40db17e103689343af422eae1c7204f988910', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: '16a30bf6a79dcb1f92d7a266d2ecf88233fada28', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '3aab9bcdfa3e014f96a1d2a310136bd7307241be', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '8a125fd2677e3bc7469099a55ed5ec18254eadd5', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
     }
 };

package/dist/esm/dga-list.entry.js CHANGED Viewed

@@ -17,7 +17,7 @@ const DgaList = class {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h("div", { key: '7d95361dcea178a59da32b4d08bf7f0560eb3d48', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '0344d56c05bb2edaee1716489128994fd076a0bf', class: "list-title" }, this.title), h(Tag, { key: 'd7e8b8e2a3f2162f9b0c6b25e9a6025d44f0ea71' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (h("div", { key: 'ba7b015bb0d4e6e8cec66784c58a314d67ac498b', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '3a98e09f9857f7c6bd1642aaec623760ca2c3414', class: "list-title" }, this.title), h(Tag, { key: '8e71a150258eb13aa0f99c1e787f49fa67ea7ab7' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
 };

package/dist/esm/dga-loading-usage.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const DgaLoadingUsage = class {
         this.activeStep = 1;
     }
     render() {
-        return (h("div", { key: 'bf58955c9fa97077b7e15aea084429b2f711d4f9' }, h("h1", { key: 'eaf082fa93ac33b2e10a6667a09b6a50015edd14' }, "Loading Example"), h("div", { key: '73586bff09c11cf8f921840408bcc75a93afb3a5', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'f4d9cc537d1deede62091c6b1a6c85598d8fcd18', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '013fa149d371c83070897c04ffdbd120f0ecf4eb' })), h("div", { key: '769c7a6ab524a4469f98615e9cdaaa01c4c3acf3', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '72f77ca84e532d1a0734fd2cab6c022114d29835' }, h("h1", { key: '42885d84f0eef84a083e0f2b4b071816a634a3ad' }, "Loading Example"), h("div", { key: 'f703f139fe9c017fd57ce9afa354501bc9a4524c', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '4bdded490a427c4e1eb163981d37094630516e8e', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '1d24bd693948dac035958c11563cda84cf760c7d' })), h("div", { key: 'fc54e0d0c32ac633a8cce7543529832854fed5fa', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };

package/dist/esm/dga-menu.entry.js CHANGED Viewed

@@ -32,7 +32,7 @@ const DgaMenu = class {
         };
     }
     render() {
-        return (h(Fragment, { key: '26bddcf78184796ce02fcf705488bdd613cf6949' }, this.open && this.anchorEl && (h("ul", { key: '6c65291898e68652253898973e165b59093c7aa1', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '8aae03b4774f80523c472f18d8d023db87d2590b' })))));
+        return (h(Fragment, { key: '8138f82cd1f35a05b549dfdad0ee9cf1e547ef72' }, this.open && this.anchorEl && (h("ul", { key: '0a64088429fec52ce8fa6ea88edfec7d963b1ffc', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '2307a8e5377df63ac97b56e87d9ff39c82853a73' })))));
     }
 };

package/dist/esm/dga-metric-chart-v2.entry.js CHANGED Viewed

@@ -63,7 +63,7 @@ const DgaMetricChartV2 = class {
     }
     render() {
         const { x: markerX, y: markerY } = this.currentMarkerPos;
-        return (h("svg", { key: '21cb7639e1bb84c5a07cd7228503c6db8b88960c', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: '5fbdc79365affcc8eff80dedd4a5a6a2e03001f8' }, h("linearGradient", { key: 'cacaafbb7da16fdbc8e23f15d0f089210ce9573f', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '50db3958dd54b513043360dfd29baa76a157bd50' }), h("stop", { key: '8f99ff9c56ccc69cb24689ea464311cf3fc9d5ef', offset: "1", "stop-opacity": "0" })), h("mask", { key: '6cab4fc69cd585ed810ce6e7c79531f37ce32ea9', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: '84c771ca83db1990d02db3c1604eab70619fd380', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: '5b83567dfc8cff62ba9610fbd6088847991dc11a', mask: "url(#chartMask)" }, h("path", { key: 'ef3226d18157e6d3551981bc2f28d0e373297109', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: '9751032b599180fb3350879dbccacedd35cde80a', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: 'a0a87660359ed63d98a5c187a263563d06db5f1a', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: 'aba29f5af07db2022089691c10b509003664e2da', opacity: "0.2" }, h("rect", { key: '60d64614d2fe846eb57cff6c7af88e77e8dc2da7', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: '6b0269e79dac44fab9456f89bc4bb8f5493de5b0', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'd3f2b7ab612f3554b51ada107af3966fd426d1c8', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
+        return (h("svg", { key: '61295f4b1633aa57c77ca55a7ffc09b5d69ac3bf', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: 'dbc5febd01f61f26d058b280d1e1a307014af782' }, h("linearGradient", { key: '202b1b5e3611e66e5015121e28831637644d1283', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'beb93332b61e578121dfdcad5fb0579287b7be17' }), h("stop", { key: '6bf4366472f3a662eb0b62ed5bd0e2f6815deac4', offset: "1", "stop-opacity": "0" })), h("mask", { key: '82ae03585494883ed04f911bc964a0fda69ee9bb', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: 'a60fb5d602352d5cd382a8c8fddbbd115fd20341', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: '8f560ce20d4984d96cf5bbf361dc911083bd4018', mask: "url(#chartMask)" }, h("path", { key: '3341ae6de91fd75f3ac17132209c6008f7ff4ec8', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: 'dea4c54841b2e27c133ccbee5490c1fff1a14744', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: 'a44c3c11fe7019683048be916cbe342eb78efe65', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: '27d3b6532b6b030e1551259fc0218831e3859b27', opacity: "0.2" }, h("rect", { key: '531bcffb90505d9f94c74f702340541267120f1f', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: 'e99e32a340fbe239f6a7a63d5f2af5a73eead7fc', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'd3299793a8de81b6b0001f08661ab3c596e8b09c', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
     }
     static get watchers() { return {
         "data": ["dataChangeHandler"]

package/dist/esm/dga-metric-chart.entry.js CHANGED Viewed

@@ -59,7 +59,7 @@ const DgaMetricChart = class {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '6e0e53da9e43dfed03b40b987a62f83893ea546a', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '7d5cf14f37fd3273a262abc279017136407e7334' }, h("linearGradient", { key: '5e1d5bfe2c22e62b37e6aa76b92b3f17f43c53c3', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'e8a9ef5cb36775b8e8883941c828ec70090c7d5a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '76df9718b5edb53c6a24585f0a9b9d101b400579', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '5f2f736807d130c7fd3b0f7c802d5d1249b5c698', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '830d65dc2186a1616f8c05eb2856e80f21814cde', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (h("svg", { key: 'e8c92a07bc783cf346245b5c0fd45fa20d5a4d38', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '0a6963dafb66578199bfb0cf5a4c068fb6dbccaa' }, h("linearGradient", { key: 'c0e3943bb8c1916df90aec6e91c0af86abcdf50b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '3644f8867f235f896946c534ed380c2d9881b994', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '78cc31e950d3bc06df1932f2c96989f25f55296e', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'd40cacebc52b608f71284ee05a810227a71ab545', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '800293db958132d8ff65546c57d434596eb48113', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get watchers() { return {
         "size": ["handleSizeChange"]