@platformscode/core 0.0.48 → 0.0.50

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator-step.js

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: '6c7a81aaf9c213563d71cca89884ef6f54740183', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '2528b12fee66c65825335f844b46ef15a0620529', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '63ca702663faef6ac374ca2394439282cfd3e5c8', class: "step-label", "data-state": this.labelState }, h("span", { key: 'abb42d42c97a681d64719107b3049e2740ace1b9', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '5e4ffdf28b5dcc0d5b9b6f8f443bbef39d81fc28', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ec38daa46f803b3435d8788dfa63b7b7f32e40b5', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '060419d7428dddf5881dd4321baea0f15ae5bfd4', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'dde164500e065ad4ebe79af1cc8117ea66a0283d', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'c6108b52b5232f2cd1339d515ff3696013d1237d', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '16fb38fc2deb77d9a0abe2f89d1dcaea23d17f69', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '4591dd75182590cc86c0056057a32d2db8bba49d', class: "step-label", "data-state": this.labelState }, h("span", { key: '8d882040bd151ffde1204b70739d8c92a61b1f35', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e43125da84444f3dbab5279a36e87cfae409d7e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'f48bbe193a0284c1781d3bd44331379cb6857435', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8dbd21a5aa3090c9c64bc8882ee226551e9a9f0c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '180826a6bd331c831dc8fcbe4bb75bade0fb70ae', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator/dga-progress-indicator.js

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '781f943da7ff4542a2986d3eeda2ec07fe5f3d77', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: 'a93eb6a0e4a98a0d0b3de889e3d7c3fd8dee64c0', name: 'progress-indicator-step' })));
+        return (h("div", { key: '8c1836448edb3f1843d8b1ed49fb265bf23c7beb', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '733997d1ebece6a93ce8c5d8987946016284b341', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-step-v3.js

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'dfde14f167a8c4f766d48377c906e0a75a417a01', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '65d202ab697b39b0be7c0023a2341e13ee35ff69', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '85189fc5bbea37b2a762c23c781a4547abd76d1a', class: "step-label", "data-state": this.labelState }, h("span", { key: '5d0ba5c5fc7439d182d4c76c93872c8aafc01251', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'd485cf9d3975addad439d7d1e4ace3effb020054', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '2e04078943b50605ec3339603ccfed65d602fc96', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'b0cb93e503de85986b3c41ca9cf0c4179c538bbb', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'b0752661f2c147179a77ff53671c1727a6ddd4b9', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '86b00fd3ea645e5f4f145ba093755117251fb5cc', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '1cdc6dbcbddca2613921fdd0c3e343d50c3e131f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'f09d6cb4624ae4ea9a2513e0c508d70acf3630e2', class: "step-label", "data-state": this.labelState }, h("span", { key: '9e0f6d3a45386762798b838d45611666f6a132af', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'aa2143809403697f9912f8ac5d63f7ed4fa0fdc3', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '2414a538e6c480a8659e5b4afd50072563a8b1e2', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'b49c1b187085d1d2b87307143c467d35bf8d927c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '4436f8f0129b9453680e8c582c002e7a861e4d49', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

package/dist/collection/components/dga-progress-indicator-v3/dga-progress-indicator-v3.js

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: '7732634c9913fc24926682ba93273bb0378e7ba7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '951db7c1cbd5c205fc2fcffeeb04276efb1ec635', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'd5195dca1f4ad8adcb86cf56171775c9a537d906', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '5b17d3a2d3f65a41f18331adb0c2bb3c27b972ad', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -27,7 +27,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'eb6484190364fb680a5bb7aff4a8d12218c1971b', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'de99c726c0ed6de726b4563898e1d92149584dbc', class: "dga-quote__body" }, h("dga-flex", { key: '0012032827f3dd7fdcb93439e18d9640460ecec3', spacing: 9 }, h("span", { key: 'a703d1935b618c155d4d7d6c856f0dc1cf9aed25', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '9a558dfcef702b82feeea22afd3e69d396b2664f', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'cbd828c3172bbf36545cc60f35dfcb31a1a986fa', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '70359879f076214faf40f1b75eebe953f473172a', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '437fe8c9a5c6ca710ebef46b2467afb8b9787f43', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'd06ba015e5d84fbc49e3abb2d3d1956d9b3e6f9f', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '0e7329eb7bd8eb2badb98f84372847d35364b4b1', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '60605ba742c017cf887d5053a3827afa5b91c507', direction: "column", spacing: 8 }, h("h3", { key: 'a0a56fd2a21a3ad78f7fff8ef31e8910d3e291f1', class: "auther-title" }, this.authorName), h("p", { key: '9ca911243705f755fd302f71d72922946cd33f81', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'df767682bec059eb123a1d0df4ef65126254671a', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'f3c31c6492d116f54ba020464e48c63af093ed06', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '21cf9b7137d5a9d6e46b5a7f3e8c32a1350177f5', class: "dga-quote__body" }, h("dga-flex", { key: '4665daddf47cce975460ed2c295f8784a15e2489', spacing: 9 }, h("span", { key: '35dec680f9257d81858306a390ccdd715e10af52', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72599788b5fa8fb88d8cf78c81981845265ddf0d', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '1f35bef18c3c189f9cfc3fb84096f4ed0836aa5a', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '7e167f136ed517ed34ddff7ab5eed631e67698a4', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '72971563ab9783754e5b8249704ab4acd63d3b89', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ed3b04709e72a08e57592483a20c07a46e3899e1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'e358f93c6a9d53fae8c072a4871bd54a0147df3a', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: '8b0ec810801a63594bf66ccc4ade33596c42082a', direction: "column", spacing: 8 }, h("h3", { key: 'b95aca8376c571e7b299d87140566222779c45b4', class: "auther-title" }, this.authorName), h("p", { key: '90765edb1eb1bda64730385755e10ebce8de4e7a', class: "auther-desc" }, this.authorDescription))), h("span", { key: '734cd68680d6a91d42aad9544a72944e080366d0', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

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

@@ -79,7 +79,7 @@ export class DgaRating {
         }
     }
     render() {
-        return (h(Host, { key: '30b195a0f9df6ce51618bb7c5c19110f762a235d' }, h("span", { key: '6fa7061f77def2b44b4e62af2cd402890cb9a936', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
+        return (h(Host, { key: 'af48104d525f3f685237f025e74f00faefa655b2' }, h("span", { key: '034ede13c1d5a5771c86d573bfc46c463d54d020', class: `dga-rating dga-rating--${this.size}`, ref: el => (this.rootRef = el), onMouseMove: (event) => this.handleMouseMove(event), onMouseLeave: (event) => this.handleClear(event), dir: isElementRTL(this.el) ? 'rtl' : 'ltr' }, Array.from({ length: this.max }, (_, index) => index + 1).map(value => {
             const colorMapper = {
                 default: 'var(--background-secondary)',
                 brand: 'var(--background-primary)',

package/dist/collection/components/dga-search-box/dga-search-box.css

@@ -2468,7 +2468,6 @@ a:focus {
   justify-content: center;
   align-items: center;
   gap: var(--spacing-xs);
-  mix-blend-mode: multiply;
   margin-left: calc(-1 * var(--spacing-2));
   margin-right: var(--spacing-2);
   border: 0;

package/dist/collection/components/dga-search-box/dga-search-box.js

@@ -107,12 +107,12 @@ export class DgaSearchBox {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: 'a92daccffb0a4b1cf67cb83f800dfb311f14643b', dir: dir }, h("div", { key: '3b648d33c626cdf91af4581b3250f7828d4c5ce5', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '21f9b2b9da6b9cc2cae51a1f4042c895c3742f4c', class: "dga-label" }, this.label), h("div", { key: '94e9fca64f38e64b4a37e30117a0d9f599b241dd', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: 'f804357c29da9a5ca766abd7528cf408bd2ae6af', class: "dga-search-box__icon" }, h("dga-icon", { key: 'e4538955e754626763f5abd9ba2a00f04af1aa2f', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: 'a62fb36bd77549f22b67a82c748c7ff80bd84b54', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '3b8bae22f86099c672184a036e4bd37049499dd9', dir: dir }, h("div", { key: 'fa455f5d08dd0d37431e95d9e8645a32e5dfb323', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'd61ad1c6e7de590181209a031910831c60422656', class: "dga-label" }, this.label), h("div", { key: 'f8da87a8c20b3680b21d5bb799d42c9c9f52868f', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '181abea957eaf4834dc62a33eab0afb827af1c3c', class: "dga-search-box__icon" }, h("dga-icon", { key: 'b645499a949d1989935a78edae55e100dfdb3a49', icon: search01Stroke, size: 20, color: '#161616' }))), h("input", { key: 'cfb60a1946586fd59302c912549526700c617bea', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: 'd79b97cb0bd2f220bbf0bd8e923f7992ed37affc', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '5925ee345fa12b8ef5486f07ca1701d0352db87d' }, h("button", { key: 'ce287d5e704fd3279a88e620eaa4646d9a4e6432', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: '50d899cd2c55f5650c0497747fcd5aebe68350a0', icon: cancel01Stroke, size: 20 })), h("svg", { key: '59e15d2219d4b9f3ac7779252688b9542e12ff4f', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '029c6ccc76c45f38ceb4587656f4d7d8d16a6015', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'd2f7f9d716658fe61419eac5de075fa5b3d24668', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '13b14aa33284ef034b175f8cb17605c8c15e278b', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
+            } }), h("div", { key: '7efb149d9279f894d68739c2eea0022386e7166f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '37960160fbbb1a051f260c77c89837848443c593' }, h("button", { key: 'cb169ad50ced1b27f9c08015933d363ca2cffe9a', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: 'b6fe90f117f64afd06bf2c88a3ad3368c7774061', icon: cancel01Stroke, size: 20 })), h("svg", { key: 'be7c0a068917d924ee2e47e2ad01c2a150b2f2a5', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '41b7fdd14825685d501198f01663b1d1952d63f7', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'aadda7bc97204c48a404b78bbff921306f8cb97b', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '1b2db3234d5c50edc2a6e1eabf7d6daaf9fa1e80', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01Stroke, size: 20 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: '885ee2a33832f0c91666de3a1a6e26b88c5d4fe8' }, h("div", { key: 'd054b6696d73cd358b7537e78d7a76a3afd202b1', class: `items-container` }, h("slot", { key: '39cff79c8d0fcb146b32fdf84c07ac45d462a1fe' }))));
+        return (h(Host, { key: '4f13bea9f9c1b8deb1cb7b9bdb908c92641dd193' }, h("div", { key: '32e25b10b8779acdbc0e60c32b5006a9dc7a0282', class: `items-container` }, h("slot", { key: 'bd989914f556098298fbca6c80f60749bf91819a' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: '957d39eaebd84ae360971b94c1ad557443f27446' }, h("div", { key: '479a60570def6a24efb36488e4b673e345d4fb8d', class: `items-container` }, h("slot", { key: '7376c8f0735c967349f95132f5f08286942cd4c3' }))));
+        return (h(Host, { key: '8c6a8cbca0a45bb98b169619b6b088a0fcf87155' }, h("div", { key: '028f1f65e4a7a0e1fefcc7ee631d59138e281aa6', class: `items-container` }, h("slot", { key: 'd680b0dcdaf2000234bf20254ea671397eb37c14' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

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

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: '67c9cdb182beea8e6fed4066e1a8ab62ccbf1faf' }, h("slot", { key: '16f934d1b6e6ca469b60118d1de8f88537675797', name: 'icon' }), h("slot", { key: '12ade45d023558f4ea28adbf29a5ccf73ce2680d', name: 'label' }, this.label)));
+        return (h(Host, { key: 'b02dc9f1e6650ac6bd6cf85d44b105283d9d3171' }, h("slot", { key: 'af18cafbd1e955f713d22a83299889e589392e63', name: 'icon' }), h("slot", { key: '7022e55daef2703b0a56897a3e9ac4f3dc500d0b', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {

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

@@ -21,7 +21,7 @@ export class DgaSecondNavHeader {
         });
     }
     render() {
-        return (h(Host, { key: '7ca72571f3ec748b6ed41c428eee5ea05c11c0e6' }, h("div", { key: '7ce8885ed2ce5ddc752d6edc9b01a2e6992a66cf', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'ffe9d16818d6ea1daa6842a887f044b40cbf18b0', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '7ebb9063b76fd0129af86df4589aaa5427010b78', class: `content` }, h("slot", { key: 'b430bdc372d51165f58cebaa8605b7a7d3db0df3', name: "content" })), h("div", { key: 'fa479ba84450888bf68f5cc5d3670d4430c25ce4', class: `actions` }, h("slot", { key: '8ccc93f695c8d869b4de2e76c19ddfffb81cbc82', name: "actions" }))))));
+        return (h(Host, { key: 'e44b53e87e61c702a17f3da55ccde2d20a07b61b' }, h("div", { key: '6b1f69bfd45ce38abe16e991925743d9059151ba', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'cb5cba04d09c6a41d6fc347d80f3f8faf87dce54', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: 'c66b315d6f5c863a5d7ec44c15ba26666b368082', class: `content` }, h("slot", { key: '5039905d7391d685536b1b4564273da0f2142480', name: "content" })), h("div", { key: '9a6394bdfc9ca1865aaacad5722164a956c94e4a', class: `actions` }, h("slot", { key: 'd561e06f2aa8bc0a3d4559d3a01caf3b0f9edeb9', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/dga-skeleton/dga-circle-skeleton.js

@@ -5,7 +5,7 @@ export class CircleSkeleton {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: 'bf9ba393f2dedbf49d1e2efce8d40a76ad22a35b', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: 'eacae5262c7f412ee68cfc896c77eb0646309867', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
     static get is() { return "dga-circle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-line-skeleton.js

@@ -5,7 +5,7 @@ export class LineSkeleton {
         this.type = '1';
     }
     render() {
-        return (h("div", { key: 'c94cf2bda1d61c553ecc142dcf832a18b13323b7', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '745af7b961925df4430a53cab8a9ad280bcd1359', class: `line_text ${this.size} type${this.type}` }));
     }
     static get is() { return "dga-line-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-rectangle-skeleton.js

@@ -6,7 +6,7 @@ export class RectangleSkeleton {
         this.width = 'long';
     }
     render() {
-        return (h("div", { key: 'f8f69b33ba3b22161ab7b02a86b68b6e2b695f46', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '6d15b74c5a7d339bb0986b5d74a1ea5c1ade5752', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
     static get is() { return "dga-rectangle-skeleton"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-skeleton/dga-square-skeleton.js

@@ -17,7 +17,7 @@ export class SquareSkeleton {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (h("div", { key: '19621f97b78a294cae46b35b951a9e96e98333f5' }, h("div", { key: 'd35f31ccd21135d62821365dfe5d21c1d3b5a384', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '0b3917ffa19a707f48cb9fae6904983ee0b43307' }, h("div", { key: '256525b2cee8fd8ff14642bca60db7c00148d4c5', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
     static get is() { return "dga-square-skeleton"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaSlideoutMenuActions {
     render() {
-        return (h("div", { key: '8b2543e3cd3018559517f04639df9cb3aa12a774', class: "dga-slideout-menu__actions" }, h("slot", { key: 'ac1bbef69a2a108bdb2bc6a8be4c7a48230b3f8d' })));
+        return (h("div", { key: 'a6580fd6ca95d69cb70f8800839c6cc1d1e16e8e', class: "dga-slideout-menu__actions" }, h("slot", { key: '01d3442a54bf0603420f74cf9ec9899602d10ded' })));
     }
     static get is() { return "dga-slideout-menu-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -17,11 +17,11 @@ export class DgaSlideoutMenuHeader {
     render() {
         return (
         // <div class="dga-slideout-menu">
-        h("div", { key: '288857ca34556766ed7c11b13707c000e71b9b20', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '730778494e66cffabb4777d9ad5608698eb7b6b2', icon: {
+        h("div", { key: 'f0ca0a747f4327b5abc00e4fa68f3ce927e979e5', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'ecf1ea37fa54f66cd2119e6a0675478dfb111aeb', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '117d8086804d85178211c9bd908de1e9d4933051', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'b461dd5168b8381bd8ea4b68e866b46fa0e73bc5', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'ac969594549ef1e60036bf9174abcbd07b1d8bef', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'a97bd170b395daf0d16e68322599f339350b21ac', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '76d71effb636bc62618b750ddcbc2f138955d53c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'f187a93403c909fb8717d2658e657db3c3d97a07', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '4998006659d3454b51d00056001e8fffcd78a7d6', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'bbf15bfe52adff2430bf758e521e3bf859dac158', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 type: 'standard',

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaSlideoutMenuItems {
     render() {
-        return (h(Host, { key: '093edc7fc70cbc1d7e6efc4fb4d2b1f704e4091f' }, h("slot", { key: '3b6e78b38eaa0d75ba622e41f7d8517adc49b89f' })));
+        return (h(Host, { key: 'a6457afead8b2eb627a0b3fd5d0f8b12f175d6df' }, h("slot", { key: '1a50a2c7ab95c0ccd4e124279e1c2358d494e8be' })));
     }
     static get is() { return "dga-slideout-menu-items"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,10 +56,10 @@ export class DgaSlideoutMenu {
         });
     }
     render() {
-        return (h("div", { key: '264207fb8d07408c73e5d7bba7292ae65f7c37ad', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'cc21cc7e8f30e0158f6b241f55f1ed18ed7b5833', name: "slideout-menu-header" }), h("div", { key: '61f4befc39b17930825ab0fdf74ab7d0d5c98210', class: "dga-slideout-menu__body" }, h("div", { key: 'eacc82a9c71f435bb0fe4a8c1fb26629ba0dd770', class: {
+        return (h("div", { key: '9abef3a50792757fe502b78dca2d5d5a240ce20b', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'f86ba376b9544c8ac128742e5a0240ab424a2307', name: "slideout-menu-header" }), h("div", { key: 'a6aec17b4785db7e6c76171b7956d183dd53a2b7', class: "dga-slideout-menu__body" }, h("div", { key: '3b25d520da3cd61e857b0c999db91e5951030f0a', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '1f2b6038686261992efd971dc453d2f480b70483', name: "slideout-menu-items" })), h("dga-divider", { key: '7e16890f1e4e4624a4e1d7465f265edb467c9946' }), h("slot", { key: '38146413913808d52fcbb74ad982e017a5bab2f5', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: 'ff57dd16812aefe17ce4b0cee7fb4f81d455f352', name: "slideout-menu-items" })), h("dga-divider", { key: '473787f6c432ce41bd8a8682b63b1d927c45f6fd' }), h("slot", { key: '08a18aababb1d496e8eb8c883a2d2e7913b93b80', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

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

@@ -75,7 +75,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '75421a43deca190a186d3f887d947f9f07ef9db6', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '4b8cf909a4ec7af09a08130053c47e7f35c40e4c', class: `range-slider-wrapper ${this.size}` }, h("div", { key: 'a42a7e2a332a1da071f0cb3a92b3984ed402d2cd', class: "range-slider-input-wrapper" }, h("input", { key: '5c2d7b402231bcdad3448723a1b283b3c49ea7d3', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: 'b3fa5f8da5be7e536f96305eb23ca0c26712fb96', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '1894c014e14a20408f02eecdc1566f7b597f9f52', class: "range-slider-container" }, this.showLabel && h("h3", { key: '199be8a1de27fc798bcdfbc45283b00bc0b98035' }, this.label), h("div", { key: '0c6252de1703fbc04efb5f776c823140346bfea9', class: "range-slider-control-wrapper" }, h("div", { key: '94c55b2980772e568fac1b1ee55b6409b4addac3', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'b9b8d4a46ae7e8aa164f59217e401a471c5403b3', class: "range-slider-rail" }, this.range && h("div", { key: 'c4df626c14cf00548641dbac782673a3a7ed4654', class: "range-slider-number_left" }, this.minValue), h("div", { key: '0b7668e92b7c4cb875b679a9c406256c4479dc36', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '7777d798796418b7f994f45b66a929402b6ca474', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd24bb586fb95db56096cc4a80c9584a4b18542cc', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '50f746106d55baab8da0bfe7f6359893f55d154a', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'd01110edf4f709da1daf6fec04e012a4ae913dbd', class: "range-slider-note" }, h("div", { key: 'b6d7edbc15458035050f9e5f02d4e0ce78ad5cd7', class: "range-slider-note-icon" }, h("dga-icon", { key: '5f4990ea9030619231a8d79f4c0d1042d2325cb1', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: '76e4e9213ded9fac65a51e362d70d8fa8a91299e', class: "range-slider-note-content" }, h("p", { key: '818c953aadc871e0c979a50ad530c5fe4aaafb1b' }, this.helperText)))))))));
+        return (h(Host, { key: 'fdb2ba28c3748172a5bd822d05da3aea2fc05c72', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '06cddd48de5900e70ade4c204761ded6aa2f9a48', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '3b5e03e34e3f6b2795ec5ae770512522106a7f56', class: "range-slider-input-wrapper" }, h("input", { key: 'd2e22bd7d7be46c8deef086b8cae883d7f5e2f6c', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '508a4b019888cb6b7cfa2bbb67b551a81132603a', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '9b0331d411f3ef8636061d525e36ea725139cbc7', class: "range-slider-container" }, this.showLabel && h("h3", { key: '4a20cb24569d0f79da3450f345af02aa360755d1' }, this.label), h("div", { key: '91c4e8240826b418daaca0d0ef1593696a905dca', class: "range-slider-control-wrapper" }, h("div", { key: '19fe6390c90d9f8f2f345825e37db6b37c246ba5', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '7bba36f1ae6c10d8cb18e2573b4d27ae55da1c6b', class: "range-slider-rail" }, this.range && h("div", { key: '955f03deca055b18aeeaccdac6f8207d86124ad1', class: "range-slider-number_left" }, this.minValue), h("div", { key: '96e5a37b9f60e26e6927d7790c7635522e9bd0f8', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '346a4bcf59435c6b513f4119e0001ea4a96dafd5', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '7e6e1f2210056c88090eed7b7d0c4837196a9e8e', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'c8fc4e29493c73c1ce34c283ae9c5f2411f0c75a', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'f054aef6301e2bde5b62e89bdee6b26fac860ce5', class: "range-slider-note" }, h("div", { key: '41045073ef37652bf686722f44cd9aa5d6f209ba', class: "range-slider-note-icon" }, h("dga-icon", { key: '67ab536ed1562b4530ad021e1080638e2fa4bc42', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: 'af047c4578bf4f19d3a74c8fbe6cdda11d3f19f8', class: "range-slider-note-content" }, h("p", { key: 'a7a2701375a982ed47eaf62789c57c9062478553' }, this.helperText)))))))));
     }
     static get is() { return "dga-slider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -79,7 +79,7 @@ export class DgaStructuredList {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h("div", { key: '5e70aace6146c88fda02d92142012a850e14f98f', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd0370ea599825c6cfa5549faba44e8e1f95743f0', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '6c540b47b9b308adde8aeb6e4dc69372d09d4734' }, h("tr", { key: '6859c7fba926c45c002d910a68f18e3436d95932', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '24a2d55dbb652f250cb5dba411493db1756a731a' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
+        return (h("div", { key: 'e79666f5643dbe89605fb0a560a78596483f2f32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'b8f79b6db5cd3fb33ce13a1230eee20bd71fd591', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '75cf2e10f26c0ebc3fcc9ef5fd7392ff601c9efe' }, h("tr", { key: 'f4beec70a645cca916ee1d3f5e4cce260f2b1a76', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '254c6e2fb6ead3c765e3d15b50fb2367c211f8a9' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [customAttribute.key]: customAttribute.value || '',
         }), { class: `${this.compact ? "compact" : ""} ${this.colDivider ? 'col-divider' : ''}` }), h("div", null, this.selectable && (h("span", null, h("input", { type: "checkbox", name: `${rowIndex}checkboxSelection`, checked: row.selected, id: `${rowIndex}checkboxSelection${propertyName}`, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex, propertyName, cellIndex) }))), type === 'element' && El ? h(El, Object.assign({}, row)) : row[propertyName])))))))))));
     }

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

@@ -57,7 +57,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '9e4aecf595d4cacf7b50e9a1a1e6a717cf219d11', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '9c10c8fdbe2816cb9861c79ff3d7c80734e6794d', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'f0c1ef817a6b5d8c501556b49937b99d908f797b', class: "switch-main" }, h("div", { key: '97f8aa4a029e60edbba65c287ae373898933f571', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '49fec23c769dd736c372f7251fa853730e8feb7d', class: "switch-wrapper" }, h("input", { key: '5416933967cffdc802f2c2f805e5da5adbba11bc', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: 'e20c5b1282027c23c1caa60acda168108dd48e33', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'ad848e24fb196206971d32269c158d26a30e69d3', class: "switch__warning" }, h("span", { key: '06024cfb47d3c51ececc71c91e0727e9aa962028', class: "switch__warning-icon" }, h("dga-icon", { key: 'a2aff632f37392554ab8228cdfbdea5fcaf14516', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: 'cbc9941a3d59c845648cc234ebcb57e7977db9fc', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '18130859e3e395c62b0ffb032f317aae45f7d6d9', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '22eadabb402d3b31d32f687415b1c90134546c96', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'eb1fb03bd0bf3236d2ab22abae3d8704abaf98ec', class: "switch-main" }, h("div", { key: '8f4179ee441d551fb910f03cf31f6002df83cc15', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'cdf986f984b8ddff533a7023ff0297d0284eb86c', class: "switch-wrapper" }, h("input", { key: '767b1a18c3f343a911529ffe43abe050c8d99bef', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: '45bcda090fdb983e8548842c6312be229f8c35dc', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'e10f2766d553761c458e4f7904254e886b60207b', class: "switch__warning" }, h("span", { key: 'e5d6a5825aa129d0bb1eca2f2f69f7226e9c4909', class: "switch__warning-icon" }, h("dga-icon", { key: 'cd40a7db877e7af750f1a8f85fdfad6960fa9358', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: '7069a7c3d2dfdd247f13ae7fbfdad061872ea22e', class: "switch__warning-text" }, this.alertText)))))));
     }
     static get is() { return "dga-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-tabs/dga-tabs.css

@@ -2316,7 +2316,6 @@ a:focus {
   border: 1px solid transparent;
   background-color: #ccc;
   background-clip: content-box;
-  mix-blend-mode: multiply;
 }
 .dga-tabs-list--horizontal.dga-tabs-list--divider::after {
   content: "";
@@ -2526,10 +2525,8 @@ a:focus {
 .breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }

package/dist/collection/components/dga-tag/dga-status-tag.js

@@ -38,7 +38,7 @@ export class DgaStatusTag {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '6b1e6baba863a261b4b1aa3fcb066e1fb464c19f', id: this.componentId, style: this.rootStyles }, h("span", { key: '923c35ba89ea1db88b13f59387a65b9803b09e03', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'e6c68f664d8069902da416153d1df2b46cc0ff70', class: "status-tag__indicator" }), this.label, h("slot", { key: '0eb6b248c23a6a62ec4bc463419a1a83426edf80' }))));
+        return (h(Host, { key: 'b3ae70c9b818d2c1dca697cb9db18948555354c4', id: this.componentId, style: this.rootStyles }, h("span", { key: 'dc01f81f13f05e10dabaf47576e76f7e457aa877', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'fae3a9c0a2dbb660a670904f4e79e00073764604', class: "status-tag__indicator" }), this.label, h("slot", { key: '4f0b84a4e41f8f12b9f7f72d8cfef10c948bb91b' }))));
     }
     static get is() { return "dga-status-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-text-input/dga-helper-text.js

@@ -6,7 +6,7 @@ export class DgaHelperText {
     }
     render() {
         var _a;
-        return (h("div", { key: '08e16a5874e2ddb77920a6929c1a4deebb234062', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'e2cdda64fe46300408bd4ba6482d0f753d89e86b', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '49afb21cf56ae7dec9a7695b9d939b5de44b3f14', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '459a4a1dfd24ab73eec46f30b204f3c6063cec1e', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'f7b561b48aca76822961633a9ba5ef3db07f6755', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '8ae46ec323e7cfb72656f6c28a5ac4a118e194c1', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '54df6f5eb3361ebac053656e929cbc58286067ca', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '74fe3eea473c129305bb44683cbdb812933b36ee', class: "dga-helper-text__desc" }, this.helperText)));
     }
     static get is() { return "dga-helper-text"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-label.js

@@ -8,7 +8,7 @@ export class DgaLabel {
         this.required = false;
     }
     render() {
-        return (h("label", { key: 'd4f62c0384e541cfbb78d80e2142a32788286d86', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3e77785c8272d582635e1a83f6bcbb73776fc9b8', class: "star" }, "*"), this.label));
+        return (h("label", { key: '692ee36b718139de64025241bc4fa8a146566c97', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'e9b496087978459abe4ca6371d34d021e7a499d6', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {

package/dist/collection/components/dga-text-input/dga-text-input.js

@@ -64,12 +64,12 @@ export class DgaTextInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c6e36984a17b760ffdf18ae41e7867be06c40638', id: this.componentId, style: this.rootStyles }, h("div", { key: '7fecddeb0abd12cca908bebcd979bcdcd7249089', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '8a0ab9defc3dcf2782754efefc72b1a01134ca9d', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '2d378d80ae146a2f4e27ffe6c133aacf0a1ea5c3', 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: '556dcf4288c85255f69f9a1242f1471ac5aa04f9', name: "prefix" }), this.icon && (h("span", { key: 'aa9de3ddb7035bd822268bc11e37d910dd121e89', class: "input__icon" }, h("dga-icon", { key: '383bea22edb15bbc5ff6ed6c7cca58b97a1c3b97', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'd36fdbdd9c14968ca7d52256c3d05601f75a1e4b',
+        return (h(Host, { key: 'fe16cfffd4d8741bd35c0599b06bdadeac7f58dd', id: this.componentId, style: this.rootStyles }, h("div", { key: '12191cfbf577e4ca80be2d10e1de7c99dd7ec5f1', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '9af15d3e82af14d56091ca21ce753848b9e75cb2', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'ee6812f57348b118751d97af4a9b5804543e7436', 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: 'e135cfd4d52956ad4490a3470438aa196acd5acf', name: "prefix" }), this.icon && (h("span", { key: 'e49d3324a880d69af741e9dad98805bd0f72faf5', class: "input__icon" }, h("dga-icon", { key: '8dbfa5cb0d3086050007bc0d87c4a0f8f4c65d1e', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '40ad73d3426765dbf745cb424a9f648672e4f5a5',
             // 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: 'b8db5d6002f876db5ab208ca6cf8a6cde57bf6b2', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '526f5d02790fa02aa49ec9d4cd42e5d51100b523', 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: 'df0469c8a2916e509d9cd6adcd6b204290679ce1', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'bf17345b0b29463ad7a2fc0fe05e7fe08b10d6fc', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-text-input"; }
     static get properties() {

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

@@ -64,7 +64,7 @@ export class DgaTextarea {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '64c1f57e813c5bd4f3d5c151a105f28a478493c0', id: this.componentId, style: this.rootStyles }, h("div", { key: '70e61bca13593aa64be928f5d2895c52cc1cdb52', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '9e14255917b054cead6ffd6a5cb95ade43a2023d', class: "dga-label" }, this.label), h("div", { key: 'd3cbc1a121d4815ad13427484b575287b74ed637', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '63339fc8d2ab782038722585cb487d0cfc0d87ca', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
+        return (h(Host, { key: '8d9122997e637bf36c56b2dddcffddd96240914a', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dcea58cdc3154edfeb658258c23a84ae73e68e0b', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '5a4850f47e8b762553c1a9dd3ed916c390db2571', class: "dga-label" }, this.label), h("div", { key: '9a1f436397d07edbc2167f14e88d485751310cb0', class: `dga-textarea dga-textarea--lg ${this.error ? 'dga-textarea--error' : ''} ${this.variant !== 'default' ? `dga-textarea--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'disabled' : ''}`, ref: el => (this.inputContainerRef = el), "data-error": this.error }, h("textarea", { key: '70d298e9addbdc0b55ae9622682a50d173707717', ref: (el) => (this.textAreaEl = el), onFocus: () => (this.isFocused = true), onBlur: () => (this.isFocused = false), class: `dga-textarea__field ${this.resize ? 'dga-textarea__field--resize' : ''} ${!this.scrollbar ? 'dga-textarea__field--hidden-scrollbar' : ''}`, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows && this.rows, cols: this.cols && this.cols, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput, name: this.name, value: this.value }), this.error ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--error ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes['error'])) : this.feedbackIcon ? (h("span", { class: `dga-textarea__feedback-icon dga-textarea__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'dga-textarea__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null))));
     }
     static get is() { return "dga-textarea"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-action.css

@@ -2704,12 +2704,10 @@ a:focus {
 .dga-breadcrumb-dropdown-item:hover {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-hovered);
-  mix-blend-mode: multiply;
 }
 .dga-breadcrumb-dropdown-item:active {
   border-radius: var(--radius-xs);
   background: var(--button-background-neutral-pressed, #e5e7eb);
-  mix-blend-mode: multiply;
 }
 
 dga-nav-header-main {

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

@@ -26,17 +26,17 @@ export class DgaHeaderAction {
         });
     }
     render() {
-        return (h(Host, { key: '559149223ff72c745c9a5398cd811493dd6bb26d' }, h("li", { key: '364739e6502bb4e38ad248883d3d620429400a5f', onMouseEnter: () => {
+        return (h(Host, { key: '5c41af56c5104da63eb7b20e370ac0519df6f776' }, h("li", { key: '946823eb649a1fddcdc6f3d3fc2b6c6dd5e14955', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '599d1cea757eb6d39f26a8c1de1f115bc4864118', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '83a17b2e7ca9acf0ceebafc0ed3cab8ed2277f62', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
             
             ${this.iconPosition === 'inline' ? 'header-menu__item--inline' : 'header-menu__item--top'}
             
-            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '7f060666cd58f8145cf56cfcf3e225d53db6f737', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'd9a9644df66a80f895066c8028cd6f56fe2b7355', name: this.icon }, this.iconProps))), h("span", { key: '43518891accc0483a1e01ecaee93b248713776c4', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '8eb82470e2f30e717cfbe781be51f8902e93b641', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '4c6cc232d765f7628bc9e076fc79b83c703d7e29', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'b57341573a2ec2edd09f4f0e6f1ae532904f627f', name: this.icon }, this.iconProps))), h("span", { key: 'c749791e2d18e81e95d4f007196bae3f18174591', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'aa88516909114220d3ec08b621a241e61d12ee42', name: "dga-header-sub-menu" }))));
     }
     static get is() { return "dga-header-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-header-menu-item-usage.js

@@ -282,30 +282,30 @@ export class DgaHeaderMenuItemUsage {
         this.anchorEl = null;
     }
     render() {
-        return (h(Fragment, { key: '028f26d3b9a3e9d4baeb2764a5216493fdb294a8' }, h("dga-header-vv2", { key: '0d34cfc508fd10d01475de3a5483d9711ce2825d' }, h("dga-flex", { key: '1e01eb57aa567f047aa1f0c2513b173580137cd7', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: 'bc1f53d3b3db4907d0b3ebbabd0d06862a84da8f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: 'e92ef883339342be4f14973f643ec3fa40cb906e' }, h("dga-header-vv2", { key: '17e3fdba4c8f316d74cdf31a497bfedb08e4d596' }, h("dga-flex", { key: 'b1cc4780070181bc60197c16ea3483ea91b83d9d', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '131937c3c6ddbc59132601cc2df528fc110d0322', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
                 name: this.collapsed ? 'menu01' : 'cancel01',
                 size: 24,
                 variant: 'stroke',
                 type: 'rounded',
             }, variant: "transparent", onClick: () => (this.collapsed = !this.collapsed), class: "header-menu__btn", sx: {
                 display: { xs: 'block', md: 'none' },
-            } }), h("dga-logo-placeholder", { key: '2c441b8a4b3c4b8866d35089b5ae7c9a009d4b55', size: "md" }), h("dga-flex", { key: '3cc1b2ed2396840ecfebbd535c6d60c76892e826', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '72369eecf634876708559d0d5c6dbd71004b83cd', size: "md" }), h("dga-flex", { key: 'fc56df15d1f0478f742ff3e1bd8d805d7135ce88', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: '8b5a6536e22745a5428c2cfc5efa93db9aec0baf', label: "Home" }), h("dga-header-menu-item", { key: '8ecf546029fb655e49595c52b964d95f40a4ffb8', label: "About" }), h("dga-header-menu-item", { key: '3da62eb52251d83e1eaf4642fc6298fbffea5a45', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '731ab4d0589a9b0bdc83a66c1b938737b5b0e077', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '0b6342c898b879e65ae271ad4e0ba06721c1324a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f430874ab19c9dad7ea425893dbbf9d26d921259', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'dd1b9bf470d3d5cf20947c18730c0f7f5f804998', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0777af262d718729a236955a332376a832bc2da4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1e15f9c30c1d60fbb73675b890c839633fdec7b4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'b93c2bc7ccb164f2a870a9e162c08d4fcff19660', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9f6735eee4832f26d6504342da67588f93bb42ec', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '71ee2b60f4acc10d766eda7099a937ff834452aa', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e8a69288e6d558e42bfbafebb6b76e248a24f63d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1f09cf9a8c9b584e7ff6ab7b0bd1d9ae07100b05', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6b84c66a22382f12fff2d23f32d1d601264e463e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c149419fe07f02fc2aa134466b3167108d85cb7e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2d7f30dff0071f05691303727e70ba2312e49e8a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c48e0133583c4b847752202ee19d8881f4c9d1ad', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'd969da06f316be6b26f046e2e8973296bc93afa9', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'b70f5c8dfdf4d63bc8444bb7aedaae919c5abcf2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b0e0cea391291ee09abe1ff8434cf2d6751a9c8e', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '02fdce97febe2c8dc9947db2bca2da86a375da9f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'e0bbddf598242864bf9ad2a3fc51c8acea5dd851', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'e145d7ba572ecffecd4df047adcf76596c25473b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '2b3f8f571e2c166ca70946f4dd9f9091740cbe93', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '57e5c70eb765576dbcb49b8869cc473bb1fdbda0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '44b0db51ff727a8b42bc5907152d2e2e97ae6d88', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '42fd77d1ff84475f1df9e4cab54149eb6992c5d7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd74bf81a37bf5b3742da58779cda38987c8d62dc', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'fe88b6de66c02e271bd5c955a277b3122471fa20', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3a1ad051f97ddb08fc18f83b6fe5a98d3ead822d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7e836e20ed551c21fffd18267413cc6802715a81', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'afb0b69f66027e9e6ebc0d4cf0f2fb60d561031a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '041a6600af3c2e4832ef95e8df7b72a9999d4098', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '704434104a56c25b3e7aab46f40d5685bc4d95d7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2bd2a05becb3d8f36ac3729da706dd498b89c4af', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c5de24981f447c6f4e82af046b1f936bc58b87af', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c2f69747a81939de6e761d0213a613ae7bce2c0d', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4e6b42a8098627a7e1d38cbadfb9ec63fe81ae1a', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '88daf1b5d2ab29324fedec57a2924253085892c9', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'b3490bdf1d3ac274fc695f66f15665cfff42dbfd', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '77d4d4485a7181fa68278e3c017c6e9ff3eaeda3', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: 'f86395906defc111f111b1bb45780d308d893b2a', subMenuFullWidth: true }, h("dga-search-box", { key: 'b029b7c6122c436afb3f2dc6921c36e1a8f44061' }))), h("dga-action-menu", { key: '0c13837691d0e2037f6902e5740df388a2072f35', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'df1e717141271c2d01a96d28097cbeab6cb9e77b', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: '1c6f91a4d4278703fa11f823dd4595ff30ea32ee', label: "Home" }), h("dga-header-menu-item", { key: '0e522c5290f166245dd027b660f6b10fc221e3cc', label: "About" }), h("dga-header-menu-item", { key: 'ea473d017c4e385e41ef6e0d0217ee2b3bd8263e', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'cc2a583030d1b81c060411dd9f2fcd67cdf040e7', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: 'ec18c1aa6d1bdee2357e7a633ef6cee1a52045f9', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '8156e2f66e47e62b1365590217a69708ab9967dd', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cdee9f2de171238beb0e2b26304ca82de267361a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c65f57d8987b4b242843a8c8509e489f49f333d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ff12ab09933545c7c899279a62397b22d994f3fe', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2596eb7342ecbb1d76ba119c862dcec7d9f063e4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '6ef47801b1fab4a30d995cf28e6187b37d530a2c', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '258595008dfc494f5eb1202982bcdc72ab9dfc35', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'd5825859897c9f37a098e194b887456cbc960da9', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '70efb0c944b1cc4e85264ec6667c1dd22b03cd86', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '86413d6ba127bedb62fe9aead6e0493f96edb226', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5ce2cb51545ac8db94351d6410121772c6992593', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0b43b4e011b0a12f99b4c724afc898288dbed654', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '07335ae8f9de7ad968cea5f9cdfcd86a193b1453', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '388ca344a7c222e49b9bc8d2e09975b9b87582f7', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '305826370e7d05149846cc8f832df9ac26304a5a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '05912f983a8c1f06ac29be07973e83e1e9efe048', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '8fb928f811feff0b1dd8529b21e9d8d326047002', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '23cee2dd5af95093a6caa8232c6af4c77630da22', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69d73f0b67329867efc30851f7ba49b5bcb618a1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '646e8e8cf560ee5a5f854fc96111616f44a23bab', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c3fe38c32771907efbdf6e02885c20c290599b93', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'eda160d30efbbcddecc4513f2837197639811c80', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '62c6f3a5d22672d6a8fdcbf474b7f200f686edfa', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9d70c056d49edece184e7d74521651f7e75e8d23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9dcf3a35a08e5afc67646c0249d454745fac60c6', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'ff9e45fb2535e64f9e4290afa88082c353b950f3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ba7a7f14956248fbc8dc51b116ca6ad5819d5958', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '51bbfb7b743da1e24244e1080b77c6018f887cc3', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'a00c3d01a3e6cdbe669a5f137931a90d413865f7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a7e898caaad447ced7c0a15dbf71575ceb6dec84', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '483856b5c57b8ada07bcd0f3771eb87b160044c8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '82a1a793697820c4378387941aa3407d8a492f91', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6f5fb3b16aa53b3455f640e1b86c4b8017451be8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '659b1bf152c5da845c049390f1bb37d9ace12c27', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'b62e968550cc4736759ec34a7ee4286ad2945283', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '5e388e0f47745f77c0299114f1f42c5ef9f5a97b', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '666de3a49694b4d568b2d017c0cae1e69f2e656a', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: 'df837eeb4673fe5fa9dd9210a976f34e025b2986', subMenuFullWidth: true }, h("dga-search-box", { key: 'd76658b6428a3918ea5ef7ee164faac87f98484a' }))), h("dga-action-menu", { key: '4eddffa54f7f657f2c267cda8f854c50227f4077', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '64754f40fb0bee6b1d607e3584598a3a62055d03', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '6f193e40d1c5deb960de9ee1452671da0362ad05' }, h("dga-menu-item", { key: '89e57267f1332b4f3a9b0d1fd74548702adc9c3a', label: "Item Label" }), h("dga-menu-item", { key: '45e062d9206bd8bf5666ce0e7704b820ea86357c', label: "Item Label" }), h("dga-menu-item", { key: '37de0b31976021ae4377571d14f758da9db7b879', label: "Item Label" }))))), h("dga-drawer", { key: '551bf86bf6f658bfa111dfbf24fb2498649ab6af', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '1eb1ec2d37517708694cfe4de9fa5a30fa4c4b1a' }, h("dga-menu-item", { key: '9cb5923bac344b9b6c25cd42f30df042884edb43', label: "Item Label" }), h("dga-menu-item", { key: '420853e00e37b9bec6f59ab9aa6e8574eb08809a', label: "Item Label" }), h("dga-menu-item", { key: 'b2c854834234b12257bd2f8c481a158ef57a3de4', label: "Item Label" }))))), h("dga-drawer", { key: '5851b793a484e7e5054ca2f39e828aadc59b9ecb', routes: SidePanelRoutes, open: this.collapsed, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 '& > .sidepanel': {
                     top: '72px',
                 },
-            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '1e8dadd10ae19ac2ff04350fdb7c9a1a3c26ea26' }, "fdgdfgfdg"), h("div", { key: '2ff702790194f8791f239ca97fed77b736493048' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '15c7d6b7577338bf76fc258859f8d15a61b2c315', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '0aa9ab560f0cbb63e9bdf69151753b6f057ebb7a', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'e6fb92f71e210086220e6e515271e81d585aa395', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'f6af2fb91008b40d62d788f3fe9120445f9197f3', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '5f332f58b7ecabaa5bc2ca089f9a50a25ce421ed' }, "fdgdfgfdg"), h("div", { key: 'ffe92c03d0d519bd5dc0ffd1689d63b7f3f53d64' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'a4621dc91c307674efa4e85c77bf545570425f6b', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '8bb2e13db6bacc7349f5597ae8e34cc126617988', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '860afb9b3c3267111216fb92952a8ae85b7393e5', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'd94e8c3ce27ea4125b69ddcc2b072a7d3aa7606c', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'more-horizontal-circle-01',
                 size: 24,
                 variant: 'solid',
                 type: 'rounded',
-            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '9636b216ed0f4f67f24f1a5bb810f2f5910c4103' }, h("dga-menu-item", { key: 'dc1e75f2374a6ebfac2c13c13f1cfa5eb42a8a13', label: "Item Label" }), h("dga-menu-item", { key: 'bed6545994c0a7a6d1de721f771692d060b70328', label: "Item Label" }), h("dga-menu-item", { key: 'a8cc8601885ef738a88814c3c05756c8e1d3ca0e', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '437ff62b953bc666e7550f5de1028e26a3c56338' }, h("dga-menu-item", { key: '391760861d0c7db65b80f1f02d4a082c841a1a69', label: "Item Label" }), h("dga-menu-item", { key: '671583b7a7785eafbedd7008decb8f3557cbb0f7', label: "Item Label" }), h("dga-menu-item", { key: 'a2e59aa37e5430243b4a7198b527e4409352ca5a', label: "Item Label" })))));
     }
     static get is() { return "dga-header-menu-item-usage"; }
     static get states() {

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

@@ -24,13 +24,13 @@ export class DgaNavHeaderLink {
         });
     }
     render() {
-        return (h("li", { key: '3fe9b4d5d242bc366308bad3bebb835f0d9cd89d', onMouseEnter: () => {
+        return (h("li", { key: '2cba909172cdae0b9075de86b3f0559e3d136c00', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, h("a", { key: '54b8d61c8fa707ee2c5ed032ca56a788228fdeef', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'b273333ce799ecd6f7fc302d52d3c66858622644', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'b0b40ba4b3ef75229a1b770944ed5b77bdd6f697', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '1eaaaafe843715df0e8e6284d5f343ce6d074e4a', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: '7c2da4e7d6bacc7e5685fc01b8006430c85f727d', name: "dga-header-sub-menu" })));
+            } }, h("a", { key: '71cdaab31f62ec1989ab53591b406b570a3565b1', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: '6e3976b45661b4902e8e29ec26a3fec1a0d36af9', class: "dga-header-menu__item-label" }, this.label), h("span", { key: '8684aa12634a32bd08d6838777da6a17e0cb3b0e', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '56dff4f48a63299a302fd42ffeb63f4c0f54569b', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: '1bade30b5389eb10e6021d5b71420fe6829977ba', name: "dga-header-sub-menu" })));
     }
     static get is() { return "dga-header-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaHeaderMenu {
     render() {
-        return (h("ul", { key: 'bfef06bf6028a2f686f20162d46818995836b6ff', class: "header-nav__menu" }, h("slot", { key: '2b7c6f767accf5dc289779428687592e9affba76' })));
+        return (h("ul", { key: '2092898882a07a65f420e90262c8568bb04b8ee5', class: "header-nav__menu" }, h("slot", { key: '20489f7c6747df2d80d43d8957aac0e1a948a165' })));
     }
     static get is() { return "dga-header-menu-vv2"; }
     static get encapsulation() { return "shadow"; }