npm - @platformscode/core - Versions diffs - 0.0.31 → 0.0.32 - Mend

@platformscode/core 0.0.31 → 0.0.32

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 (1059) hide show

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: 'e481be6a6dbe8809a80637fc7ba598da265544af' }, h("dga-second-nav-header", { key: '399e36dffd2daddea077bbe373c6c72b0bc40a13', hideDivider: true }, h("dga-second-nav-header-actions", { key: '9c6368a33b2dfb98bb5fbb5336047dc6d8a7e774' }, h("dga-button-v2", { key: '9f3788b7963aeadb40018dd295dcc29f3fce26b6', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h(Fragment, { key: 'bb44ae7dc9113261332f4e7c16fee4b6f3435c29' }, h("dga-second-nav-header", { key: 'dd8c1c228e945af1bb410cfcc51b3e8393237e95', hideDivider: true }, h("dga-second-nav-header-actions", { key: 'eab3cd29bc0b9bc7c01310c1ffd4d9c8d109c66e' }, h("dga-button-v2", { key: '4c3da5d7e62fb27663579d0105fd7b092a189f13', 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: '3ebe99318befc64e1efc7b6c25546e07c9d9f243', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: '0afd4c17b4f0ecbd2861994397be4b43bcf2b4d1', 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: '284a1ac5c7974f68d1becfac17a0bc406ecfc7f8', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'de476dcd8866c106913d3d002c016e3736ef8304', 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: 'b25416537bf4822cddbf056a3df53ee5bd2bb153', label: "Button", variant: "transparent", size: "sm", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }), h("dga-button-v2", { key: 'df22254d1fbc563734b51fd0b6f4eabeedd4d650', 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: '9e7fdd80c6e8fc83275d1d8b559d8d674fd1c77e' }, h("dga-second-nav-header-item", { key: 'e8c93dffb156758c969e56ccbb5ce8f169161876', label: "Cloudy" }, h("dga-icon", { key: '6313840bc9ae3a8f4027227e10eaf5df7f2d7e12', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '194d9cb9bc65f5c14c95fb1e9996404540db4ac9', label: "21 Jan 2024" }, h("dga-icon", { key: '98c71b454b288082d55b9e0196c4da6f6c84a3bc', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: 'ae97e5d3bf0a43b9ff34a71c15967f196a264b97', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: '5ab64c00eeeaa4fcb1d9e33a82188147b1229dc6', collapsed: this.collapsed, onToggleCollapsed: e => {
+            } })), h("dga-second-nav-header-content", { key: '262515eca00c2623769218aa05d2bbbfec054752' }, h("dga-second-nav-header-item", { key: '861b0a6ec625057dd277079c9e0e13f08670eb04', label: "Cloudy" }, h("dga-icon", { key: 'ea14200e677da9da0c6416cb1331517c0f7c32ba', icon: "cloud", variant: "stroke", type: "rounded" })), h("dga-second-nav-header-item", { key: '0245c214b841a1283c79008f2bddafdbb25ec194', label: "21 Jan 2024" }, h("dga-icon", { key: '2c515b4f6e14dceead98d63bbc12b531e040f48b', icon: "calendar-04", variant: "stroke", type: "rounded" })))), h("dga-nav-header", { key: '62a6da7d79e2b026f65ea9a399c995ca3a0b000b', fullWidth: true, divider: true, sticky: true }, h("dga-nav-header-main", { key: 'e51815ec6b5380707f6d9fdf1ea5da3bac9d00a1', collapsed: this.collapsed, onToggleCollapsed: e => {
                 this.collapsed = e.detail;
                 console.log('collapsed', e.detail);
-            } }, h("dga-button", { key: 'e9208110ad28f3eeafad288da9ce343101a0ca93', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+            } }, h("dga-button", { key: '8ea0acaa19fc5ad26c32d47b56755e8fab719a9f', 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: 'cfa203d5b4f3dfac124cb55e26cd8f86e0fbd1db', 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: '871f6ab774079885bf728b2861726d13c26e5995' }, h("dga-nav-header-link", { key: '3afde7fb8ad72776effccea22be2e1b6db4bcbd7', label: "Item 1", icon: "arrow-down-01", active: this.activeLink === 'link-1', subMenuBackground: "white", onClick: () => {
+            } }), h("dga-nav-header-logos", { key: '5deb0b7f9be6d4c0aedab2d8fab5a5ba010b21dd', 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: 'c4ebc61f2d2be4f054e1f792da8cc4d90353633a' }, h("dga-nav-header-link", { key: '583df0d814e77196228ad3c42f91b2dd3faaf6e7', 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: 'f27362a30fde245a0a1c6a518c740fa913c3d021', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '314d5eab89b70f1483ee8a5490fe87359f4ee148', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '6413c2349cf797bc699fcd3c9c8ad505d949a2cf', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '441425e3126a8d71bd832c09007cccec2a1b1361', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'b9fdd369e95512c92606f70de8d00867d6408c36', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'a5775185a7a1bfa8f8137f98fb16c1db8d0d55f3', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'a89584ae532291bcf890dc562abf9f90da8a72d6', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '149e09ae0ec480e01e4be156e924fd199fba92b6', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'cda09d21f28dc26cc022c9ed014c8a50586dc54f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '2de43a61bbc269282766e74654aa9de60fa775c4', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '0a1920cdcb9ab98ff2dd5107b889fd4a2101e84f', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'fce8aa4113995cfe9a406cbd0fa1298ced10646f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '279a1868421d59af5d0184ac7afadb496aacb5b0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'ee7f1b2a1824b3c84b9ed9feb89b52f6bb14f00e', label: "Item  2", icon: "arrow-down-01", active: this.activeLink === 'link-2', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: 'ca57e3bf814c6a9b82bd5f5fa9332074fefec86a', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'a42ef49ea7e5b34397313decd541176115ac203c', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '8ca375bcc0beb41511da73b638ee7dbe31ed7459', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '9bf7f1ec461250eb3fbeb97e7de1bc4960c12eeb', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'bf8ee6233bcf4d97e460f0d56a384f9a3e51f1ba', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'c9de72bb4d4f43769add43cf68cdb1192b8c9289', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '0ff87f9e0f4e8a0bfb49e50a52ef8bd8e9826e66', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '2b14115626f9fa534cf782fe0eb6dd46be7f75ed', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '3ace8fbd4b0ca767e5cf3a3e1c1a75f8aa50f791', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'afe63e0b47358ae21cc058de7030af357bd9cb13', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '5c809d164f682ea9df2640f9a1c55b6b1888cbbd', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '47e17efbf9f797dd5a2b824102ffc5d41f4e257a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'a8faac3925ed9dc44c8e6f9f3d39dd2d5f76ab71', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: 'a53d51cec547666873a9c6cf29a3b63973d73ad7', 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: '7994068a521d5f8e68177a014696d49ae18e58b3', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '61c03a3c6de4b40f7ed8fd9c84d878045f08e04a', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '91cf7af75721cfb3b9f2415a98ba994a96811d77', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '14fe92635f3b567de7e94551426358bc0eb4c28f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '6f257592b4931bb334395be92e03c8cbf10e2b94', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '22a02ed89cd151c8f7d18eaf98f14aac60215961', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '58ddc47c03753c6516900ad2f69ca9cce0e7797e', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '45355019e2e4cff7740b1fa91e4523ec8821770b', label: "Item  3", icon: "arrow-down-01", active: this.activeLink === 'link-3', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }, h("dga-nav-header-sub-menu", { key: '2c6c05174dd32ebcb696bba44e3790890dad7911', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'ae92782cbced05b550040cb6c9b95c94534526d1', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'f162dfd01b0fc0399dd8c1a440271772e0e176a0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '38ec49c5401428f3c6ac674d8e7c89a008dcc383', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'c3358253f7256c8ce1b94a66288822afbdceed74', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '62ee773c412c958c28cc7cac3aec606375969056', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '08a2c0fafecddfcb26d09978d0059ccdda4d4000', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))), h("dga-nav-header-link", { key: '0663798807d82a1b0aaa7b0cf9b8a7a78fe3122c', 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: '1943a5f8339642281db8f2c5ef464419cc8a1967', label: "Item  4", icon: "arrow-down-01", active: this.activeLink === 'link-4', subMenuBackground: "white", subMenuFullWidth: true, onClick: () => {
+            } }), h("dga-nav-header-link", { key: '8b8f0fdff53a0bdecc36640c3c5f944c3c8bac3e', 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: '22758d13b325aada0251965c871870575765e321', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: '5995bead2d8d3bcc28a85ec0706bafbf9d545ba0', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '95b6ddd21115076165059a5df76e407656bdd5c1', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '137b57054a899406ada19e77648959016bf513c5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '2b6fc326e581add15013096a2591411a31bb2c9d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'dc4058e5778961d31c11dbb30cf704f132bc9c57', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'af4a5f6ed72921247a47b547188fc8b1efb05efc', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'b7230c1c4d7bd45f6479b0e7303d88f374e17033', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'fe89a56f0603025bd51711406bebd3733f8fcb74', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '3d7660a495ef6ae99a7dcc043dc22da817450d6a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'bcf214c99d4f0dbcd4258f991e2eb7a17ccacc8d', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'ea0e43a1ad2f7f324eaa771e39a1f6ab8b568504', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'bcc6818cb6b1976835ca87be3b6e350c7b293a2a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'cd7fe0d19dfb708f2c3fe4d92df42c4d0a069dbb', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '7a17fc2c5bcb3d2634de6836a185903b0380782d', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '67e777bb90cb96abc28453ebcbf34b3d7eae8315', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '1d61676a623e6921d04a28d4caa101644fac3d56', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '50ad346874a6896ccb1e41f46123442dac723553', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '893db6966628759af2bcfaddd3490a08d5ad71a5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: '53874ad829e1d125c6e8547315a996fcaea1da15' }, h("dga-header-action-btn", { key: 'c9b3f7a17fd6c2c11715d9dacfd00a7702ab620e', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: 'cd847a5da0c6e9004e817c2ff48e83ec32c8adb4', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: 'f5da876a4577c03247f45d3b6f59bcf2afb9e9c3', spacing: 16 }, h("dga-search-box", { key: '4fd0649ecf3a66d230bd60f73362a9626723a63e', placeholder: "Search" }), h("dga-button", { key: '31d61cf68ad5efbcde7e82c549024920e66d154e', label: "Search" })))), h("dga-header-action-btn", { key: '00eb98302aafb3bfdba95e799c418312ea799be9', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '759544484aae4c5258160fd698f6601429704f9b', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '2fc7b42d820fbfac5efa89dcf05ba3b479a234d9' }, h("dga-header-menu", { key: '79bd46ebefcd17eb51b6a821bcaf05215eb3486f', actions: [
+            } }, h("dga-nav-header-sub-menu", { key: 'c0a137fad21b70b0ea719f95e9d66c5ad60f7099', "sub-menu-full-width": true, background: 'white' }, h("dga-nav-header-sub-menu-column", { key: 'c647e025a5a9eb290cbb3d8387787e25ea06d924', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '1e6188cd490f21f38e5a1b4fb97063dc866c5883', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'd5cca540ca223dcef77f497cc5283ef1a87af4df', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'd430bd61b5876b7aaa70c439283372096b0e5559', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '934bd7004a8b099007bd16f1c0b8eeaa54ae54f7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: 'a7f7a7bacbc27669f328b0f34b37973456a140e0', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '380bb447c37c5b5d222610daa5c4506d11b994e9', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'faeb0838d5eb0eff012933ac49fffbbff1894b25', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '4dbc3230cc8e777dfdff8b9cdf6d92d46e0724d5', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'cf807d6aad1d51623be1932318e28c113f118b82', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: 'bd75a38694171c662e1b4e244bf3c4af0daf19ef', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '9adb51767d290a12652d7321a668cbe99e2aa003', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: '97bbc15e6fe341352e8a4eaca5bad9492807bc32', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '7aad1a99431561d2ad853f3529adca9d7595504a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '996286f46df24089218ed82a57fc21c4da47e6b7', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })), h("dga-nav-header-sub-menu-column", { key: 'c52dd4ca49b7c6ad21f40f7b1d84b97c6f1b43c7', label: "Group Label" }, h("dga-nav-header-sub-menu-link", { key: '491a811cc2e8d7f1cbb844d99064a7658b2fd36a', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" }), h("dga-nav-header-sub-menu-link", { key: '111f47363b97eda9c298bcc6c1e700031ba9812f', label: "Submenu Link", link: "#", icon: "document", helperText: "This is a description" })))))), h("dga-nav-header-actions", { key: '071239c37d265ab41ff55ff0fb3cb4b0ef7e5970' }, h("dga-header-action-btn", { key: '714626f55b94b684bb0f5a854f4cdaedd823c42f', label: "Search", icon: "search-01", subMenuBackground: "white" }, h("dga-nav-header-sub-menu", { key: 'c59bd532400fb83a587a8ea46a71b1f062a03e81', "sub-menu-full-width": true, background: 'white' }, h("dga-flex", { key: '5757c0f8d8c1d3454c58a935dba781fe0a8c3667', spacing: 16 }, h("dga-search-box", { key: 'c855d4f7da420082104ab88d62c64d66091e1015', placeholder: "Search" }), h("dga-button", { key: 'e9f911294df49ff92ee0911c65a2aa6236078e6e', label: "Search" })))), h("dga-header-action-btn", { key: 'b8c72f9531c865591fe801b79ba54c7f17d68840', label: "\u0639\u0631\u0628\u064A", icon: "translation" }), h("dga-header-action-btn", { key: '3bed771a5a6b49e579bd643c75f080098469e105', label: "Login", icon: "user" })), h("dga-header-mobile-actions", { key: '7dc16b387d9def47c7123c31f41b973e66929e52' }, h("dga-header-menu", { key: '1820a4beac3d31531be3a2115f171e96301ae95d', actions: [
                 {
                     label: 'Search',
                     icon: 'search-01',
@@ -328,11 +328,11 @@ const DgaHeaderUsage = class {
                         console.log('clicked');
                     },
                 }
-            ] }))), h("dga-drawer", { key: 'dc631d30a5ae9c7b69ac238883025072c107957d', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            ] }))), h("dga-drawer", { key: 'fc501e0588f4c58de57d732b3a66eeda313ccee8', 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: 'b1b03a7c75a28795e2818457ea19dae64fb5f7f6' }, "Test")));
+            } }), h("div", { key: 'c0efa3e37b20cbd871301633a0a3784956fee1fb' }, "Test")));
     }
 };

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h } from './index-SGlJsr9C.js';
-import { D as DgaNavHeaderActions, a as DgaHeaderActionBtn, b as DgaNavHeaderMain, c as DgaNavHeaderLogos, d as DgaNavHeaderMenu, e as DgaNavHeaderLink, f as DgaNavHeader } from './dga-header-action-btn-B4iwrH9w.js';
-import { D as DgaNavHeaderSubMenuColumn, a as DgaNavHeaderSubMenuLink } from './dga-nav-header-sub-menu-link-DVpfkiUl.js';
+import { D as DgaNavHeaderActions, a as DgaHeaderActionBtn, b as DgaNavHeaderMain, c as DgaNavHeaderLogos, d as DgaNavHeaderMenu, e as DgaNavHeaderLink, f as DgaNavHeader } from './dga-header-action-btn-DkHR02au.js';
+import { D as DgaNavHeaderSubMenuColumn, a as DgaNavHeaderSubMenuLink } from './dga-nav-header-sub-menu-link-BHzSFb7N.js';
 const DgaHeader = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(DgaNavHeader, { key: '9e62c062fc50847c73f1b6c17c63c66866f92a55', fullWidth: this.config.fullWidth, divider: this.config.divider }, h(DgaNavHeaderMain, { key: 'e70330eaaefa47ce0a069d4ae6ecd606eba4db6c', collapsed: true }, h(DgaNavHeaderLogos, { key: '4e9a2128fac2b4abdc945578291e9328d980ffa6', logoSrc: this.config.logoSrc, govSrc: this.config.govSrc, logoLink: this.config.logoLink, govLink: this.config.govLink }), h(DgaNavHeaderMenu, { key: '00c775f0573b14e9f64fdc43dcddf82bd83b6cc1' }, this.config.headerLinks.map((link, index) => (h(DgaNavHeaderLink, { key: index, active: false, onClick: () => console.log('clicked'), label: link.label, icon: link.icon, subMenuBackground: this.config.subMenuBackground, subMenuFullWidth: this.config.subMenuFullWidth }, link.subMenu.map((subMenu, subMenuIndex) => (h(DgaNavHeaderSubMenuColumn, { key: subMenuIndex }, subMenu.columns.map((column, columnIndex) => (h(DgaNavHeaderSubMenuColumn, { key: columnIndex }, column.links.map((subMenuLink, linkIndex) => (h(DgaNavHeaderSubMenuLink, { key: linkIndex, background: this.config.subMenuBackground, label: subMenuLink.label, helperText: subMenuLink.helperText, icon: subMenuLink.icon, linkStyle: subMenuLink.linkStyle })))))))))))))), h(DgaNavHeaderActions, { key: '26c1affa0e5e5cbc6fcd3b3eaee0abf85e47f428' }, this.config.actions.map((action, index) => (h(DgaHeaderActionBtn, { key: index, onClick: () => console.log('clicked'), label: action.label, icon: action.icon }))))));
