@platformscode/core 0.0.42 → 0.0.44

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: '2148ff638962c3774f6296bb153ab227b2037242' }, h("div", { key: '1876a750095870936c30c938417dbf8f2edc2e7c', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '39f09c68a16d833e43610913fb903bcafd8b1f9f', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '4185be99ad09528b5ab48dfb2f9f9683c80dcc62', class: `content` }, h("slot", { key: '9c880c19c64d3b5a13fd531e1b4e8f6d88ebf13b', name: "content" })), h("div", { key: '9365fa894dc11cbfbccd783834481fb86fd3d0e6', class: `actions` }, h("slot", { key: '252fa64837f5c111ff0954c921c906aa9bba1053', name: "actions" }))))));
+        return (h(Host, { key: 'd15b8c138aab31ed9ec5be82fd9d01646661009e' }, h("div", { key: '7c8718214dfc2b5306301a71410574bd032b14eb', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '359525936778b41ef55d258a8da94b4ddc475736', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '881b219f80facbcf88aebe9630d03940951a45ab', class: `content` }, h("slot", { key: 'c73674137f041b76a0f6b8610c31388265b91836', name: "content" })), h("div", { key: '2326d23fe361f04fe965b5b276426a29b4694df2', class: `actions` }, h("slot", { key: 'b29042c36276a0e7fc59d9f285e83cf2bd9becb3', 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: 'a6c235982631b4fdaee847f524ef4c64faec0889', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '433c7c2d14c1732858f1350cf5191207c80c3cf0', 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: '3387a0e823a08659b101c7a00656711e3898a954', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: 'fd9a201384990d5d58fadcab3e02ab19ad104584', 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: '8a9d83b35d2014527bd9f9b5d49ee84c95fae0dd', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: 'c799645e97945190ea0702cf25824e0058152e55', 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: '7b34898c6abef2291a6c6d3ef5348a79fa9f7a9d' }, h("div", { key: 'b014a4229f90fe9646b4f6a0bcdde7502bdc4609', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: 'bfafdbbacc17872f216b713b599cdd29f25be412' }, h("div", { key: '197d41964e771c122503e757bf825b199990efc1', 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: '5d8ae1e224ff7d71c4fb041f594dca2baf7f521b', class: "dga-slideout-menu__actions" }, h("slot", { key: '53ab0724ef6f15e6ff02a1ad28360a436b652a9a' })));
+        return (h("div", { key: '48ed64d0d051237af88d18947b1394be2e90975f', class: "dga-slideout-menu__actions" }, h("slot", { key: '96a929ccb9b692e882b452d2145774d87a794c95' })));
     }
     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: '2182354df46ee4fb78c0a96d80194d95ffa3a5c7', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'afff9bef48efae4c7b3c9035ebccda801b583659', icon: {
+        h("div", { key: 'f5126bafba96c64ef8f62fa16f773ac8b4d730ff', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '23d954b560e5c801bf872e169d2287ec6c9caa53', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'e39ad7b1a9eb6c12480fc17588a61fe272d0b56c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '6aa3a2c38da28e2e0d7489ca18ad48363cdcca5f', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '95da6284f46fe878108c4a134e485d5b3aaffb34', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '5a6ceb040ef1fc27710694cf842bc25eebebc68e', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'e814b9cae431497388794fb895c53064876b42d5', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: 'ade134bad348228430c37ab771449d04fe3d8a8b', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '81fdaabb58e1b6d32bf99cbbb0e0d58485dc2cea', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'f2680e733ecf6f5ed7d8a14931f88b42e7fc4f28', 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: 'f4c67827f20a53f82116256e37dda0d8a86d4a71' }, h("slot", { key: 'bb9f03cb866a3e08a91fe83cd9681f4dbfabd213' })));
+        return (h(Host, { key: '6a558791e914adfae6f9bb4b33f7006fd23da6ed' }, h("slot", { key: '2f7742262c674d100e34cacfbfced764bf2b787c' })));
     }
     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: '7583f037140e3803fc0f48dd371464a9f580e92e', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'b40d15e148a97baf8ef6d35be675b2c5d260185e', name: "slideout-menu-header" }), h("div", { key: 'f2898b3ac62425676ae360b10b72b1c9b076e245', class: "dga-slideout-menu__body" }, h("div", { key: '9bd7e21ffcb1917109a411cabf2422722d87b42c', class: {
+        return (h("div", { key: 'd2ea180da9c889751321f65fa779e1a96c458908', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: '0d4e86dedef8ecf5bc9de846e884f2a6f7c80dc8', name: "slideout-menu-header" }), h("div", { key: 'e7dc0e782098f10e4b65e6a194c32cdc88616626', class: "dga-slideout-menu__body" }, h("div", { key: '941cf4697fa7cd0056819ad5a564c63d17d7510f', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: 'f978bbb5c5627c8db2d788a51bb1b23e46f9a9a4', name: "slideout-menu-items" })), h("dga-divider", { key: 'fb2237cc695f71dcbdc854293961d504cb68372c' }), h("slot", { key: '1d3899ec481ff80ffd8bf58a6f4eef71beff5d5d', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: '5e687eaac756af1092f887562d47be0679655a76', name: "slideout-menu-items" })), h("dga-divider", { key: '4f3c5bc8e5644308058523532206e339438d1ffa' }), h("slot", { key: 'aaf3ae8ad416caab5767d6f80f4df5be0923ab28', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { SxHandler } from "../../utils/sx-handler";
+import { helpCircleStroke } from "@platformscode/icons";
 export class DgaSlider {
     constructor() {
         this.min = 0;
@@ -74,7 +75,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '8d3bcac4da16796141247932ff3d33b7eec45f96', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'd0ef2d04cac6e713448668966ae3dea18840d8f8', class: `range-slider-wrapper ${this.size}` }, h("div", { key: 'c5e19cd8378928e4104ee2ddc59235515a2e18e4', class: "range-slider-input-wrapper" }, h("input", { key: 'b23d8806be3a96cc9ecd4fc6153ea5ff2fa17a18', 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: '45bbdffe4bb2258d482d839169d75a580c8df471', 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: '48a0752bc2f41b2c17521be14e4fc9b295351bf4', class: "range-slider-container" }, this.showLabel && h("h3", { key: '47dadc6766527233801c76fa6d171ddc73d6c12d' }, this.label), h("div", { key: '67d89637145b111698e0ee1bdf910c7de8db1568', class: "range-slider-control-wrapper" }, h("div", { key: 'f0cddcd03feb908c691e675fb52cdd853de9c51e', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'b1b8ade03b6c6a0d8654a4f20efd1cd3c55724f3', class: "range-slider-rail" }, this.range && h("div", { key: 'de3b6454efcfd5194a83a5a60c6c41d763df3ad0', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'a9b94f1c1aa1f6a9c6a8382ca0598aad4644d00a', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'a655e0d70f2e1aaf77e34f972ab2568e9f64adaa', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd9e4a8779cf25785e8eda0aa710a37a733a0f18d', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '3b5d331d2e64f0129e9245cdc9a31b8f0548ecc0', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'fb80b6d1717419d9f0b3aae176d204f5b35608e5', class: "range-slider-note" }, h("div", { key: 'f82434e22781096834b179f763c4e4d55a4556b4', class: "range-slider-note-icon" }, h("svg", { key: 'cd12cd8a4579c2d014bc6ad91e3c2333567f3eb6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2e36faf38369605cfbb6ab4451b6076520c8bfea', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'e34d754c76cd3c29e5b19c9765faf9728f47b02e', 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: 'b9434daec4336bf0fbabdc90b6e38ac605a4a96e' }, h("clipPath", { key: 'fa168ed9fe9cfa32b318641406708b3f6cdfe2bb', id: "clip0_17869_405" }, h("rect", { key: '2ad04831ed09d3266ef64d778ba08bce5ff14e07', width: "16", height: "16", fill: "white" }))))), h("div", { key: '5c4b5dbe64ef15f218fe2f539a7ee03389ba2acd', class: "range-slider-note-content" }, h("p", { key: 'ce602ce84ac58b837fafab89c3dc2e29dbea55c6' }, this.helperText)))))))));
+        return (h(Host, { key: '634ce1a418bca1b8c4d10ebcb2ac42b693d316ec', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '535bb2e49187e87482589e43487dae7d8efeba46', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '9e48f6b6db0bee88b79448333bfbca77c52fe84d', class: "range-slider-input-wrapper" }, h("input", { key: '687999a3202f187bef82a2852a9bfc81608c0fce', 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: '41eddb6df2d1d283a9611a30b8640a223b9d32a5', 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: 'dd8b065bbc2f74f8df0e399032666ae4b4931606', class: "range-slider-container" }, this.showLabel && h("h3", { key: '66f4f2ab101ea2abbbbcf14af7a43b64ac123091' }, this.label), h("div", { key: '164f104907577bbb1d8f15d4951c567f31110630', class: "range-slider-control-wrapper" }, h("div", { key: 'a91b66bb4ed8955bac8f3e4a5b1e5f18da10b8d9', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '7d2508a15013e37021a645e2df91f41e113ff6f4', class: "range-slider-rail" }, this.range && h("div", { key: 'ab14ba91f6eee202ec2987405414f6c21ae2e9af', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'a58a1ad452482affb9033d7aab9ee75b03046147', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'e127fba12f248ab626ef952de89eb38c778e7b91', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '9234bb7c6568674e10543025e2812818872c4548', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '6dc9fd771281d287ca64a0ce993949314c5ff337', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '70c6e13e12d3ccbf884f86c984edfaeab890b7d7', class: "range-slider-note" }, h("div", { key: '1b7f3bede19cce8a0b33d4bc2cd69a02ce5cece2', class: "range-slider-note-icon" }, h("dga-icon", { key: '55d7fcba58ada15d560a5a0620d39ec1fbf88d71', icon: helpCircleStroke, size: 16, color: '#384250' })), h("div", { key: 'a4b82d677efe0576729a80cf9fe1b503f70a4cf1', class: "range-slider-note-content" }, h("p", { key: 'a8e2d021887aa85035e675ed80755a5dd7179fdc' }, 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: '79d691fcb4f8c39e32571f48e4364181474c83af', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'bc0004889772d9ec97a362a2d98c86f00ffd38aa', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'b443ef28b2414b6b564e3db8fd69c21281f15209' }, h("tr", { key: '3075adda8efaf8c73568b6351d5289c03d787ac6', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '1ac5bc499fdb1b0c4718f5c41487913d24dbab78' }, 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: 'f722433bb95d657b03d8c17e50309ce6b657ec10', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a8ca4e6d981d15f5e18c82f88658ab83f1f12758', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '7edad5f62e8a365013678fc4c0b92e276c0052b1' }, h("tr", { key: 'c4bb8f7a1feec03cfdd06907bc9655838c7a39e8', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '5f61a154348bbf1c7a8055d59c39b7ff64fc4dde' }, 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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { SxHandler } from "../../utils/sx-handler";
+import { alertCircleStroke } from "@platformscode/icons";
 export class DgaSwitch {
     constructor() {
         this.color = 'brand';
@@ -56,7 +57,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: 'ba9b37f9628f33216c19e0ab0fd6297fd47a4af8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '0e13d24d07611003b8dda659130d6b1cb83406c6', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '9038e7905715e003019ae410d8bdd4f48d7c3ea8', class: "switch-main" }, h("div", { key: 'e1975b977c606e54ecd6204e5d6277cf101623c5', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '37c479b73870964b5e3b87db8780f4353a97f48d', class: "switch-wrapper" }, h("input", { key: '89b9844185c385ad13ed813c1df1a60257e6bf1a', 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: 'd3375662f4318707490e83d3ecad6e5652236c78', 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: '9234fe3bfa83102d071f31e84c6eab540bd40d22', class: "switch__warning" }, h("span", { key: '599e8c28199149f632e9dfc5fe2675a4ba2d2bca', class: "switch__warning-icon" }, h("svg", { key: '5fb755717ff5ecef1ba0eee73392d3db7c8a27b9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '166c967368936015cd5e965f71f1460cec795c95', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: '399df61257674a35ce0541d7ccc04114bf79981a', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '22c991196ddfaee20d703d9f84e654206cc4e835', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'f921f31173c6ffc73a3a0b61feb641c97f0825d4', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '2aaf568701b6ffc792b3e4cfc361f582239b69af', class: "switch-main" }, h("div", { key: '84ca676ebc1b39ed832fcb26d6338e3ea2885b43', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'ee081cdc57d2fb9e4a93e92003b586f76480697c', class: "switch-wrapper" }, h("input", { key: 'b2c81ef90e233a767e20bdaa8feda6a209ac6c0f', 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: 'bf57c0a659696af6711f7916801320bc7038c113', 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: 'd6abeb693f01d7afee39c59c27dea61074627c23', class: "switch__warning" }, h("span", { key: '2414b7b100bbb34a4c78e4794a0acfec47503dcf', class: "switch__warning-icon" }, h("dga-icon", { key: '684b89475a4ca948f045b7cd529ecea7b367d0ef', icon: alertCircleStroke, size: 16, color: 'currentColor' })), h("span", { key: '0bfc9e8754709e02b2c0f8cb3b1deebb637edaaa', class: "switch__warning-text" }, this.alertText)))))));
     }
     static get is() { return "dga-switch"; }
     static get encapsulation() { return "shadow"; }

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: '32c50cfdc1c7a8dc8b3f6679e565b9f253192a69', id: this.componentId, style: this.rootStyles }, h("span", { key: 'f1b1513a4fe9212c9b5fcb9abc29afa1bac2f1d8', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'efbd197521054a2b4d6fcc53612441c91e5cfe27', class: "status-tag__indicator" }), this.label, h("slot", { key: 'ff5956004bb5d87fa50f7319621d3e0c45e9761e' }))));
+        return (h(Host, { key: '62e6f83b77a3f165d26d6f3d21eec5552dc9cf56', id: this.componentId, style: this.rootStyles }, h("span", { key: '36671503f51b033c3478618357060a2a048f115d', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '56d4dfea9b14d3e31256f76f27a4c46c92b96b87', class: "status-tag__indicator" }), this.label, h("slot", { key: '9a98f3ed07d601228a933c2533a746c030657c17' }))));
     }
     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: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '7ed1239af523e8b18fd5d92c069e0a6272cbdae9', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '122be0bb93141b41b2aac62ef064290881f8555c', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '1189d580b7bb40c0d1b94a7c2854d533296bcb60', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '7059ad5cc1cedc76fc4c5bd961abc4bc47093154', class: "dga-helper-text__desc" }, this.helperText)));
     }
     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: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
+        return (h("label", { key: 'b5f66b333601ce749b29f1910094b0a59a000e8f', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '396d392b5d3a610463fe9dabb695f2564cf2e74e', class: "star" }, "*"), this.label));
     }
     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: '6aa60ba409a3daa08995c7042f6e0578ab3d42ef', id: this.componentId, style: this.rootStyles }, h("div", { key: 'f21c1e7ec1df3fda3b5b468718458f4c9da1d1ec', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '2985269173692f0f9638402a4062c5c927d1ed04', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7da9cba2a6d61c6c9b84c190b118062daf96b6a8', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '938045265a03fd1d1393f52defe1cdacbfb6298d', name: "prefix" }), this.icon && (h("span", { key: '71f77370f325428d8191f378913a9f7f27ecf7dc', class: "input__icon" }, h("dga-icon", { key: 'eb7797c2c6f0af3fd5ef57130422f9f8413daa7f', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'd010084df3fc542cce7f2788e4c5afc2991ec406',
+        return (h(Host, { key: 'a6ad42987caab879069e90776ee2e99d53e589e0', id: this.componentId, style: this.rootStyles }, h("div", { key: '30e879fd8493609ecbe82799926965a83cd0e0e9', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '2cd5ce9a3d6bffb4355e175d29185ac62ca8c21d', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '7be085d60d130c6961ebfe619fb3565caf7714ed', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '2d59ffc44b3d81254522d08f8d0c9eb30a219fdc', name: "prefix" }), this.icon && (h("span", { key: '757000195e13ad3bdecc4f1c61059d7cd2a4afea', class: "input__icon" }, h("dga-icon", { key: 'd1824ca85bf69ecd8770a66f5e5696de5f3c3587', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '693281027327c7ab87a66c620194392daa766cee',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: 'e6cd3315f8c85fe53cebc72ff572daff1c272077', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '60e8d8ff507ae72edf582fba86d3360c14610787', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '5163553412c092790fe95de086b640d875b1a561', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'd59d526bc2d81bf30b69118930d398f79e228881', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     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: '238dfdaab7c1abcd3e483e919e42050163b4406e', id: this.componentId, style: this.rootStyles }, h("div", { key: '1869300bbe5f96e8b5cb4ba14b29e3f5d0a6610e', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '9fac63744b4050b7cec12fddd9c2c07e2fc2b787', class: "dga-label" }, this.label), h("div", { key: 'c2cb8250b55fe6bd5e0052247fd17a21e9bd117d', 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: '6e62c6205f85f18eb667b977ba6f3193ef6ba647', 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: '7b779d8776d7dc8137abc15cc349379711f08f62', id: this.componentId, style: this.rootStyles }, h("div", { key: '72a424700236e2f842ac214d3ac00a6442899ce3', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '07e657ce190629e9da5984d8b761c6e7af7ec9de', class: "dga-label" }, this.label), h("div", { key: 'daa6c17ed3931f4beb0706917f8ac68ce23fa05b', 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: '18a7be6253d07804f05d8b7483e8c9273d5d7a90', 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.js

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

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

@@ -4,7 +4,7 @@ export class DgaHeaderSubMenuColumn {
         this.label = '';
     }
     render() {
-        return (h("div", { key: '4632ffac62e384b7851d4fd6d9f3c73993338988', class: "sub-menu__column" }, this.label && h("h2", { key: '8a4d246617c0a7da748b6d4d6971cccef5e2e4d8', class: "sub-menu__column__label" }, this.label), h("slot", { key: '876eb7fc4519d29e392c9b1b34ffb93ba4c15545' })));
+        return (h("div", { key: 'af1caf149bb1a6cb7df81290e93f8a43d130f25c', class: "sub-menu__column" }, this.label && h("h2", { key: 'e5a9f26182fd4ff63ce0d770fc95121be699a0a0', class: "sub-menu__column__label" }, this.label), h("slot", { key: '868d9c5409773292e42f0c7733ca257468cc0e34' })));
     }
     static get is() { return "dga-header-sub-menu-column"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class DgaHeaderSubMenuItem {
     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: '1a0f4096a3c293309f46c5cceb5ae75910cfbf70', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: '2f29c50c537df8be70a327b5d3c33e4a72a33087', direction: 'column', spacing: 4 }, h("dga-flex", { key: 'c9ebad7beb3543bf6764c0d34483cd321025a70e', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'e95730327156f7b8edd03fd8f58d1d3dfad88e4d', class: "sub-menu__link-label" }, this.label), h("slot", { key: 'a9fa479dde28ca909fb69d4a2a9076fcbb3707f0', name: "tag" })), this.helperText && h("span", { key: '49560e47ae2f90a8b58e8a3af62d858ff7081583', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: 'ee09b8263f426e24666fa7df088607600ed61d4e', href: this.link, class: `sub-menu__link ${backgroundClass}` }, this.linkStyle && this.linkStyle > 0 ? h("div", { class: linkStyleClass }, this.icon && h("dga-icon-v2", Object.assign({ name: this.icon }, this.iconProps))) : null, h("dga-flex", { key: 'fcf3854055d4535b12921d1ee384139e25df9812', direction: 'column', spacing: 4 }, h("dga-flex", { key: 'b325442db5d4345d7651d7dc3d5413cfb5bab67a', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: '809482e62a3b35ff4d7738485abc4fc1f6969456', class: "sub-menu__link-label" }, this.label), h("slot", { key: '2e9f1babbe4ef8f60d8da43d11fc6e1609b2644f', name: "tag" })), this.helperText && h("span", { key: 'a5152f9d75bcf41ceb5283893ada0ab36c9de5c3', class: "sub-menu__link-helper" }, this.helperText))));
     }
     static get is() { return "dga-header-sub-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -20,7 +20,7 @@ export class DgaHeaderSubMenu {
     }
     render() {
         const fullWidthClass = this.subMenuFullWidth ? 'header__sub-menu--full' : '';
-        return (h("div", { key: 'dace5ecdd9f6da96479b197e3a36f0c7e064c5e0', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '692ecf99d0da5bfd38cd60000d1e0c676ff75e02', class: "sub-menu__container" }, h("slot", { key: '043b2ec1ca0a144190fa4c209ff1862780c7b318' }))));
+        return (h("div", { key: '5156654d5121af12ea8699314c96729f6ed7350f', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '6872ba27863547324d5cccc652879a71c5be7d3a', class: "sub-menu__container" }, h("slot", { key: '6dda4545d25a9dd8da1d89ceab8de4c53fbdad44' }))));
     }
     static get is() { return "dga-header-sub-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -6,7 +6,7 @@ export class DgaHeader {
         this.sticky = false;
     }
     render() {
-        return (h("header", { key: '554e1a20dbd330c5914b3d7381c44d74ce139ea9', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'cda0dd23dca30527102be361ad118809fe9f1e07', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '223a851aafff9c98078c411063500d1700a0a569' }))));
+        return (h("header", { key: 'fecca0eceae429b045901aac84cd29dad0c2a419', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '9297e25abf400457bc38dc6e4356643b27af89e3', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '6245a484234b110c8491fc75f5c89d197756da82' }))));
     }
     static get is() { return "dga-header-vv2"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/dga-header/dga-logo-placeholder.js

@@ -17,9 +17,9 @@ export class DgaLogoPlaceholder {
     // }
     render() {
         // const logoSize = this.getSize();
-        return (h(Host, { key: '63da81bf8e02be4b899bd7dc397a59d3857a0c3e' }, h("div", { key: '937957ea57365f942280f413285c5aac1cc6744e', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '0323929bf04cd0a5d7c93bfcafab1df4f0aefb35', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: '130b10a9bebd856584120508590ab6a5b8514b2c' }, h("div", { key: 'a181da21fd7a9e86b93a707dccc923aad3bfb283', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: 'd2ca3b5268f74e9afbb2fe84700d4df8300fe820', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '7bdf63189d2a0752a5cf93f17a9663aa4b118cc0', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '954d450cdec12a153990ccbf1599a02f90ac9f8d', class: "logo-text" }, this.text))));
     }
     static get is() { return "dga-logo-placeholder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-accordion/nds-accordion-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class NdsAccordionUsage {
     render() {
-        return (h("div", { key: '9123890eda0c2fc65da22ce4b5f127d0dc4a121c' }, h("h1", { key: '8895f7600d63dcad69de62f266223218e4ff7524' }, "Accordion Example"), h("div", { key: '7c0735f21b91f2dae999defec1eed1286674f4e2', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c12c81a421330ebb1742196374dc69ae69159e43', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '7cbb4adc70d15301b4f1918bde2aadaf04769236', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: '42c0003deaba848fd3a5c1d3d78b76f605d6845c', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: '68663eec1c2fb257a57f2801beac7fb35c2a6b0c' }, h("p", { key: 'dd631be5a344ba7e9b508b13c23a6f844850e3e9' }, "This is a ", h("span", { key: '57ac48e29944525e5e1bc12ed3cd7d169ae47214', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '0172a5f691529db9ab417917c3d4ece70bfc1937' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: 'e15f9d2bd266949008173a38f3f742ed8f938d89' }, h("h1", { key: 'ef1bc781e520817a1ced910004a689216ff54f4f' }, "Accordion Example"), h("div", { key: '81d57759fffa68e8ae6a71a60bb7fc3fa9b8695b', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'd1786108e1339c48e7ffa08e67a7e61fa00f4fda', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '201eb5c4bcdb8ba67debab0541ba4cafbe9d9070', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("nds-accordion", { key: 'fbac0e39ba9fed284de873265c8f53ff4e617ff1', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }, h("div", { key: 'a67eb0ac4091453622458bf81a4c0c78e586d0c0' }, h("p", { key: 'f62f4e5c933747d52b89ec7aeffba40beed21698' }, "This is a ", h("span", { key: 'af739adc6b0a5d5ff9b81c50c7edd1d5d54c4bd3', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: '02b9f9153f9c97d5ab2f673282b96d61c6986795' }, "You can put any React nodes here.")))))));
     }
     static get is() { return "nds-accordion-usage"; }
 }

package/dist/collection/nds-components/nds-accordion/nds-accordion.js

@@ -73,10 +73,10 @@ export class NdsAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c306a87788d068563ddef40ff8e535b364ec4240', id: this.componentId, style: this.rootStyles }, h("div", { key: '3a60a41cd8239ac0b2d0c2c5eed77f943c444476', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: 'a25c3e829bef1afe1f88838c35929b6be75f62fd', id: this.componentId, style: this.rootStyles }, h("div", { key: 'bce09b7102415eda2ee990e0fb8269d0d10a23e3', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '95863549e6eb11b6672ee808ae6134f602745d5a', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: 'fe3dd2ff3b2b56f100eac5e95537830e49f3ce05', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '729d25df129367ebea242f63f6dfce699e9b544b', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'c2a5da1d2b70bb78e082fc6e7e4e9a718d3db7a9', class: "dga-accordion-item__title" }, h("slot", { key: '8ddd02d000d41e70e00167653a4dc350ee6d936a', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'e3d428da9a1f7f9ee4232b2f56134f93788c0a84', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '636bc322771116e28cbe1a62bbbe48f267536df0', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: 'f269860f5a6dc09fd18f07fb624525f08209eea4', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '3c8a128b32150a860f5b8c8013509901cc26fc50', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'c0e37da1f9345adfa72bf7492c3055403b3ed4c7', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: 'ced84e0ecd1b92206988b09ccc044a757a197e9d', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'b25e68f6c91ecd726a5db1d61f7e39179495579a', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '19beb1aafb3a77bd7f4406dcba9095372bb57aa1', class: "dga-accordion-item__title" }, h("slot", { key: '8dc4c244c0964c030e14fcdc9961898de6aae470', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: '9952a45ed9cf454849779c89488c89df7431328c', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '419019583d0686c50ce936472633e494f9a1b3fb', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '026a20d60d2549e9ac150d8bd068587633e36471', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '3117b3d2e9b36f6bfd979315ee843256a9adedd9', name: 'content' }, this.content)))));
     }
     static get is() { return "nds-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/nds-components/nds-avatar/nds-avatar-usage.js

@@ -4,39 +4,39 @@ export class NdsAvatarUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: 'ac1faae2ebc4f5db7efdd3efd4ce0767ba484ed0' }, h("h1", { key: '5281f0d6bee4b3a45bed162ddfb7ed43a9ae671c' }, "Avatar Example"), h("div", { key: '3213d15f5cf8a91302c7597f12bcd65bcc84b90f', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6144049768a8069d2586333bfcaa981d04a06f7c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'a9c215a9ab2fb87404aab12618dcf49e5b7b6a30', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'b398ba7d9823078d6a33f9d755ab8d11de513faf', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '2a3effcbff89cb58897c0b3b2f3b22ac89bd0728' }, h("h1", { key: '85245635d188012157ed5e988c98b3a8e97e04c8' }, "Avatar Example"), h("div", { key: 'bd530dc854af89fae2e39aade81ca3aaa8263b89', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '5039d29e5a5013e4e0bb80f1e8da1bbfdc008caf', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '4c47a111709c1346baff4461390ebacee1ac3208', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '34ffe4b1b2c16f8877ca07ebaf3ce3abfb2332fb', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '91eba111611c3ac0dd76c0f420e7821c3180a264', size: 120, border: true, square: true })), h("dga-avatar", { key: '5eb17d4e64ecdf0b81f86768abb40d04bd67fdcd', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '822fe971375141d66fe7a4f1181c14a845034615', size: 120, border: true, square: true })), h("dga-avatar", { key: '4b70aa7377955f6ce29f9865475b5260456b48e6', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '7b9ae727d4a932adbd319ef0ba51ae7ad528a638', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '51b7c7f12e4b79973de21b2265d8c215e1fe70bd', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'f420f355134964b5ebac614789a5d19640438376', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: 'c22e4f06c46d238539ca608bfebaf0265837e241', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'c3e5a0eeec72896e7e0796d1513a2c5d053b135c', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'f2ad8e004b7746c49c2fd77988babcd4b6120501', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '80d61a6a76c28095babf6cf7b630180fac4ebb1d', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '92d357ebd623d5eebb090b997dd168820d5ab729', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '49d108be6ed605a3b7d2898035b516a4bcdf9625', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: '05ecbf8ea39927889922a4bdc90d9503dae248a6', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '6838e74f63965415c9526e714f311344a9c3762a', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: '6af94cf984194fc5ddb306af0c41ac073d4aa22c', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '83ecfecd332cda7b6a16c823b80278e297b5c792', stacked: true }, h("dga-avatar", { key: 'ad9787c09b03f609096dad63dd6151cbf4a6e774', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'a4856d76605d8a792da49dbf19585fd1982b34f5', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '2343308777e5930258990edc341b85462879e896', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'cdc4c2dbe5647315fa123d1b715f2f690481a76d', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '8c6a8e7ddd217221b90ee4460bd012a0e83a8f06', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '1e337bdfe940ce7ef1cd42525637bb17fcdca3d4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '07f1afac5a2ed5899462ac44e8eeb206b5ddf88a', stacked: true }, h("dga-avatar", { key: 'e8f733966787f8e7a717e3696937670abf0e0675', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '9def4d9bbfa5ac3901a22c0cbb199343ac927eb8', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'f68f8b0a79b7abc98929fa1cc00f952f5c43ab21', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '3557e8670470cd3ccf4f648dad4c37446da6798a', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: 'b543de71dbdee054ec8d7ab5e5310ec33251fd41', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '16a56ec852a26c8649d5b7b25d1424ac9ce9afc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-avatar-usage"; }
     static get states() {