@platformscode/core 0.0.31 → 0.0.32

package/dist/collection/components/dga-drawer/DrawerMenu.js

@@ -5,7 +5,7 @@ export class SidePanelMenu {
         this.routes = [];
     }
     render() {
-        return (h("ul", { key: '8b2d550775b065135ab6588510c06543776420cd', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
+        return (h("ul", { key: '827486f510950049607d3f4074a5b90ec92a1afd', class: "sidepanel__menu-list" }, this.routes.map((route, index) => (h("li", { key: guid() }, h("tab-component", { route: route }), index < this.routes.length - 1 && (h("div", { class: "sidepanel__menu-tab-divider" })))))));
     }
     static get is() { return "side-panel-menu"; }
     static get properties() {

package/dist/collection/components/dga-drawer/tab-component.js

@@ -13,7 +13,7 @@ export class TabComponent {
         }
     }
     render() {
-        return (h(Fragment, { key: '84a988c7773cc92055217d331addcfea4a9a7fae' }, h("tab-link", { key: '245a2ece23e2ae88473746f3ca43d155c732110a', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '1f265c9a4c731351b3bc0ae85b8486156da08755', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
+        return (h(Fragment, { key: 'a61200058c5c8a22f322dde4edfcc807cb8f647e' }, h("tab-link", { key: '07f4c84a4c5b88d61366f74dc9da8b5dd72f35f2', text: this.route.name, type: this.route.children && this.route.children.length > 0 ? 'parent' : 'child', icon: this.route.icon, link: this.route.path, onExpand: this.handleExpanded.bind(this), disabled: this.route.disabled }), this.route.children && this.route.children.length > 0 && (h("ul", { key: '44bb0dc3f734ebf42269a8c153864ed719fd6b41', class: "sidepanel__submenu-list", ref: el => (this.submenuElement = el) }, this.route.children.map((childRoute, index) => (h("submenu-component", { key: index, route: this.route, childRoute: childRoute, onChildExpanded: expanded => {
                 if (expanded) {
                     this.submenuElement.style.maxHeight = 'fit-content';
                 }

package/dist/collection/components/dga-dropdown/dga-dropdown.js

@@ -180,9 +180,9 @@ export class DgaDropdown {
             'dropdown--multi-select': this.multiSelect,
             [this.extraClass]: !!this.extraClass
         };
-        return (h(Host, { key: 'd651a7cb82c151bba79bf73ef85cfa4add3fb262', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'c0012ad24c5205b67621e0972e6ec25e7145fe24', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
+        return (h(Host, { key: 'ae50cbbfce641b6b61b72c28109ee8ba856ba1d7', id: this.componentId, style: this.rootStyles, dir: document.documentElement.getAttribute('dir') }, h("div", { key: '2290ca244dfe12af4ddb2ce3ad6889cf8eb197e8', id: this.id, ref: el => (this.containerRef = el), class: Object.keys(dropdownClasses)
                 .filter(key => dropdownClasses[key])
-                .join(' ') }, h("button", { key: 'c29e8669df0ee78317aa373f135a570aa886bd84', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, h("span", { key: '16019ec80aba2168df89a13ec773179f8c5e11c4', class: "dropdown__label" }), h("span", { key: 'eb8ef06bf1ddfc3f8397bed7a6e09fa1717e6682', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'de902988adc5005a152753671a9848ec2cc034b7', class: "dropdown__chevron" }, h("dga-icon", { key: 'd0099c51b488a5ba24ab7d458d6920cc4160253b', icon: 'ArrowDown01Icon', variant: "stroke" }))), h("ul", { key: '8fec16f4e194ecc5e607f1f3b599975d07e2a875', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
+                .join(' ') }, h("button", { key: '6c1dff527003975440c4c01741a87a972d49b844', class: "dropdown__btn", ref: el => (this.btnRef = el), disabled: this.disabled || this.readonly, onClick: this.handleToggleDropdown.bind(this), onMouseDown: this.handleAddPressed.bind(this), onMouseUp: this.handleRemovePressed.bind(this), onMouseOut: this.handleRemovePressed.bind(this), type: "button" }, h("span", { key: '4fbd3d638498bc3b7e1f112b6c8daaa9e9050e8c', class: "dropdown__label" }), h("span", { key: '7b1f04fea3588baad69ca3b7a8ce6992962c7d84', class: "dropdown__label-placeholder" }, this.placeholder), h("span", { key: 'be8d900db2c5990bf44a14bec9ef4247f3cc8185', class: "dropdown__chevron" }, h("dga-icon", { key: '94da66595efab3446200dea44c06e4c3e5f70361', icon: 'ArrowDown01Icon', variant: "stroke" }))), h("ul", { key: 'ba99405f0c9d054b85fe4625936f7b20c9449398', class: "dropdown__list" }, this.optionList.map((option, index) => (h("li", { key: option[this.trackBy] || guid() }, h("button", { class: {
                 'dropdown__option': true,
                 'dropdown__option--checkbox': this.multiSelect,
                 'selected': option.selected

package/dist/collection/components/dga-file-upload/dga-file-upload.js

@@ -79,7 +79,7 @@ export class DgaFileUpload {
         return (h("div", { class: "file-upload__file-item" }, h("span", { class: `file-upload__file-status file-upload__file-status--${file.uploadStatus}` }, file.uploadStatus === 'uploading' && file.progress && h("dga-loading", { size: "tiny", variant: "neutral" }), file.uploadStatus === 'complete' && h("i", { class: 'hgi-solid hgi-checkmark-circle-02' })), h("span", { class: "file-upload__file-name" }, file.name), h("button", { class: "btn btn--close btn--icon btn--sm", onClick: () => this.handleDeleteFile(index, file) }, h("span", { class: "btn-icon" }, h("i", { class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: "20px" } })))));
     }
     render() {
-        return (h("div", { key: '354db699e2ca9a983d346ba99a4d3f62ffb1ffb9', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'bd0f9af9418fc728ce3e24664b5d9fb72baed9d9', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: '8d44991a59f4e4ca4f4f35721abf9a0289bf475d', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '5b1c048c681bed8aa96c3b78fa36a068ce563fd0', class: "file-upload__icon" }, h("i", { key: '8db9cfe179a6f07a2488a97b773a8326943f6f27', class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), h("div", { key: 'bd1584e0eaa583f9b65f1543c3788a4b19c231b1', class: "file-upload__content" }, h("p", { key: '0f63c39033091ffc4b4b76084b0a5cf857aa3387', class: "file-upload__instructions" }, this.title), h("p", { key: 'b9c895fd5c4295384a7b2dee8a676bea19ae4d9f', class: "file-upload__formats" }, this.fileTypesText)), h("button", { key: 'b23ed88d60bf16cf05393e55779e568ffb486bc5', class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); } }, h("span", { key: '9839293615be1e0059def33533f540c3b5f06d8e' }, this.actionName))), h("div", { key: '856088f7656a35c90b4652cba90c67ecd26a2680', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
+        return (h("div", { key: 'b2229fc831b450f904f49dd55f5f39f2932d5e84', class: `file-upload ${this.dragState ? 'file-upload--drag-over' : ''} ${this.disabled ? 'file-upload--disabled' : ''}` }, h("input", { key: 'f57475229b87fb5a3cb1802127adcd5d40b814a1', type: "file", id: this.id, name: this.name, class: "file-upload__input", accept: this.accept, multiple: this.multiple, "aria-hidden": "true", onChange: this.handleFileSelection, ref: el => (this.fileInputRef = el) }), h("label", { key: '10f63ca5ecd1ab621bd0f9a1a9a4e15e50ad3dd8', htmlFor: this.id, class: "file-upload__drop-area" }, h("span", { key: '61954866e158f4ada389670469286e770ad0012b', class: "file-upload__icon" }, h("i", { key: 'aaef312a708380c23c0a682f61958dfdc90e6491', class: "hgi-stroke hgi-file-upload", style: { fontSize: "20px" } })), h("div", { key: '9541460c33edf715a6010e8e8f06b3cbe8e88850', class: "file-upload__content" }, h("p", { key: '92b7924152430378cecccafe66fcd50656119340', class: "file-upload__instructions" }, this.title), h("p", { key: '6cc00b39771f3e492243462c67dcd69927a2ed18', class: "file-upload__formats" }, this.fileTypesText)), h("button", { key: 'a6f93ae28db20fda5fb47a3f7ed843060d78e02f', class: "btn btn--md btn--secondary", "aria-label": "Browse Files", disabled: this.dragState || this.disabled, type: "button", onClick: () => { var _a; return (_a = this.fileInputRef) === null || _a === void 0 ? void 0 : _a.click(); } }, h("span", { key: 'fab7028476b4273d85eaa73e7866045927b24e45' }, this.actionName))), h("div", { key: 'e1b83104261c9d7098767e68308f1fee9d675a16', class: "file-upload__files-list" }, this.files.map((file, index) => this.renderFile(file, index)))));
     }
     static get is() { return "dga-file-upload"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-flex/dga-flex.js

@@ -55,7 +55,7 @@ export class DgaFlex {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap'
         };
-        return (h(Host, { key: '6c1ad02b1ac8379aa60334def31d92146a4af40f', id: this.componentId, style: this.rootStyles }, h("div", { key: '3339f2e2f3a8a011421c1b659416820096d4f577', class: "dga-flex-container", style: styles }, h("slot", { key: 'b7b76ea0c6daa6ace343ccdfef0b09822aa62a0a' }))));
+        return (h(Host, { key: 'e00fabb6b71d0a0c94d86c971f0c957d2ef0567a', id: this.componentId, style: this.rootStyles }, h("div", { key: '267dafab9030a686bc51964d89e72e524ee58763', class: "dga-flex-container", style: styles }, h("slot", { key: '343ad0fb9d6ca2b38c716edbdf196731fff78eaa' }))));
     }
     static get is() { return "dga-flex"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-floating-button/dga-floatingButton.js

@@ -20,7 +20,7 @@ export class FloatingButton {
         return h("dga-icon", Object.assign({ icon: iconName }, iconProps));
     }
     render() {
-        return (h("button", { key: '39ce5fcf1cd40cc83e8bfd064ab3fc752efe6c6b', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: '16152d01eb9bb1849a430d93872774a2f9991c49', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '033685fc8e45c75d90bd8f6dc91aba1a2651e68f' }, this.label)));
+        return (h("button", { key: 'c1f84088ac48d70b17c45a54d474f5707da57213', dir: this.RTL ? 'rtl' : 'ltr', disabled: this.disabled, class: `floating-button-onColor-${this.onColor} floating-button-btn ${this.variant} ${this.size} `, onClick: (event) => this.handleClick(event) }, this.icon && (h("div", { key: 'c29b127971ae727ebac622e781c39f1e76932833', class: "floating-button-icon" }, this.renderIcon(this.icon, this.iconProps))), this.label && !this.iconOnly && h("p", { key: '3ea3a5b714adff932d3ba6384701fc079f42b1c2' }, this.label)));
     }
     static get is() { return "floating-button"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-footer/dga-footer.js

@@ -17,7 +17,7 @@ export class DgaFooter {
         this.bottomImages = [];
     }
     render() {
-        return (h("footer", { key: '0bf3a72a79b89498d54b1e6390a08704818e944f', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '6c65c86684dda38b25dabbd50cb017e50f9c4a35', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '3bdacc05cb45c9c8758728e2f0ea7a616d6efd3f', class: "footer-icon-section" }, h("a", { key: '0b47e7868c9c961667d7ff53be87d3fee4bfe3f3', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: 'e62e318fc34bf49f6ff35ef719ccf3343c9da1c2', class: "footer-title-description" }, h("h3", { key: '406ccbdbccef005931af02fff0569581a3b9f731', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: '50f74421b0f14e804f76386931bd55d273fc8186', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '23da97a7b2abcfa121a2aa6f1faf89f233879b2a', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: 'f0cbeab6b4b5f84fe79aa20d6cc8024e1c37002f', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '16719b6440a15d09f69204e08d90bebf1bf86486' }, this.socialMediaTitle && h("div", { key: 'efa5bb08f24626231536fa2495abb55786c0a5d6', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '8edd8e4917395b96e55deba444776f8500e1ef7a', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: 'b5d5b609fb7831457ff6f21d6649fcb8e602b99f' }, h("div", { key: '3d26b10c3a120a9291341801d0c5e1670f1d8cd5', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'ea90e1944e5293a7282f743269df6ce3dc5cc90f', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '3675304a0d05aa1f5c374f9c7b1476513055bc52', class: "footer__basic" }, h("div", { key: '670bb7ed690ceb2b4f568bf7ebeb52e00b1e0fe7', class: "footer__actions-copyright" }, h("ul", { key: 'afcbe74f270f07192d97833fa017c455ac7d6d03', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: 'c12fe9d6c8a6b3b64d10dd6f4dc1d7ed916a14bd', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'acef4f5a53fbf54e0aade3cdff877f3df06d7d9d', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '7939702071e0c435d58991271e40c0fb48de7264', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
+        return (h("footer", { key: '28fbcec797525581383483c5b7276480c65bb9f3', class: `footer ${this.background === 'DarkGreen' ? 'footer--bg-brand' : ''}` }, h("section", { key: '5af8fb335e35be5953ef17b9dfce47ae61380eff', class: "footer-content" }, (this.mainLinkTilte || this.mainImage) && (h("div", { key: '7d4b6107a02a5ff97a33aa3f74e5167cc682af75', class: "footer-icon-section" }, h("a", { key: '25789d8949db79c9411f1a8a100cb6db0425bf15', class: this.background === 'DarkGreen' ? 'link--on-color' : '', href: this.mainLink || '#', target: "_blank", rel: "noopener noreferrer" }, this.mainLinkTilte))), (this.mainTitle || this.mainDescription) && (h("div", { key: '5d4ab7f479d77bf565c8c0076c4f22ea5d9be5d2', class: "footer-title-description" }, h("h3", { key: '4ced5c9b892e180243e1e0dc19699cfe9df2ade5', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainTitle), h("p", { key: 'b69878a8e72173d24269122edc999358e0eaefe2', class: this.background === 'DarkGreen' ? 'link--on-color' : '' }, this.mainDescription))), this.NavLinks && (h("section", { key: '12d20f5cc62316e1e5f6795907e347740a75604e', class: "footer__nav-links" }, this.groupLinks.map(group => (h("div", { class: "footer__nav-links-column" }, h("div", { class: "footer__nav-links-column-title" }, group.title), h("ul", { class: "footer__nav-links-column-body" }, group.links.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))))), h("div", { key: '17c165401a5acf1517674e34ccd6be4f440239a5', class: "footer__nav-links-column" }, this.socialMediaLinks.length > 0 && (h("div", { key: '9bcfcfb6a29640c99358f72adfa03e63c3030872' }, this.socialMediaTitle && h("div", { key: '5ec5e2ef62b3322996afd93659dd6aa2da115e53', class: "footer__nav-links-column-title" }, this.socialMediaTitle), h("div", { key: '20dd2fff93938fd3d10eaa1852c76bcc2545252a', class: "dga-flex icons-container" }, this.socialMediaLinks.map(social => (h("a", { href: social.target, title: social.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, social.icon, { size: 20 }))))))))), this.accessibilityLinks.length > 0 && (h("div", { key: 'c5c3ce42d325bc3bc4fc0521a7a63c040a9b150b' }, h("div", { key: 'f1d489922355ea30760fcc4cf2dfa357414c776e', class: "footer__nav-links-column-title" }, this.accessibilityTitle), h("div", { key: 'cfaf9e9ad077e333679de4bfc094168acded1faa', class: "dga-flex icons-container" }, this.accessibilityLinks.map(access => (h("a", { href: access.target, title: access.title, class: `dga-btn dga-btn--md dga-btn--secondary-outline dga-btn--icon ${this.background} ${this.background === 'DarkGreen' ? 'dga-btn--secondary-outline--on-color' : ''}` }, h("span", { class: "btn-icon" }, h("dga-icon-v2", Object.assign({}, access.icon, { size: 20 })))))))))))), h("section", { key: '672b86191ca258c989c73e139e8b252fe35f49cf', class: "footer__basic" }, h("div", { key: '16bcdd950ba6fa6573c9e030d50c5398c30c94b8', class: "footer__actions-copyright" }, h("ul", { key: '4eaa3e2567940ff7c5e45d2bf39a790794f49ee1', class: "footer__actions" }, this.basicLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral link--inline ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name)))))), this.copyright && h("p", { key: '87bf262e0938a75fdb40014c9102988cf0bd7874', class: "footer__copyright text-sm-semibold" }, this.copyright), h("ul", { key: 'e6adbbcc770fb8981ca2611192bb944653f0c10e', class: "footer__extra-actions" }, this.extraLinks.map(link => (h("li", null, h("a", { href: link.target, class: `link link--sm link--neutral ${this.background === 'DarkGreen' ? 'link--on-color' : ''}` }, h("span", { class: "link__label" }, link.name))))))), h("div", { key: '6fb87e25065d7a42f73ff74a3dce1fd35b427abb', class: "footer__logos" }, this.bottomImages.map(image => (h("img", { src: image, key: guid() }))))))));
     }
     static get is() { return "dga-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-header-action-btn.js

@@ -22,13 +22,13 @@ export class DgaHeaderActionBtn {
         });
     }
     render() {
-        return (h("li", { key: '924c15c9d1d16a1146db179192b8d41b524a388c', onMouseEnter: () => {
+        return (h("li", { key: 'd18c4cd96870c00901bf626d33b0e89f2d2e09ac', onMouseEnter: () => {
                 this.openSubMenu = true;
                 this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 this.active = false;
-            } }, h("a", { key: 'f028c238bb7fc609e054d38ffb5d8e2574a82390', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: 'fc4c6e953cfb3b3fb82a05005b02dbc6483bd622', class: "header-menu__item-arrow" }, h("dga-icon", { key: 'fbc1d0f4ea04333ee89c55f3957501ac240ca96b', icon: this.icon })), h("span", { key: 'e44908e6bc075563773921e9f8e0cae95ea8e3c1', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '15905ae340d932bdeffc6b853ec25bd852b7be98', name: "dga-nav-header-sub-menu" })));
+            } }, h("a", { key: '0653a2154550ea15dc8d1f6370f9ee4972de9bd5', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '30d42e2f8ed5e59298788d5bfe9bafb911b1bf69', class: "header-menu__item-arrow" }, h("dga-icon", { key: 'dc79b2d49da95bad07e778315710a4f91fdb23ca', icon: this.icon })), h("span", { key: '778121626d0435ffe884996603f1b2a634c3fea4', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '03c2bc0887136ce5170652e101eb6d84f3dcd03a', name: "dga-nav-header-sub-menu" })));
     }
     static get is() { return "dga-header-action-btn"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-header-menu.js

@@ -25,12 +25,12 @@ export class DgaHeaderMenu {
         };
     }
     render() {
-        return (h("div", { key: '15b15e7d62b7acbe589d9c574267ea34a9079291', style: { position: 'relative' } }, h("dga-button-v2", { key: '5b76efcea2c2b55a4fbdaf589c84a3b46a32c6d6', "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("div", { key: '7e2512d9cc506c4180e0a05a3e772164d1fb3c46', style: { position: 'relative' } }, h("dga-button-v2", { key: '47102abaf088c7d171781f95104ce92c54e5ed0e', "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: this.icon,
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: this.toggleMenu, class: "header-menu__btn" }), this.isMenuOpen && (h("ul", { key: '81d73d14fbe4e1ea897b365fb7db6e749de203f9', class: "dga-breadcrumb-dropdown" }, this.actions.map(action => (h("li", { key: action === null || action === void 0 ? void 0 : action.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: action.onClick }, h("span", { class: "link__label" }, action.label)))))))));
+            }, variant: "transparent", onClick: this.toggleMenu, class: "header-menu__btn" }), this.isMenuOpen && (h("ul", { key: '20ab1dfbe5fc71122e00198f52903e12f9e26e30', class: "dga-breadcrumb-dropdown" }, this.actions.map(action => (h("li", { key: action === null || action === void 0 ? void 0 : action.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: action.onClick }, h("span", { class: "link__label" }, action.label)))))))));
     }
     static get is() { return "dga-header-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-header-mobile-actions.js

@@ -26,7 +26,7 @@ export class DgaHeaderMobileActions {
         };
     }
     render() {
-        return (h(Fragment, { key: '3f308c3ad8c285b216a01c090528d77f0c78a87a' }, h("div", { key: '3112e8aac9c3e03ba8843d87086760e3feba2f5a', style: { position: 'relative' } }), h("ul", { key: '2672ead1d0e195cb91fe72649b93e3fc1b60c2a6', class: "header-nav__mobile-actions" }, h("slot", { key: '43190fc1bad4d2280e2ef9d7bb0db7738f2e51c1' }))));
+        return (h(Fragment, { key: 'fa8e28741295c36920b1ded056bba092e825268f' }, h("div", { key: 'd29bb008ca535d1bf5a8d6389a256d52b994cff5', style: { position: 'relative' } }), h("ul", { key: 'caacdd29a63baad1308619831cb3f02dc36a131e', class: "header-nav__mobile-actions" }, h("slot", { key: '9188310adb4d1361518c123b7731fc8c812acd23' }))));
     }
     static get is() { return "dga-header-mobile-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-header.js

@@ -11,7 +11,7 @@ import { DgaNavHeaderActions } from "./dga-nav-header-actions";
 import { DgaHeaderActionBtn } from "./dga-header-action-btn";
 export class DgaHeader {
     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 }))))));
     }
     static get is() { return "dga-header"; }
     static get properties() {

package/dist/collection/components/dga-header/dga-nav-header-actions.js

@@ -23,16 +23,16 @@ export class DgaNavHeaderActions {
         };
     }
     render() {
-        return (h(Fragment, { key: 'a2cced5c123afa2df1aa2f005abcb3f56eeb057c' }, h("div", { key: '12bc1cd4e77b43f9515d96f938354242030cb57d', style: { position: 'relative' } }, h("dga-button-v2", { key: '185d7916d6871c2cde9e6b0c1864de85e81dfd24', "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h(Fragment, { key: 'a7203ec320b3be7396eb3785bdd8c4663cdc2ccb' }, h("div", { key: 'b276fdc28ec8b5ca23feaa7c7416f1dbd669a776', style: { position: 'relative' } }, h("dga-button-v2", { key: '967bf99609e51556e37407aeb243f98b0ac6f944', "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: this.toggleMenu, class: "header-menu__btn" }), this.isMenuOpen && (h("ul", { key: '5bb262698036ccc55d13bac1a6a3e719e55c88f5', class: "dga-breadcrumb-dropdown" }, [{
+            }, variant: "transparent", onClick: this.toggleMenu, class: "header-menu__btn" }), this.isMenuOpen && (h("ul", { key: 'e59d2ff07d620be157ef9a4ee58a34f93d1afad6', class: "dga-breadcrumb-dropdown" }, [{
                 label: 'Item 1', path: '/item1'
             },
             { label: 'Item 2', path: '/item2' },
-        ].map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", null, h("span", { class: "link__label" }, ellipsedItem.label)))))))), h("ul", { key: '589573db09e7942955567f1126b660e00029ad30', class: "header-nav__actions" }, h("slot", { key: 'bf49bcf5611e6e55aa41070e3334727912771d9c' }))));
+        ].map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", null, h("span", { class: "link__label" }, ellipsedItem.label)))))))), h("ul", { key: '665dbab8025f0f38b1bbb1fa9e959992df4db9af', class: "header-nav__actions" }, h("slot", { key: '4838b5da817fb088ef7d84fdd26bf344da2e933b' }))));
     }
     static get is() { return "dga-nav-header-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-link.js

@@ -23,11 +23,11 @@ export class DgaNavHeaderLink {
         });
     }
     render() {
-        return (h("li", { key: 'd02e5af9aca8696541f279b8077c7ca70ed52516', onMouseEnter: () => {
+        return (h("li", { key: '2a544068f1af4348a4c7e1a48ee6dfa4ce207a2d', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
-            }, tabindex: "0" }, h("a", { key: '760bf66c42d5124e7410c7b4d6d569d796438b1d', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'effdcf207af1d0d908314c7f6b4c01edab5ae556', class: "header-menu__item-label" }, this.label), h("span", { key: 'f96d5c5871481b7d2d6607c4da30975d6cb49e7c', class: "header-menu__item-arrow" }, h("dga-icon", Object.assign({ key: '4499105623271573db54694c7238a9818f92587f', icon: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: '8500c4b55b4a4e2b42b5f349cbe38cd81ec749dd', name: "dga-nav-header-sub-menu" })));
+            }, tabindex: "0" }, h("a", { key: '9f990071ea060b18a69960b13e3f76d07c9e2890', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: '77dcd84be0c8c36120b0726fc00579a2141fbeb3', class: "header-menu__item-label" }, this.label), h("span", { key: 'bb4a0569869224cdb389a4a2baec0236bf3658a5', class: "header-menu__item-arrow" }, h("dga-icon", Object.assign({ key: 'f2ed30354118be87694a11b1ae18e3395542806d', icon: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'a6820db4034f9d179e3aba2749d57dd7e8496d5f', name: "dga-nav-header-sub-menu" })));
     }
     static get is() { return "dga-nav-header-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-logos.js

@@ -5,7 +5,7 @@ export class DgaNavHeaderLogos {
         this.govLink = '#';
     }
     render() {
-        return (h("div", { key: '098d25036ae5d4c77491d4fea30733a256f3f1b9', class: "header-nav__branding" }, this.govSrc && (h("div", { key: 'f05cb5d565403570adad1896f737a7acf40bd74e', class: "dga-flex xs-hide" }, h("a", { key: 'bdc53b98e2ae656b9ebb65233f41026dde8d2772', href: this.govLink }, h("img", { key: 'fa9ef6399730c3eb77c60c20f48dd69d078ff0ce', src: this.govSrc, alt: this.govAlt })), h("div", { key: '209f77006c4324952e41ca3d6c801305bb08acea', class: "dga-ver-divider" }))), h("a", { key: '6a2cf03c626a7435b719fb2624e4a8ec24336241', href: this.logoLink, class: "header__logo" }, h("img", { key: '7b16393580d4cdbcf86a49747e486ebd40e62af1', src: this.logoSrc, alt: this.logoAlt }))));
+        return (h("div", { key: '4307ccbe26e7e25126eb4d21ec6657d0b74561d7', class: "header-nav__branding" }, this.govSrc && (h("div", { key: '3d2d2b5766b1593e52d589abc0f181397a5d84d2', class: "dga-flex xs-hide" }, h("a", { key: '700a39b5a5eeda62fb279b9b9cd4087a7fe3e6ed', href: this.govLink }, h("img", { key: 'f4aa859b82ee694136a229e04c565953330156e0', src: this.govSrc, alt: this.govAlt })), h("div", { key: '9cd150cd475c694b29ca0fe7940c2f56f67e0706', class: "dga-ver-divider" }))), h("a", { key: '03f48eb1f8b6726b9d3227156b576530c491c2b7', href: this.logoLink, class: "header__logo" }, h("img", { key: 'cd54d2aecc433035c29c3008f514f6b3b5531449', src: this.logoSrc, alt: this.logoAlt }))));
     }
     static get is() { return "dga-nav-header-logos"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-main.js

@@ -15,7 +15,7 @@ export class DgaNavHeaderMain {
         //   variant: 'stroke',
         //   type: 'rounded',
         // };
-        return (h("div", { key: '83034297e19bcca9a5566173fcaf11fe4c4c4c65', class: "header-nav__main" }, h("slot", { key: '3392c3d0186e688e03cfdb06998ef3b92f1d1aa5' })));
+        return (h("div", { key: 'a1dff73d8f31d321d666021c13314d5746850a6e', class: "header-nav__main" }, h("slot", { key: 'd49f46410cfb6fbeb17a07d03da87078cd7ec025' })));
     }
     static get is() { return "dga-nav-header-main"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-menu.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaNavHeaderMenu {
     render() {
-        return (h("ul", { key: 'fefcb150a4d1569eb9a69a6596e2fb01d625ce91', class: "header-nav__menu" }, h("slot", { key: 'a56da0c5ad711481c9d16e7f2d8045eb68f13a8c' })));
+        return (h("ul", { key: '4636f92fd9eee78d8975b84c2e02ff1e69c866b6', class: "header-nav__menu" }, h("slot", { key: 'b1e377554e828769cc2110785a409b5d4c833d2a' })));
     }
     static get is() { return "dga-nav-header-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-sub-menu-column.js

@@ -4,7 +4,7 @@ export class DgaNavHeaderSubMenuColumn {
         this.label = '';
     }
     render() {
-        return (h("div", { key: 'c177b87c9075cf517d169d395374009c0c357d42', class: "sub-menu__column" }, this.label && h("h2", { key: '642af1dea89f17c70a2e83112ad365110158f017', class: "sub-menu__column__label" }, this.label), h("slot", { key: '6432d519aa14e1f87c0ad2b164c1f90538ab6af6' })));
+        return (h("div", { key: '6e1da63bec0f43ffe7ead12177415d1405aaee94', class: "sub-menu__column" }, this.label && h("h2", { key: '6827e08158b5698e7acec121e4ac88355faed8e0', class: "sub-menu__column__label" }, this.label), h("slot", { key: '41e7ff1766b0fd3cd30681b0fc6f0ada96bd4c3f' })));
     }
     static get is() { return "dga-nav-header-sub-menu-column"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-sub-menu-link.js

@@ -3,7 +3,7 @@ export class DgaNavHeaderSubMenuLink {
     render() {
         const backgroundClass = this.background === 'Brand' ? 'sub-menu__link--on-color' : '';
         const linkStyleClass = this.linkStyle && this.linkStyle > 0 ? (this.linkStyle === 2 ? 'sub-menu__link-icon--bg' : 'sub-menu__link-icon') : '';
-        return (h("a", { key: '7d3b7916fd803bc5010fab6b5b3fd95178d93e63', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon", { icon: this.icon })) : null, h("div", { key: '69a8ab3f28e6a7260a7856210033a0d7b153aad9', class: "dga-flex-column" }, h("span", { key: '8037b4f170a9183b0e2c07baa4537a3d2c9d79b9', class: "sub-menu__link-label" }, this.label), this.helperText && h("span", { key: '73773999026ab6fedfde5ce9a2331323b3518aa8', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: '2dee00123e0cb9369b57d61b6e992bc9e0fb9b96', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon", { icon: this.icon })) : null, h("div", { key: '379c54ba9dc1774176de534eedbb764663526eaa', class: "dga-flex-column" }, h("span", { key: 'e8d20f991a28be8d01320be578ee52589b25681f', class: "sub-menu__link-label" }, this.label), this.helperText && h("span", { key: '5dcf79fe09ec044b8eb3ce6261c57d9193ff16b9', class: "sub-menu__link-helper" }, this.helperText))));
     }
     static get is() { return "dga-nav-header-sub-menu-link"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header-sub-menu.css

@@ -2306,6 +2306,10 @@ a:focus {
   align-items: stretch;
 }
 
+:host {
+  width: 100%;
+}
+
 .header {
   position: relative;
   width: 100%;
@@ -2707,4 +2711,8 @@ a:focus {
 
 dga-nav-header-main {
   flex: 1;
+}
+
+.header-menu__item-label {
+  white-space: nowrap;
 }

package/dist/collection/components/dga-header/dga-nav-header-sub-menu.js

@@ -20,7 +20,7 @@ export class DgaNavHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'eb4c31ab7d7f52a8760300629882e38c85c7c69a', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '34a2361361d6fd63cabf76d5f52e9b4db9e2a809', class: "sub-menu__container" }, h("slot", { key: 'b323c3a7ea1546596fa13ea9c46579c4ff5d8ecf' }))));
+        return (h("div", { key: 'cd7f3e96b3fa54109a924451b83436c6b4821a07', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '6c6ab6439c76daf6fc0bbede98982571460857eb', class: "sub-menu__container" }, h("slot", { key: 'e97d54c4ad83345027d3522625a18d77219ece12' }))));
     }
     static get is() { return "dga-nav-header-sub-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-header/dga-nav-header.js

@@ -1,4 +1,4 @@
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 export class DgaNavHeader {
     constructor() {
         this.fullWidth = true;
@@ -7,7 +7,7 @@ export class DgaNavHeader {
     }
     // @Prop() position: 'sticky' | 'relative' = 'relative';
     render() {
-        return (h("header", { key: '2cea43919f0a352a0f18ddc432baf459125962b2', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '88462db4cd252176f32d2b8ea801b9adf29cd6a7', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: 'cc28cd0de93dba1e158d51e1e31769c392edcdd6' }))));
+        return (h(Host, { key: '09079f60b8184429afa9ee0353bdf66f8fd316a5' }, h("header", { key: 'ac7708f38d81388d5483f52243c57ff72ef63c37', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '788d0ee9c0aaa6f692554adb4fb419051b12b5d7', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: 'cbb955f2a4fde6094cfd2f15f332f201915ec72d' })))));
     }
     static get is() { return "dga-nav-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-icon/dga-icon-v2.js

@@ -123,14 +123,14 @@ export class DgaIconV2 {
         }
     }
     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/collection/components/dga-icon/dga-icon.js

@@ -27,14 +27,14 @@ export class DgaIcon {
         }
     }
     render() {
-        return (h("div", { key: '9fd93cec209d644755a9a0f5a35ae9cbb0a59588', style: {
+        return (h("div", { key: '8769cc874948ce351f7d436b707f15f83e5753e0', style: {
                 width: '100%',
                 height: '100%',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 fontSize: 'inherit',
-            } }, h("i", { key: '3bb22cf7b1b9ae8ecdcce2f42b782bc78704feb1', style: {
+            } }, h("i", { key: '8c9d11b29f5a46d72a6eeb78ed55e53c8aa7e9d6', style: {
                 fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
                 color: this.color,
             }, ref: el => (this.container = el) })));

package/dist/collection/components/dga-inline-alert/dga-inline-alert.js

@@ -16,9 +16,9 @@ export class DgaInlineAlert {
         };
     }
     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/collection/components/dga-linear-progress-bar/dga-linear-progress-bar.js

@@ -21,11 +21,11 @@ export class DgaLinearProgressBar {
         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))))));
     }
     static get is() { return "dga-linear-progress-bar"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-list/dga-list-item.js

@@ -25,7 +25,7 @@ export class DgaListItem {
         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)));
     }
     static get is() { return "dga-list-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-list/dga-list-v2.js

@@ -25,7 +25,7 @@ export class DgaListV2 {
     //   }
     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' })));
     }
     static get is() { return "dga-list-v2"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-list/dga-list.js

@@ -15,7 +15,7 @@ export class DgaList {
     }
     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))))));
     }
     static get is() { return "dga-list"; }
     static get properties() {

package/dist/collection/components/dga-loading/dga-loading.js

@@ -38,7 +38,7 @@ export class DgaLoading {
     }
     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" }))));
     }
     static get is() { return "dga-loading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-action-menu.js

@@ -148,7 +148,7 @@ export class DgaActionMenu {
         return style;
     }
     render() {
-        return (h(Host, { key: '1694689c8e740ecad8d8e3fa228927d51821474a', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '4ba5d24d38bfec6792c79063f5e536084436c7bc', style: { position: 'relative' } }, h("slot", { key: '873ace2b72b4c1c1d3f3d5cfc366cf28318d7d3c', name: "trigger" }), this.open && (h("div", { key: '43d665bd23e4b0a6b5b7706814f24d7aaf69aad6', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '1f7f505246b54a9536e719677593cd30a46ebf04', name: "menu" }))))));
+        return (h(Host, { key: 'a8ad2add15ace376352700bc89dbb2a37bccde6a', dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'bf58c5ea2843f02ee7af30c0d6edcb6e3e0b1766', style: { position: 'relative' } }, h("slot", { key: 'b8392624627b1dc7a731aa432826eceb46c99fd0', name: "trigger" }), this.open && (h("div", { key: 'dddf24c9f242b2b8d16b29cde43b90a19ded2462', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: 'cc38292ae8a59bc6f4624a8535e8b7c93e6f3a35', name: "menu" }))))));
     }
     static get is() { return "dga-action-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-group.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaMenuGroup {
     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' }))));
     }
     static get is() { return "dga-menu-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-item.js

@@ -12,7 +12,7 @@ export class DgaMenuItem {
         }
     }
     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" }))));
     }
     static get is() { return "dga-menu-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu-v2.js

@@ -43,7 +43,7 @@ export class DgaMenuV2 {
         };
     }
     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 is() { return "dga-menu-v2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-menu/dga-menu.js

@@ -30,7 +30,7 @@ export class DgaMenu {
         };
     }
     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' })))));
     }
     static get is() { return "dga-menu"; }
     static get properties() {

package/dist/collection/components/dga-menu/dga-meu-list.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class DgaMenuList {
     render() {
-        return (h(Fragment, { key: 'eea19fa1358c223cfd284b7533ccc9979c102fe4' }, h("slot", { key: 'f66a339457384f2b39c4e06c33a91691d2869245' })));
+        return (h(Fragment, { key: '00b00f49b7c00b6aea88d1f9ad5611189ff4e6e9' }, h("slot", { key: '634e58a8ad891151514f6788b0ad0c774c064918' })));
     }
     static get is() { return "dga-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-metric/dga-metric-chart-v2.js

@@ -216,7 +216,7 @@ export class DgaMetricChartV2 {
     }
     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 is() { return "dga-metric-chart-v2"; }
     static get encapsulation() { return "shadow"; }