+        return (h(DgaNavHeader, { key: 'de59f73fc8b94c75267b8b24f0f7d93f06656a5c', fullWidth: this.config.fullWidth, divider: this.config.divider }, h(DgaNavHeaderMain, { key: 'd35f058aee7ff64e136f96dad016b7859e9c1d98', collapsed: true }, h(DgaNavHeaderLogos, { key: '2473f086ff8155042e83d5443c64c0b1fdb3af5b', logoSrc: this.config.logoSrc, govSrc: this.config.govSrc, logoLink: this.config.logoLink, govLink: this.config.govLink }), h(DgaNavHeaderMenu, { key: '6aa461900c3bc1cbba91c6b0aa00b9b803759282' }, this.config.headerLinks.map((link, index) => (h(DgaNavHeaderLink, { key: index, active: false, onClick: () => console.log('clicked'), label: link.label, icon: link.icon, subMenuBackground: this.config.subMenuBackground, subMenuFullWidth: this.config.subMenuFullWidth }, link.subMenu.map((subMenu, subMenuIndex) => (h(DgaNavHeaderSubMenuColumn, { key: subMenuIndex }, subMenu.columns.map((column, columnIndex) => (h(DgaNavHeaderSubMenuColumn, { key: columnIndex }, column.links.map((subMenuLink, linkIndex) => (h(DgaNavHeaderSubMenuLink, { key: linkIndex, background: this.config.subMenuBackground, label: subMenuLink.label, helperText: subMenuLink.helperText, icon: subMenuLink.icon, linkStyle: subMenuLink.linkStyle })))))))))))))), h(DgaNavHeaderActions, { key: '6fecf1aa7b080c6b17106dafb0c99008c42a2a3b' }, this.config.actions.map((action, index) => (h(DgaHeaderActionBtn, { key: index, onClick: () => console.log('clicked'), label: action.label, icon: action.icon }))))));
     }
 };

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

@@ -10,7 +10,7 @@ const DgaHelperText = class {
     }
     render() {
         var _a;
-        return (h("div", { key: '9ce77fa2f456e20064b153aef3c1fa436563eb49', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '07990ee96959b34986170620b219194844e30970', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '702f2185be7544b679b543a063f0c76049cbe7e3', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '5fb2b0ceacdda88772a4ade8ac9e94a514e79a22', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'bbdf98959852b38409a147f450bee473469d1bd4', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '7cfca19d1470868413f20e4d2b048504694f3913', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'd98bce82ac6e9655a7ddd234e6f5902bd75dc1d8', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '93a11a5ce8d94e1e9cd52721dfdac8dfe8405d45', class: "dga-helper-text__desc" }, this.helperText)));
     }
 };
@@ -24,7 +24,7 @@ const DgaLabel = class {
         this.required = false;
     }
     render() {
-        return (h("label", { key: '4d40b590e3045b65d31807a4a02cbffdd5cb0a76', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '5a5decc5839d7ce035ec25dc84d492cf7e92dc6e', class: "star" }, "*"), this.label));
+        return (h("label", { key: 'c3fadcbee74c1bc37473510e2ce921fe0bfa8ff5', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'f1f19be489388a168ae161b04dddc50b714393cd', class: "star" }, "*"), this.label));
     }
 };
@@ -91,12 +91,12 @@ const DgaTextInput = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '0858f48662c1dec58bcf2b35f63501be68c9344a', id: this.componentId, style: this.rootStyles }, h("div", { key: '6e1f1d8717fcc5f8c1ae3da680f21075308d4563', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'd957b562a4e04c7f93be7e2fdf07218e26270b62', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '4cff6669f027958bad72f61ea825d3c68d50390b', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '6a72c1f0d8d1c7adf4e1813c0f17d11ee78ba0c7', name: "prefix" }), this.icon && (h("span", { key: '4126803f5157f8baca3ac2b7e31f0cda7434cf06', class: "input__icon" }, h("dga-icon", { key: '0119b859ecf61cb4e8f0a4b4844223646d215607', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'a1011a70fef6d5f31c5e03467f84dbdfb290e34d',
+        return (h(Host, { key: '88d83cd471a6760577b4daaba6be91a43c612e42', id: this.componentId, style: this.rootStyles }, h("div", { key: '54d444be472f0bd93283c089b249287aa6c26c65', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '902236f24bab7d77861e1a80fa79466afda28bef', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '5ea2d2eeb370b0d6208edd50f4fe7e0e525d35e4', 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: '5375214975bc7f5557bc9e7f2b8e5d3d1c59a098', name: "prefix" }), this.icon && (h("span", { key: '63c9d9a3f6829bba0cb667a25d51ad519987c5f6', class: "input__icon" }, h("dga-icon", { key: 'aba70e18a3c8af1e8085b457b5ab08ab025a797d', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '0835d227cf6091df5dbc9b869802db01e2ce1063',
             // 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: '068446d038a2bf4de9a072898eba807005994cac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'cf4e6eb83f1c4534b33b574301f0f4eba46c133b', 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: '59fb18efa1afc554759b2ebe8f067f66596c6755', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '5ebbce419b50643b774a8e7ddad777ba68f09629', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {

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

@@ -5,7 +5,7 @@ const DgaHugeIconUsage = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '453d8932c3852cc8bfd7544b61ea0eff57118cdd' }, h("h1", { key: '4d4cd79a8070fff426fc132b3ce64728cfce3432' }, "Huge Icon Example"), h("div", { key: '0af31755f50c5600fa086182f8aab0192a710321', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: '50cc9cd1c792d30066e35bef35b80a57e3bf16b1', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: 'a9e455b4b2e4cd1550ea59cb788600e898bac214', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
+        return (h("div", { key: '75027e8981a08cdffbff0ee10c66e3d8a59be60a' }, h("h1", { key: 'b5f0d4790c45efa29188b8f4214975bbe7744ac0' }, "Huge Icon Example"), h("div", { key: '8f21a79842a77be13252f14d7e817e6a09db2ea7', style: { padding: "50px", display: "flex", gap: "20px" } }, h("dga-icon-v2", { key: '7b488eb4a5277d2bb651a0920a677dcf87f34b69', name: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }), h("dga-icon", { key: 'dbdf11e4fcf5593e169b5c89f3ac1cfd232cad88', icon: "tiktok", color: 'red', variant: 'solid', type: 'sharp', size: 20 }))));
     }
 };

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

@@ -31,14 +31,14 @@ const DgaIconV2 = class {
         }
     }
     render() {
-        return (h("div", { key: '35626b920dfa28f3b31cc8d19b06d88ba4b3763c', style: {
+        return (h("div", { key: '96b30dd9fbd89ede924ae36d960b5c2370e3cc3b', style: {
                 width: '100%',
                 height: '100%',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 fontSize: 'inherit',
-            } }, h("i", { key: 'cb2fbd182b27472c6c5eb33f234fe4d825c7166d', style: {
+            } }, h("i", { key: '60b1107cb3c9e9297535ac33fea7a848458ab4d0', style: {
                 fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
                 color: this.color,
             }, ref: el => (this.container = el) })));

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: '3c49db751b810956e3e986e64a957c66ac46ebe1', dir: 'rlt' }, h("h1", { key: '4056c30c91b9ae85f29a6ffc60882ee93a44862d' }, "Inline ALert Example"), h("div", { key: '446fced455bcc8cafb1cc94890c9b08ec7d634a2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c20fe68508626538d6c14cbdb0b2e34469dfe815', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: 'e222de707bfd8f1fbf3246ec4f9e483f4463a61a', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: '5151d516603123987265ffee04e6a50fdf4f295e', 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: '88cc7d25ea5202409657306e4fa1fb0e4de15463', 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: '91425c82160c70208d8342612dffdf86fa8625d0', 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: '2c174bcc567987920118f41995a27e217a2181bc', 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: '54c1ae4a95fe09e52f1e146bf2b2958206dd1141', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: 'd730d08a268f65de95252416ea9cb55658f0ebd2', dir: 'rlt' }, h("h1", { key: '00611aa2358e6803ecffcb7ccc82b813f80dc708' }, "Inline ALert Example"), h("div", { key: '0c5eb05a0e0d9d0fd9fef987290e39514b1feee1', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '659a0077f7f352d4ae68e30bbcddf21665578f38', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-inline-alert", { key: '08a0598d15d6c7b6fafdff4a35f31bd007c072c2', type: "neutral", leadText: "Notification/Alert message title ", helperText: "When a nation, it goes here.", colored: true }), h("dga-inline-alert", { key: 'd272cbaf9334fb43819809dde6506a310cb8f82f', 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: 'c35de2277027cfaf8b46eef5a3ee9b6d80009c77', 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: 'e0329860d6801f71d31275c95ecfce476d8b5f35', 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: '37559bd6c720e8342346b6c8245d408cc51f0d9a', 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: '9bc5b9ac210d78a64a918d17d7eb4c7c59364e38', 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: '53e0f8ad88dd392f570c18c5ebc9f6067c2d1548', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '5c57b6068d508dc30360ff2be6e3bc8d2d023d90', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '64dffbbe9247e26c84e397bcf3ce687b63512bc2', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: '80db45390465e4d4fb757126e2d8f3fe59052fbc', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: '1a3905e6bdb440cda59718bf3d2409be2c5ba11e', class: "alert__body" }, h("h4", { key: 'e4461712015adf96e0ff9ec0cc3b04890af7f915', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'f8d8f19514c759a71b5f6534ad2c6b09490c9cd2', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '725d08616f1db395035fdadf2d1451e1b09119b7', class: "alert__close-btn" }, h("button", { key: 'e409b36188db32e9949763c28f1fb48c803c1a70', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '44a37ad0ce5716d52fa859a3bf80a294458fad0e', class: "dga-btn-icon" }, h("i", { key: 'fdda958b88150f39f891224f2cb5ff6ed84117ec', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '0c22cee0731db028b82b633cf0fa5cd064b2ba58' }, h("div", { key: 'e1b1961c526d02ee59f3f2e8d7658f8fd86a3d88', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: 'd93df65988da7a4649844ffd7a8d3972c9b1863a', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: 'dbdf8595d3af5e0e53bd20104e73d34bcd93c380', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: 'e6b7e51e131ef33bf23629556ec17dce3eba8dc8', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: '1694062e026c86b68eb88acd7a442e5f1efad24f', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: '6b8867c75da5a6d9d3f49000bb450990b95a57e5', class: "alert__body" }, h("h4", { key: '36ef936576e851bd43079919acee97b156dfe0c4', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: '48bd61bffaf9b90709c1863fbb2a2be215238dcb', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '7e5ecd3efa246b952f2ff46fe741a861a8358991', class: "alert__close-btn" }, h("button", { key: 'c6532a5c9b87d770a9af9887f3302b54df278233', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '4b632d8b363440284b1468ad3c80e0bcf6ad4e89', class: "dga-btn-icon" }, h("i", { key: '3171c51b44ce6197911659e428b890f784f743ae', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '2edf884e222845a9292881ae2e9b3697912ebb14' }, h("div", { key: '13b0e4b3ed69cfb40ad06055f8d6c33342c556db', 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: 'd1efc7a34248bfa339f67526383a7dc213b9d25a', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'fbaf2d0ce67029091f6b1a8a90f09892a5716701', 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: '4707d3f02f264b0eba5ee4801e8664712c81166a' }, h("h1", { key: '7b913436fa989ee08e7471e0caf1f823bf7e285e' }, "Linear Progress Bar Example"), h("div", { key: 'f77bbc599729f0e5113fba22eda60d5ead9697b6', style: { padding: '50px', gap: '20px' } }, h("div", { key: '6a81dd1df94a34495463b720e70fcac2ff40e05f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: '3693838abef59a3c61ec1e428058607e0886a8c5', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '64f41b68c2b61439e16eced10f4e3cfaa5d6053c', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'cb07efe5835e0cc0448343e068ae759131e3551d', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '414ac769ce834bad3feab99f9e9e0756ecad6071' }), h("dga-linear-progress-bar", { key: 'e7ee6b1cdbab663ddf2153bb22f84f91a69df3cb', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: '8ebfd084916e02ec126cb4da6782ebd1047733f1', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'c4b82e40c252a2683b6cd5f0be0b33dd24d1f657', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: '28ef7d101b4c2c2544fa04b1f66418f5ba3fcbef' }), h("dga-linear-progress-bar", { key: '53bb124c8a76a1191b7f4f0f6a73b971fbe3236a', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: 'e798ad40758aedc66a9e3410939465af0e1a58a2', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '81d8254c70519317be2a82278ce8b03fed08c660', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '048801712bce9989e9cf007caace48d5b1f96127', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: '49e7f85c56ccefebe1cd4d945ca9c5a1f0d5ad62', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '96900e3534960feace98a4bf1f80036b859811e4' }, h("h1", { key: '99744dec97668be2c965f6126cc1ea05816cd8ba' }, "Linear Progress Bar Example"), h("div", { key: '7b6389775a5dfd93f96624c798002b55e371607f', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'd1f22eefa4c9ee5c6ac1bd06377f9dd528bea7ec', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-linear-progress-bar", { key: '6c71606ec581c10981ca258d4282a89581221820', percentage: this.percentage, size: 'large', success: true }), h("dga-linear-progress-bar", { key: '7a49ae2bc2bf6b52dee01e9a9339e7d0b64df201', size: 'large', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'f478db616001e29576b32f9955415c69dc0e9921', size: 'large', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: 'e9929e1cd37b93645e9d67c4cf5dd34ade0f17e0' }), h("dga-linear-progress-bar", { key: 'd1e6f1a2affb116873fc3c71f5cf8eca00e8128e', percentage: this.percentage, size: 'small', success: true }), h("dga-linear-progress-bar", { key: 'd2d072033be6758f022ebe9e2aaf363026cd2ef1', size: 'small', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: '7ac26cc8ad26197504cdb2eb6bf02615af357027', size: 'small', progressStyle: "primary", percentage: this.percentage }), h("hr", { key: 'edf05db50fc20d2634fc30e4d1ed636c0557ac41' }), h("dga-linear-progress-bar", { key: '0e340f28fcb376166bcf425159bc8c22554e091a', percentage: this.percentage, size: 'medium', success: true }), h("dga-linear-progress-bar", { key: 'a7f5cb18dd135d639a4e0cf87c8a724313b67334', size: 'medium', error: true, percentage: this.percentage }), h("dga-linear-progress-bar", { key: 'a84bfbe309308cc5d8ee80c755fdecefdd6cef02', size: 'medium', progressStyle: "primary", percentage: this.percentage }), h("input", { key: '31e5746f347910bbe464ecebe511ff77ece58355', type: 'range', min: '0', max: '100', value: this.percentage, onInput: (e) => this.handleInputChange(e) })), h("div", { key: '70f9c5938120a074128f504df87046402ac7be40', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

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

@@ -25,11 +25,11 @@ const DgaLinearProgressBar = class {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("svg", { key: 'bdda62d38abb3ed96b9a0490ee955b153320b45e', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3f83a5e175c48a8fef598354242620aa0fef4e08', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '1956e5eaafabbb41254a5b8354704a8cb847300a', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'defb7ec1fdabdde353223c98b208db7052abbcdb' }, h("clipPath", { key: 'ad66d7d8ec9f9b7b73448accb58bb49e6fbbba29', id: "clip0_17869_405" }, h("rect", { key: '864bd767649b615ca2ab568321b7c14e84f92899', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: '78f5a620dcc9d3242b427504d508276d5d60b143', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8c8db0ede7fa793bfb8543d04ddd8925556ffe10', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'ef21c2d0b724634aaf16fa6266c24d12022cc729', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (h("svg", { key: 'b77e72d4dabe8d9b8415ed1ea7a7c4cd8bd29ef0', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6652418740e62fcf5d3451817c39b93ab8b33a82', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '489992023ff62a23544f7b958771aa868b6b835f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (h("svg", { key: '5520b3ffa0e9769340793d0fd9102292cf51dfec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '52ba2afb905f85f5cf055f32b4cae77216680f9b', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '46ff409a69f2cc2e1b6beec887258734caec8f8f', 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: 'd56a7abbe51f3f659484588967ba9eab364da5d5' }, h("clipPath", { key: 'c0abb52b19239c598cd019b24a15e8cc451cdefa', id: "clip0_17869_405" }, h("rect", { key: 'a4dab6cf5c33a3a0d25f7e599e28ca588c534dcd', width: "16", height: "16", fill: "white" }))))),
+            primary: (h("svg", { key: 'e6858fe2416b099db2311e216785724a7c2c0120', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ff5142c1edc3789b81933d838a90fc7c72b370fb', "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: 'd45936362ed40c489f04f2e2b793cbca734f7c70', "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: '8016fa7d37a85ec33acb6d8ea6b86ddb289671c9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8488a360d1d19e3ddc53e859299e4557e276627a', "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: 'f75d6c3e0fcf470ccd33971f58ecde0607e719dc', "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: '3a2b0572bc8a58a5af8ace95d846abc00077b609', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'e6039a0f91fe20c6dafbbc6ee4976a0d8a323a24', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '1d20d32ffe787f90ce28ef3b1258663d7b061011', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '531270e5382633064a35044c3c105e3015a39a7f', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'f9bfa8ae98a4d990789c78ae2039aedc4733f54f', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: 'f1c14407be526e15673fae273ad9c3e8a434f5cc', class: "progress-bar__note" }, h("div", { key: 'd3ac0caddbd72327e6e56d44ce976b918cf53f63', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '8fec35fd4e879e8b8f3b799b5b0196ade376a1e3', class: "content" }, h("p", { key: '52c44ab296cd636fd58055eac107449b689fde2c', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '1324b2e98738b3e76f043d5b1f7a53a4db98fcde', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '66d1759863ddbfad15902bc5610b4971a30b1056', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '0225ef2ade3dc21fce8134f72dd9622d85db4851', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: 'b11a12e7b69c4e3d819c5533290b3def5a1c9c73', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'eb7066257a80b7af9c7eab1a84193f9291a08f1e', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '51ffbf2c01127510c8b2652f7407753670c50777', class: "progress-bar__note" }, h("div", { key: '74a20f3ec4e33a2aa19baa208f32848fdd134578', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '68e1db19b2ebc56f8eed03f7982ece58b8034d96', class: "content" }, h("p", { key: '5952071423ec93ecacaa14504d98996445ef4ffb', 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: 'a532cd31c055f5fdea607c03b700e672e0eadcd8' }, h("h1", { key: '060f89d76f8b8bfbdb80e03b55ba1daa9d779b95' }, "Link Example"), h("div", { key: 'd054616c3dddf2e173e09cf9b1901a1b1912957d', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'ac09e4207a6381393ac1a8a9100d0f513b41e43a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'd441a0ab19eb608b61b3cf9d58b585dfb9fbaeb1', label: "Link", variant: "neutral" }), h("dga-link", { key: '1746cbf02c916dbb3feaf654eea855e4a792941e', label: "Link", variant: "on-color" }), h("dga-link", { key: '42723d82cf1c54657edb011ea3f0f85e6c4f1e69', label: "Link", variant: "primary" })), h("div", { key: '3741e6c959a05c4906d77e53fa74edc1de7c5429', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '60577cce03194697b763ffc6222a5cfd1190c1e0' }, h("h1", { key: '1d89d88ee6125cd590a582ff8c2f98b8a461302c' }, "Link Example"), h("div", { key: 'b8ea690974c9d6e44625bed7e0a0e3c915872b3e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '1466892692929dba04f5fcd0bd6c7c76ce50d3c3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-link", { key: 'bf98a460c36c7b1029d442552594ed22d56a843a', label: "Link", variant: "neutral" }), h("dga-link", { key: '5c36cbfbd746a9ea53e5557ae50fedb0856620e5', label: "Link", variant: "on-color" }), h("dga-link", { key: '78288ab64c31d33daed6c3dd746b4b059d612bfd', label: "Link", variant: "primary" })), h("div", { key: 'c59d1893522d5b25592a081f5c1a04799e80b3ac', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };

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

@@ -31,7 +31,7 @@ const DgaListItem = class {
         return null;
     }
     render() {
-        return (h("li", { key: 'ee5d363e9395b593ff80371ea1a65861fd70afac', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: '1ea9d4de5e16598d56bdf75d9fe8012c11d16568', class: "list-item__icon", innerHTML: this.icon })), this.renderMarker(), h("span", { key: '9845921287938f5bf82cfa03cddbcbe659a3f59f', class: "list-item__text" }, this.itemText)));
+        return (h("li", { key: 'd1f686d206dd7b5e014d08355e0e7a2743503ef9', class: this.getListClass() }, this.type === 'with-icon' && (h("span", { key: '8242586effdbd85f642e4dc49a974bce30a034ac', class: "list-item__icon", innerHTML: this.icon })), this.renderMarker(), h("span", { key: 'bfea282ebef220622ce73b6ccf8db7f5d7bbbc66', class: "list-item__text" }, this.itemText)));
     }
     get el() { return getElement(this); }
 };
@@ -66,7 +66,7 @@ const DgaListV2 = class {
     //   }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h(Tag, { key: '1a9abdf72c04b885df645dc0bb360c6cfee1e124', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'f4766b759415bbcd1ecaa3d0868cfd63f09b4117' })));
+        return (h(Tag, { key: '617980405c2d425da188084e0180cd9f6a5617f5', class: `list list--${this.type} list--${this.color}` }, h("slot", { key: 'f545693d0fdd24015e20bb6ca62f6aef4bca51c0' })));
     }
 };
 DgaListV2.style = dgaListV2Css;

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: '7017677d89d9b13c7f7e7bccf7d340aab9eb3a9b' }, h("h1", { key: 'def1858a9b75e7a7a447d4347159e57c164320bd' }, "List Example"), h("div", { key: '58aa3a0335947e5d8e703dd75b2d6009724c4113', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'b3a3d5b52b1c891195e8bcd6124cfafcd31a2b3d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '2b6a1e37f0e1b76c5009ac0fb6eff2886a19a99b', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: '524d41351ad2600dfef099a03b6df3eeaeefac4c', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: 'be60d2670a38e3eed74e94319a9f9dbf6d17d751', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: '9cb86d9fdc17a741500df6193f2ceb2383bafcf1', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: '45407778e1c1e869ba0dd90ebb30c0c6d9c8bc76', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '78cee35e3bccd5472207305c805e298996d2982a', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: 'eb2a319384d3f52a9341b25faab8c27d82335a59', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: '3ee2deb5ca71c8bee0dcb69f07cf1f9d60118a6e', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'f6faa13352bda5b146928fc0a5e6833683ff4436', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: 'aacd3fac04782a331ded24e3a4a2b659cacfcabb', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '59d4fa57e1a6bcf70a679dfeda193bdb07af98a6', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: 'bee614c410f674928f127ec3a9fda8d9d04778ba', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'b5402e47b44a744d13e469ccd119564fcddb9e81', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: 'f9193841472df58b4e2e55006c9e35f3d65e7344', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }))))));
+        return (h("div", { key: '95d9ab6f98a2a29232eb88ce4c2fd1b40dfca634' }, h("h1", { key: '860332af62f89e22f4dbe957fad3eb829a0ba4aa' }, "List Example"), h("div", { key: 'fd931f6ebccc67d5a0c8f91b062ae2cc52bed514', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4b085219989f1c513e98fa7c96f24ac8e3542698', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-list-v2", { key: '14535cb8e6c29a44c1b39d3c496a427f72a5e369', type: 'ordered', color: 'neutral' }, h("dga-list-item", { key: 'dc270c512fabb0d745c4b0f4e503f9639eb89509', type: "ordered", level: 'one', itemNumber: '1-', itemText: 'List item' }), h("dga-list-item", { key: '52a5c84ff47d535da1893b4f1d7dcb56d8191e54', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' }), h("dga-list-item", { key: 'fc176494b7a663f16eb080ecf0eaaf235b93b36b', type: "ordered", level: 'two', itemLetter: 'b-', itemText: 'List item' }), h("dga-list-item", { key: '7356c9875e61f1e286f104e6d826b8a6ea8edf29', type: "ordered", level: 'one', itemNumber: '2-', itemText: 'List item' }), h("dga-list-item", { key: '87a4d05bdcaf05314e4d906161c26893647fba7b', type: "ordered", level: 'two', itemLetter: 'a-', itemText: 'List item' })), h("dga-list-v2", { key: 'f41ed3b14de089ca549d5771b2875b062dde7e9e', type: 'unordered', color: 'neutral' }, h("dga-list-item", { key: '4fff69d5769736033435fbff32108b9e19e47019', type: "unordered", level: 'one', itemText: 'List item' }), h("dga-list-item", { key: 'd7046deaee20cace8978d394f963c4b228a64e0d', type: "unordered", level: 'two', itemText: 'List item' }), h("dga-list-item", { key: '3c7ae64e1bc73b480ee67ee803882cf89f15e4d4', type: "unordered", level: 'two', itemText: 'List item' })), h("dga-list-v2", { key: '860305226f2a573bbaf432ac484a0574bd4b3627', type: 'with-icon', color: 'neutral' }, h("dga-list-item", { key: 'ec5b1aba907d34e1123844cd4a8b219f86a3e48b', type: "with-icon", level: 'one', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '100f4c98439c1a9cf908a3d79ffe468ad92377d1', type: "with-icon", level: 'two', icon: '<i  class="hgi-stroke hgi-checkmark-circle-02"></i>', itemText: 'List item' }), h("dga-list-item", { key: '0fec5060eced736810fdbb877c60162f1b62bff4', 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: '5082f2e16a2d7ca0c5e032c559bd159e176b33cf', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '9cdc61f9060b9c549c777fb260ddb1076d03e8d3', class: "list-title" }, this.title), h(Tag, { key: '45d79b00364e130ce5dc047c23047cb06cd9290d' }, 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: '78839ee834cadddc56cec370866e76e41f77f429', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: 'b47bc1bdd3ae32796149e9ea1691211c7fca12e0', class: "list-title" }, this.title), h(Tag, { key: 'ba0e1b8f17c3b6f9cc59f2bfb70f571b67ac16aa' }, 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: '1ac0794bef6d2238d10c764c562922ba0a8fcc79' }, h("h1", { key: '81c7232d8fc4a1d7f504e5a59a1a0c39e2ae7d48' }, "Loading Example"), h("div", { key: '0e957c91e1a43bdb2ff4c081c15018345e9e23a9', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: '7c28b737b242102b2b7b3b1efac5ee0b76bf6614', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: '60de6999bed54917144c857d3e5b4bfcd6599bb4' })), h("div", { key: '47068b70d3f52c0ed3bf8dbc7bad7ea87d4715ff', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: 'e34fb787935e90f06a5bb7c504fc0a82e26ecc05' }, h("h1", { key: 'cf39cff7845f9887266780d8f96fcb2dace65691' }, "Loading Example"), h("div", { key: '43a2641143a92fb3d671deb864ce083a6f01eafa', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'd044dfc6a7166354ec71e5c516acde41c57015d9', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-loading", { key: 'fd32b1c4c896ecf67e0937f435912cdb0f3ccae1' })), h("div", { key: '46cbbe41dff0c4dcb6253ac9f1906fd5c4a8b81b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
 };

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

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

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

@@ -7,7 +7,7 @@ const DgaMenuGroup = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '033cb49487c4fb3cc604e648c7b31e5361fe2204', class: "menu-group" }, this.groupLabel && h("span", { key: '3e76a316631d2c2c357c11665964f6b8041f3580', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '04e3c873f501a23c4fb8361fd7032bd38634b0b8', class: "menu-group__items" }, h("slot", { key: '6136472d284b663587bbf234bda8f10414f53915' }))));
+        return (h("div", { key: 'fffacf516a218a0a0b3cbca0a80fb08d4155239f', class: "menu-group" }, this.groupLabel && h("span", { key: '33d8cfc36872ca7e1d5bd05e0065191711416951', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '8e6689dd57c67c37bf8d5088ff6cf6e3642bf3b5', class: "menu-group__items" }, h("slot", { key: '7e5d4828010d7c1edde602611e8057a9a68e9a5f' }))));
     }
 };
 DgaMenuGroup.style = dgaMenuGroupCss;
@@ -29,7 +29,7 @@ const DgaMenuItem = class {
         }
     }
     render() {
-        return (h("li", { key: 'e9e6ad78b0bb69ac64d7cedb4856811eb9d6e575', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '6e24789a1b046f4b8bd05511324ff993c15fe985', class: "menu-item__icon" }, h("slot", { key: 'f895954faacba565b11d003a7c5b05766f632cbb', name: "lead-icon" })), h("span", { key: '872697fc273b3dc7243298d52a44c2a313efd88f', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '81c51a280440562f908e1e305049f1719a61c2e9', class: "menu-item__trail-element" }, h("slot", { key: 'fd7e1564b144f2fb5cb472e7b63e2b6bd8193349', name: "trail-element" }))));
+        return (h("li", { key: 'b8728de347434490ee11441307891c7906fa81ae', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '8c86c04a13cf4658ee6787a0199d0ae53339c8b6', class: "menu-item__icon" }, h("slot", { key: '08726799947e10a9e1ee56181ab42bf92947d50b', name: "lead-icon" })), h("span", { key: '5258bb795bb87cd32dca11f630019d06f2800d47', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '2062bc503bf3b70d9567f50a49fe541136d99ad5', class: "menu-item__trail-element" }, h("slot", { key: '4dde89eeeff87f8b417914e46bac5e543d28e462', name: "trail-element" }))));
     }
 };
 DgaMenuItem.style = dgaMenuItemCss;

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

@@ -23,7 +23,7 @@ const DgaMenuUsage = class {
         this.anchorEl = null;
     }
     render() {
-        return (h("div", { key: 'e6f52d4ff3c5f1c73684d5c44f4adab52f866d71' }, h("h1", { key: 'b48c667e3317f1967a41aa18b12b9282c1bacad1' }, "Menu Example"), h("div", { key: 'a517b7891addf2412e1adfd509db83635eab2b2c', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e18f4e7689dfb2a73e2a366f78b13da77567d21', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a0aae2a4964ca48689d6d3dfbe868f23a4054e4c' }, h("button", { key: 'ee11b8a4633b850d9953955cd07ebb744527807c', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), h("dga-menu-v2", { key: '22de33fec9ef81b95d32cc1e3d5c0cca4028be37', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, h("dga-menu-group", { key: '2b936c0b448cf557d8b55209c9c620c6d142dd7d', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: 'cfc81e2a829d0b69cb2df0a3ee318e134e017aed', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: '56ad2dac58d8d9431e4ecbcdea173e849bb06ee7', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ced79dfa3948aa6a3b3b134647e07315fa24eab7', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '7d2328b540ba5f350f17f0bb91a01529eb5673e7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: 'b0d622bcafe7f3248291a2a987de09d2569c1bbd', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '047eec8c70a9701d13b670ddb2e9a49055cccf8e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), h("dga-divider", { key: 'a07a8a7422a746085d997e98e2b0e6daf523a8b4' }), h("dga-menu-group", { key: 'a78cdd21e83e1b52dc2f9e2b143b7c78ea7dca6f', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '6b77a5acb572c7e8a28f2b56d51a39ff99f77283', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: '3ebba1718cc2bc389f8667effa5484578a4e6a87', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '291cd79b1e4a9ecb9e13ad801bedbd4052695fed', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '397ae9f9796cb45898280026acaf77bc555f4bb8', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: 'f591dc9dc224366b53ae23698812de3d6b9392d6', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'daa1bd2f42bf8c77832563422d4287860e04c50b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" }))))))))));
+        return (h("div", { key: '1227af21d1bb3bcf774fc705bb396131e74f652b' }, h("h1", { key: '9a3dea31c604aed6469094e24e52b45768ba1a2f' }, "Menu Example"), h("div", { key: 'e9694f667e9a918b06437fae622b3010c5cff749', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6b9dc0e9035da00f80bed1f36e9850eadedbf696', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c93813eb18e610a94aab25318620701529d03b74' }, h("button", { key: 'ca8a8eec666f27dc0e962bfab24a47847cac20c8', ref: (el) => (this.buttonRef = el), onClick: this.toggleMenu, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }, "Open Menu"), h("dga-menu-v2", { key: '8bd6c9b1ba314dff559e6d9698da170bc527ed4e', anchorEl: this.buttonRef, open: this.isMenuOpen, onClose: this.closeMenu, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, h("dga-menu-group", { key: 'cfc67b7e90fa3dc13c1e838c33a80fd6ba12ae27', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: '804030ca2c39969f7ae7173d18dffb7318c5582b', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: '31ed93e857e34c4bb48161fd050db4fd7e528f6e', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'dfebe59e98462bba9d6e61df18be41b262a0525c', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: '678cb36a786123ae6433b3efd98d8aa82fb8d43e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: 'aad667d852fae3a9fad96227a8e54e243fdc0d67', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c25cbb6f5d49c4391c8dcf0286ee21385bc6ac6b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" })))), h("dga-divider", { key: 'bbf6fcf51113f41d8cb31a20f973a9e9d8ea923d' }), h("dga-menu-group", { key: 'ac060b53d9f5b8d423d6cc4874eb54fab815f7d2', groupLabel: "GROUP LABEL" }, h("dga-menu-item", { key: 'cc51c7f68cfb7232dee258fd9266e95db4f6be7d', label: "Item Label", hasTrailElement: true, hasLeadIcon: true }, h("svg", { key: '80a775dd30e55aac2fa78aa1fc58d5dfe0586ba5', slot: "lead-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0413819e21ac12d0bd28e9729d2167807ee32cde', d: "M7.75 2C7.75 1.58579 7.41421 1.25 7 1.25C6.58579 1.25 6.25 1.58579 6.25 2V5.25H3C2.58579 5.25 2.25 5.58579 2.25 6C2.25 6.41421 2.58579 6.75 3 6.75H6.25V10C6.25 10.4142 6.58579 10.75 7 10.75C7.41421 10.75 7.75 10.4142 7.75 10V6.75H11C11.4142 6.75 11.75 6.41421 11.75 6C11.75 5.58579 11.4142 5.25 11 5.25H7.75V2Z", fill: "#161616" }), h("path", { key: 'f5de39a687466229bdf44a1d75426cb62825724c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.1809 22.749C8.29902 22.749 7.35404 22.749 6.51505 22.454C5.15405 21.976 4.08106 20.963 3.56906 19.673C3.24806 18.864 3.24805 17.967 3.24805 16.181V11.999C3.24805 11.585 3.58405 11.249 3.99805 11.249C4.41205 11.249 4.74805 11.585 4.74805 11.999V16.181C4.74805 17.777 4.74805 18.578 4.96305 19.121C5.31405 20.007 6.06105 20.706 7.01105 21.04C7.60904 21.25 8.46804 21.25 10.18 21.25C10.4543 21.25 10.7164 21.25 10.967 21.2497C10.9779 21.2492 10.9889 21.249 11 21.249C12.424 21.249 13.583 20.09 13.583 18.666C13.583 18.5059 13.575 18.3334 13.5666 18.151L13.5647 18.1111C13.5398 17.5665 13.5116 16.9499 13.665 16.374C13.888 15.542 14.543 14.887 15.375 14.665C15.952 14.51 16.571 14.539 17.117 14.565L17.1474 14.5664C17.3312 14.5749 17.5059 14.583 17.667 14.583C19.057 14.583 20.1945 13.4787 20.248 12.1015L20.248 9.273C20.248 6.38201 20.248 4.93099 19.563 4.07C19.364 3.82 19.129 3.599 18.862 3.411C17.9251 2.75 16.3691 2.75 13.2701 2.75H12.997C12.583 2.75 12.247 2.414 12.247 2C12.247 1.586 12.583 1.25 12.997 1.25H13.2701C16.685 1.25 18.4001 1.25 19.726 2.185C20.1091 2.455 20.449 2.775 20.736 3.136C21.747 4.407 21.747 6.03299 21.747 9.27298L21.747 11.933C21.749 11.9551 21.75 11.9774 21.75 12C21.75 12.0526 21.749 12.105 21.747 12.1571C21.7463 14.9883 21.7274 16.4556 21.225 17.722C20.39 19.828 18.6341 21.484 16.4071 22.266C15.1592 22.704 13.714 22.7456 11.0577 22.7496C11.0382 22.7499 11.0186 22.75 10.999 22.75C10.7376 22.7503 10.4648 22.75 10.1791 22.75L10.1809 22.749ZM15.912 20.851C15.443 21.0155 14.9065 21.1121 14.2237 21.169C14.7614 20.4775 15.082 19.6091 15.082 18.667C15.082 18.4764 15.0734 18.2815 15.0649 18.0911L15.063 18.048L15.0628 18.0447C15.0419 17.5877 15.0202 17.1152 15.114 16.763C15.199 16.448 15.447 16.199 15.763 16.115C16.1111 16.0211 16.5785 16.0425 17.0317 16.0633L17.047 16.064L17.0872 16.0658C17.2786 16.0743 17.4754 16.083 17.667 16.083C18.6203 16.083 19.4985 15.7546 20.1941 15.2049C20.1415 16.038 20.0375 16.6513 19.8321 17.17C19.1581 18.871 17.729 20.213 15.912 20.851Z", fill: "#161616" })), h("svg", { key: 'ce34153b8fb694c44d9ee8687479af84368f5d9e', slot: "trail-element", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'ae1ae7ba5371b52121fa64c98f07d48dee03b56e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M19.5179 5.95748C19.8175 6.24349 19.8285 6.71823 19.5425 7.01786L9.04252 18.0179C8.90308 18.1639 8.71064 18.2476 8.50872 18.25C8.3068 18.2523 8.11246 18.1731 7.96967 18.0303L4.46967 14.5303C4.17678 14.2374 4.17678 13.7626 4.46967 13.4697C4.76256 13.1768 5.23744 13.1768 5.53033 13.4697L8.48752 16.4269L18.4575 5.98214C18.7435 5.68252 19.2182 5.67148 19.5179 5.95748Z", fill: "#161616" }))))))))));
     }
 };

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

@@ -47,7 +47,7 @@ const DgaMenuV2 = class {
         };
     }
     render() {
-        return (h(Fragment, { key: '87e4e1ba165d7af811e7d6dd0a5e3b9caada52af' }, this.open && (h("ul", { key: '00585f198219ee4cc7aa275a92a48dd1e3f1ada8', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '5714384fa9332a6bd92f8f3cf352dda1043c8b42' })))));
+        return (h(Fragment, { key: '24875186aa45511e385e77473d8647388f9ac3f8' }, this.open && (h("ul", { key: '58005bfe634ece0f5f31637aca4b62af2dac62f7', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '87651aba7b68328649850f44c47cacef915dab18' })))));
     }
     static get watchers() { return {
         "open": ["handleOpenChange"]

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

@@ -32,7 +32,7 @@ const DgaMenu = class {
         };
     }
     render() {
-        return (h(Fragment, { key: '69bdc2e98bd65dfd11de009b1c1b3f514fee4dfa' }, this.open && this.anchorEl && (h("ul", { key: 'fafbdec7bf4ef68b4d79fb54d38883260665e154', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '6fb989d29109ac200f53ff8a2d3ec7069797b702' })))));
+        return (h(Fragment, { key: '74fce788d8c99acf04372627cb9ad9b239f7d569' }, this.open && this.anchorEl && (h("ul", { key: 'a61d897a4ff06d2880d97e54e0e5a70ec4ef1e73', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '80ae991684492fc900b9ebce7b33c58cc4a76c12' })))));
     }
 };

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: 'ae4f6c6ce47f55d7be763bc451a82c6296c8871e', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: '373160ff8e80c0771458d48eb57da931b33815c5' }, h("linearGradient", { key: 'c5b44dcaefc231d0f57c2b075f4c1cfb299fdfe3', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: '93e39951f14f45d6e549820999d09e5757fd4f6f' }), h("stop", { key: '4168b4b2042bdd02c37dc0b513eef83f29e79611', offset: "1", "stop-opacity": "0" })), h("mask", { key: '935ec0798a2cc114e46df0a066fc1fe10478f816', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: '44a4f224977ec36e70dd7c7b99597015da8b6086', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: 'db2f234e332c89a7979bd8cc2ce6fbb61c84f7fe', mask: "url(#chartMask)" }, h("path", { key: '294437166a6343bb153a92ebd9cfdf51bb7de505', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: '57d7bc4921af8228960ce546b72f1f827225ea72', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: '682ceb408c8a4e3ce22b38a7fe12b093801a8ee2', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: '81446c80be31b90e89538e4546bd98462f17721d', opacity: "0.2" }, h("rect", { key: '1ba0df8a0ec569126b421f81c1edafd4199c3c48', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: '8fdb7874d2a8c679584266173041026d55e2af80', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'd97a882fea1dccce6a7a5f6a6f0e1af5aeab8568', x: "5", y: "5", width: "10", height: "10", rx: "5", stroke: this.strokeColor, "stroke-width": this.strokeWidth })))));
+        return (h("svg", { key: 'acc239bc6f87365881d592365f40ac4503632603', width: this.width, height: this.height, viewBox: "0 0 130 66", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("defs", { key: 'ccbe7a613cd4e04b5693037df8786bfb16d578ff' }, h("linearGradient", { key: '0beb4b309d4bf3f4fd9136f0067b1dbadddaaa37', id: "gradientMask", x1: "64", y1: "0", x2: "64", y2: "64", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'f01fc183382fc9978ce9f1165f3cc482277c1f0a' }), h("stop", { key: '8da29614fb72aada774914678b1db6654ec96310', offset: "1", "stop-opacity": "0" })), h("mask", { key: 'bdee5a9fbba572b05146310ade5712cb915fd7ba', id: "chartMask", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "1", y: "1", width: "128", height: "64" }, h("rect", { key: '5f4fdb77d28de018fa03ad1104f7e5e5dd36b467', width: "128", height: "64", transform: "translate(1 1)", fill: "url(#gradientMask)" }))), h("g", { key: 'f666763553aa996b7522c90c41e9e78b500ebd09', mask: "url(#chartMask)" }, h("path", { key: 'f4e45db7df2b71b6d10ada5c690ddcf828c1fc6b', opacity: "0.2", d: this.areaD, fill: this.fillColor })), h("path", { key: '2aa0d6d61ea8be895ab39c06a143815746dd9b50', d: this.pathD, stroke: this.strokeColor, "stroke-width": this.strokeWidth, "stroke-linecap": "round", "stroke-linejoin": "round", fill: "none" }), this.showMarker && (h("g", { key: '36e804066bb7ee5f354db19fd8fcddf21c7fc0eb', transform: `translate(${markerX}, ${markerY})` }, h("g", { key: '9dc72503277896f13b6ea19bbaacfb09debf4ae4', opacity: "0.2" }, h("rect", { key: '5962c45fd460c01102368752f5a1c770173bd3c9', width: "20", height: "20", rx: "10", stroke: this.strokeColor, "stroke-width": this.strokeWidth })), h("rect", { key: '0583197d501d3c5d5129e560ce697af487c4caff', x: "5", y: "5", width: "10", height: "10", rx: "5", fill: "white" }), h("rect", { key: 'aa339fcf9d4cdfbee96bac10bf837a9ccef5fb17', 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: '2ad9c2c0939a122d3e3c1e727e9f33fe52ecd376', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '1dcfbe63f895bf76d6a8e8e4e54c9b2d6fa9fafb' }, h("linearGradient", { key: 'c7461f4ddf4587d347f132523448a025f9b1a017', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'fa5fc33dbe033170dc884c122e403ab4ec316093', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: 'c234bf4bedd32b97edef1bb0e69d7b8ca7b3fd7f', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '85aca411c2c387929308fa2814f47b4ab5b02271', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '28018df6b9951eef64277075d0686bfe51176f07', 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: '50603cb6206def676708db0d1e158da0c538ddd9', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '15e91810e182e0c34a57f0a974e793751b246d82' }, h("linearGradient", { key: '12a538c6b8807e9c4b84040e0d61c3e0d1fbaa84', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '670bac2a6f5cbbee569232d0791e94ddce29d05a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '17235c5fa2583152a29458f0b37187881ff9d361', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'cecc8b65a069a2f32e5e89df2353bc5761c75dc8', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '7be41d8b21447e868f1ee77002963e490e7902bb', 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"]