@platformscode/core 0.0.25 → 0.0.28

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: '4ba57709965e42f6c56f63509bbe4c58656e9b7d', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: '1c4aba90588b8e23561c6999447db5a2bceccff4', 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: '3d2de29259aafb97bc2d2de16939c0e964b667da', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: 'a531aa32cc62a525b2026fdf0ab940b04e6b8928', 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: '9c6ae3ece475bce08aa4ff35055a7c06b0152b56', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '06beaee8ae43981602ad4274fcecdd7841e3e590', 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: '6b7711afef4faf951cae26cae4db4fdaae01e4d3' }, h("div", { key: '066c5898c05f257243b8d31e4c073a8d5bbae9f6', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '800fd0011d6ce7f4b2b608f6f4b1694453e6a549' }, h("div", { key: '0781af9c657c121922acf68654c18b4e0d737fff', 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: '46f113c740462e493444ac33ec4724f51a78725e', class: "dga-slideout-menu__actions" }, h("slot", { key: '3a276c31ecdace0cc0a22de74e50d1e1e413be4d' })));
+        return (h("div", { key: '65a60f471a4ab213f4c1c3dab9c7ef6b510a8829', class: "dga-slideout-menu__actions" }, h("slot", { key: '39e921a4c59466a815ae1c10b67148b2b0df77f4' })));
     }
     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: '2747669b6fed4974a082995a1a1afcb6f9982ab0', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'b287188e2beb68d29a10b4a421cd2ab162d29a6d', icon: {
+        h("div", { key: '644974162d8b708862d95a5de7777aae6b3b8b86', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '0e17b150bed933e50780e4ac92e141126f2b8b60', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'd61e4969fedf4b54e2d4ff7255ba191167ded5fe', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '2f88dfdcbc7357c1852bacd6378c4ecf95dab3f3', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '0ac143ff0c058d8fd4363174dae2c5427f68c933', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '0698e970eb212b4c2c53cf0a9ccc19c3370083c6', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'ae14285fdecd65e9e15b044ded49897c0284c9c3', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '1f17b0aa3e39fd4cb5776853a8ce0603d23547de', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'eaa482126c0d3b51120e99bb80d4754b2836ac0e', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '2565bbfc3ec38da30aa43571eb462a00a12f28cd', 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: '4463e1d9c8443d91dcba69ddda2a9013d73384a2' }, h("slot", { key: 'a5495acd0ac167efc04e184b224824db1d451dbd' })));
+        return (h(Host, { key: '39b333416ece26616362d3a5d02d39ae1853ed8d' }, h("slot", { key: '0c5bfc89d412375c136bd7493755de61663b0215' })));
     }
     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: '371cbddb32ffb0d8829bb92fa3ea328339f52b80', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'd0e265caa58c2e8770fe4ba59b6ca4c7276612bb', name: "slideout-menu-header" }), h("div", { key: '8ec4c51c577c465bbbe80e8ab7833591f13e27fc', class: "dga-slideout-menu__body" }, h("div", { key: 'a7df2ea13bf22624fac685070d0ef68f2221646e', class: {
+        return (h("div", { key: '98140cd1dbe34d38162faf7c6dd23fc6a2a3c452', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'baee78d547dbd06abcd81684a1f350b790bd4981', name: "slideout-menu-header" }), h("div", { key: '208c2b075354dd700841190ebc705ec0e1109afc', class: "dga-slideout-menu__body" }, h("div", { key: '8fcc135dd6cacafb3462940f3a6b0577b2538944', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '88d9a49753aa0b164902fcb8c4dc0c19f02ca947', name: "slideout-menu-items" })), h("dga-divider", { key: '32b33160f4606c5e1caaf61aeff2e4716bf0e68e' }), h("slot", { key: 'fc617f9b16226ec47792edba8a42642cd184f7be', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: '4550a438c062d7061ca673affe726d30a0b02b44', name: "slideout-menu-items" })), h("dga-divider", { key: '5631f6f3b94b178394dd33275c7f5c962ee665d6' }), h("slot", { key: '1a19f53ef76f34957e68467b81a13b3fc5dc4681', name: "slideout-menu-actions" }))));
     }
     static get is() { return "dga-slideout-menu"; }
     static get originalStyleUrls() {

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

@@ -74,7 +74,7 @@ export class DgaSlider {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '99156735a887d2977efa872760796839657fbc4c', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '373c31f2a55e942e72dfea6d072074b0fae427f9', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '2ccf8864cdc333d6f1c3a30e115fa76a258bdf57', class: "range-slider-input-wrapper" }, h("input", { key: '7dbd72a32e3d9e5a9f82dfe8d560f39af4b079be', 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: '4f9dcd64bc3ca265e8ea39c035a502c5af5a505a', 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: '17493e5639f5fc4284f0ee970f1309204e54d986', class: "range-slider-container" }, this.showLabel && h("h3", { key: '3580454a2876ebc214381df06b5fe83cd6ffb4a0' }, this.label), h("div", { key: '40c9dd2d863d3e01071d0c746cb3c30809bc9b90', class: "range-slider-control-wrapper" }, h("div", { key: '45db3bc92aa1b1fcafb8b3da46d99b6dd1a173fd', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'e5fa57e2c12f3bc4d8ab289b82d46529b5cdcca9', class: "range-slider-rail" }, this.range && h("div", { key: 'a3d336307aa1652f28773a39b0c0c5937f79b058', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'b10ed050daf6d159a4944ed3f8bebb00a89c502e', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '8527e054dae0fb54f7ddbc2e4e9bd57247a4a371', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd67b2f4c17073e10f8e3ec994c172bcff53eeba1', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'dd09ca4645a161071b5902609dd08b702d85d41d', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '360a19f11759119f049b7d0e7994cc2247e8c2ca', class: "range-slider-note" }, h("div", { key: 'fc461cdf4716f377dc09ae7d3a53e289190712eb', class: "range-slider-note-icon" }, h("svg", { key: 'ca6f47d6134765b97b537f6ce7ba4f88b5e26f41', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '82423c6d4be56d6a934f7329c50e4d26b16f2611', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'cbd8467cedb5ddd65a1ea308d21831ff394a77be', 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: '649f351602aefbb11ca78b68682fa8a12134f955' }, h("clipPath", { key: '3a55b42b09c722bb960f4bdd9d6d7424bdeeaa25', id: "clip0_17869_405" }, h("rect", { key: '8c08f74a33fd6da026a82e87304d71c5bd148af0', width: "16", height: "16", fill: "white" }))))), h("div", { key: '0c30c60cd92c6a81fefb9cd890d3f372c51e1162', class: "range-slider-note-content" }, h("p", { key: 'a4d532e0ffa12aa1624e02c4374c394ddd788f35' }, this.helperText)))))))));
+        return (h(Host, { key: 'ff9dc523cd6181d337141fd333aeb1df945799a1', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '3b4dbc21a48b6a76be9c186f977bcdf8b2781a2b', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '0efbaf84a93f8f5f2c468f8ec5e0c6a022f1bf91', class: "range-slider-input-wrapper" }, h("input", { key: '04cfbd25703697683cadaf8f807b3115a64fd9ef', 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: '048fc56c9402d23483569733ce606adcd97fe5c9', 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: '64e1b7f65d4cae5f2eb6967500dfb12ed55399cb', class: "range-slider-container" }, this.showLabel && h("h3", { key: '2e710990519a3de60980bfacddc9af5aabbb7183' }, this.label), h("div", { key: 'b423c915987b8ea99685a3407580401797da92f7', class: "range-slider-control-wrapper" }, h("div", { key: '25baaa3f5abfc0ffbc09b10d38b5bf354ee24a85', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'c733c9b76fdcf42fcc9596611e9c57b562c33c97', class: "range-slider-rail" }, this.range && h("div", { key: '9b4b12d4e8466e28a87d65c98b5a360a25fc3ed7', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'b99e23abc452218f1efd84948abf4bf3651b90d5', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'f4f6264662658d9b601b4a9382842f83dd19f964', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '8a8c2f7fd644f1b6664ffc826ebabfb367e18197', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'af9b65fe0501390798a471029b00cd0a3556e445', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'e90ebcb2cc1cc9f09b62754b36c97229d3cf39aa', class: "range-slider-note" }, h("div", { key: '627e81a62ec40e1eb37351d231f49b000951cac4', class: "range-slider-note-icon" }, h("svg", { key: '980debb7f227d1fab87558d4af0bcc7587c0f147', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5e36241d637e91275f5433211993ece5a60907b8', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '63e0df5676fe1d5ca2ffbc1366fe238d5055515b', 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: 'f2c26b39e97fbd08326ee2bbbb365268ea830bd7' }, h("clipPath", { key: '37db6c22b87ec78ee796d7aa41873a1db2db8ca5', id: "clip0_17869_405" }, h("rect", { key: '3123c60bf33523eccad40ac0246f384b7f2d6186', width: "16", height: "16", fill: "white" }))))), h("div", { key: 'b6a58b1cf00d05d80dfaf654cf5ce1f9662587f1', class: "range-slider-note-content" }, h("p", { key: '5882496ea9e07a5ef38121732bf01883aa47d1b8' }, 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: '2e05da8b8bef5a55ad03e0792aa605069d493001', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '775c5f39e01ce7f307f5b357351c3a0ca35bb413', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'dcc273c49193d47b1d12570ce95b7df4a2c72be2' }, h("tr", { key: 'fc42e1ffc24ae770cf7ca751c4df89d590b22d05', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: 'c53eac4a04b6d6cd0ac54abb46f7e2d89f4f8b3a' }, 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: '6625ecac9ef78d57cac9ccaf43a6da0446b73f2d', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '0e0df97cffe6f200a61655b1d693a68fc4536d30', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '5da7eed1eabbcea929925f0a225def3cbd043590' }, h("tr", { key: '31f990b5191727dbcf4b2a0fe0c52dbffbb27228', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '2a36258b3a5d14be0c9fa06d2726f7ae9d9dd8bb' }, 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

@@ -56,7 +56,7 @@ export class DgaSwitch {
         this.sxHandler = new SxHandler(this.el, 'dga-switch');
     }
     render() {
-        return (h(Host, { key: '0632cbe12ce2d18db3cee7e5b15558b65f7eab8c', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '35bfd7914480fc315ad732c6ca7f8dcca8b943fa', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '1b47dfda683cd8c433ebe6f3b6b4d6b163b10dc3', class: "switch-main" }, h("div", { key: '18ca64c56fcb498d55ecac6334f85ad18b9df944', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '07488d447e48fe9e84d0898103f9e7c18826f065', class: "switch-wrapper" }, h("input", { key: 'ae1bfecc1529b052697f23d4af8f66bb5d5e6f31', 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: 'c472d7dc30d102863556ecb3c9047669a2f1e37c', 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: '6c993d612c24f195d47458a529e8c9785e72416c', class: "switch__warning" }, h("span", { key: 'ab40b8c329844e4da3371db0476d8abc30f6640d', class: "switch__warning-icon" }, h("svg", { key: '876579503768049bddcd8a81d4c338f198079f9f', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'aa33cf37b203dcd998faac04d037800a236fafb0', 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: '3b60ccc9f5b4a46c8865c3e8b44c0aa0ce1ed4b6', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '3ad152e5f19cc466295ae461e52c890147c250fd', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'f793423dbfdd8e8b15c2d7b5bf826722f66fc105', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '844713ab78fe988e5dfca4b2f8e0662491560c0d', class: "switch-main" }, h("div", { key: '894ac6ec71f9ae9fe7e3aea234f3c365204602d4', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'd009fddbff1587071a53daa9867556d547d8c4fe', class: "switch-wrapper" }, h("input", { key: 'a33202a9703e80dd62a33f1c84075b0abd89238b', 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: '77f7a22b0e0ffef81acec90eca5536ec5c50c856', 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: 'd1a5b8c0c211407aa7a125404204fefd2ea84151', class: "switch__warning" }, h("span", { key: '70a93128592211a2ae9b545f4b32698f6072bf46', class: "switch__warning-icon" }, h("svg", { key: '0664dccb388af471dad77ab764d34f70e291de70', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1a44ce8c181244f3351ffec4eba873c99d396e72', 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: 'b1ac2193040ce73d888e3a39d1179e953718710f', 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: '3cee4e726d07a5d0fad6ebcb34b2edb14033d305', id: this.componentId, style: this.rootStyles }, h("span", { key: '30f46ffc39b445c1a7c3401d3a50df58f1a2c597', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '2efdf5489aaa768dd25b4040532a26d437fd03f7', class: "status-tag__indicator" }), this.label, h("slot", { key: '7448d5ecb91eab90bfe8b59d2653a0714aa472c7' }))));
+        return (h(Host, { key: '507d21b8df6c0e03b9a51d74841100fdcbc3af0b', id: this.componentId, style: this.rootStyles }, h("span", { key: '791546020efbc42788f2f0dcf1cf4948a11edfc7', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'edeb11f510afac40a32d7df0d274cf6f5a5a6c8c', class: "status-tag__indicator" }), this.label, h("slot", { key: '924b360f34a82f37eb5607b3188c316f4b16c7ae' }))));
     }
     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: 'fba2082feeec8236bb4b1c427530200461fde1c7', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '045252be8c2ad9d9efc620bb08476f62f18d1bc7', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '762ed7b7ff308b0ab447f6f38c7bf421b586e3b4', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '45d3cea48852598a25cd3d5798c1b9e099411085', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '9ce77fa2f456e20064b153aef3c1fa436563eb49', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '07990ee96959b34986170620b219194844e30970', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '702f2185be7544b679b543a063f0c76049cbe7e3', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '5fb2b0ceacdda88772a4ade8ac9e94a514e79a22', class: "dga-helper-text__desc" }, this.helperText)));
     }
     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: '2664ee2470a12a0a0c4319ace89e7433b9f97fb4', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'a133a41c5a00e5c010485629f3caf56da205d09d', class: "star" }, "*"), this.label));
+        return (h("label", { key: '4d40b590e3045b65d31807a4a02cbffdd5cb0a76', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '5a5decc5839d7ce035ec25dc84d492cf7e92dc6e', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {

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

@@ -63,12 +63,12 @@ export class DgaTextInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'adabf71d1c87cb0c46329397ad6f0e7c266ea12c', id: this.componentId, style: this.rootStyles }, h("div", { key: 'fb2980499894e0f74d139c6cdf845b584f0eed45', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '6d55b18ababa9c2889aa812eacb17b766e6fb3d9', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'ec180d4b780bfb4d6f0c0ada2c9b9b1c017965ed', 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: '49bf9e9c32ad4d924b83d3c69b501d2cfc29790a', name: "prefix" }), this.icon && (h("span", { key: 'cd8b961739982b43da19dc62de08b5c504fb2a0a', class: "input__icon" }, h("dga-icon", { key: '59b68d7269ddd1d32a4b1e0becfb43875c64cf54', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'dd38bb384e9c8c282d857be74379ec3f55615693',
+        return (h(Host, { key: '0858f48662c1dec58bcf2b35f63501be68c9344a', id: this.componentId, style: this.rootStyles }, h("div", { key: '6e1f1d8717fcc5f8c1ae3da680f21075308d4563', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'd957b562a4e04c7f93be7e2fdf07218e26270b62', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '4cff6669f027958bad72f61ea825d3c68d50390b', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '6a72c1f0d8d1c7adf4e1813c0f17d11ee78ba0c7', name: "prefix" }), this.icon && (h("span", { key: '4126803f5157f8baca3ac2b7e31f0cda7434cf06', class: "input__icon" }, h("dga-icon", { key: '0119b859ecf61cb4e8f0a4b4844223646d215607', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'a1011a70fef6d5f31c5e03467f84dbdfb290e34d',
             // 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: '5271bbff657a8a584f03a45d2ee5a8231602e1e3', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'affe6c109ebbab79e4e258fdeedd7ff0777deed7', 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: '068446d038a2bf4de9a072898eba807005994cac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'cf4e6eb83f1c4534b33b574301f0f4eba46c133b', 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

@@ -63,7 +63,7 @@ export class DgaTextarea {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '83c6148d1462c180689f59cd4e36cb5f36419a17', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ca25a25507fdc3e3e63ba22d860d2a948ce82799', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '57f30c31316ab5fb70161cc2f5712c6b21efc362', class: "dga-label" }, this.label), h("div", { key: 'a0a548e8ce73c08f73c260fc4a65065af1205a96', 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: '1908026fe5519688a40333ed024bc0fb8ae0e278', 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: 'c0012dadd8e09eda05f18d449ea56bce0ec44361', id: this.componentId, style: this.rootStyles }, h("div", { key: '3da76e53c18a6161a7cb0f9085afa6d9cf99dd4f', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f4d6b1cc19cec2659830f3d8efbd3ae550f14a32', class: "dga-label" }, this.label), h("div", { key: 'e5ae4c30bc48d4da377d7386108320752ff4dea6', 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: '9905c304b17794871de5ce641bfba29934778450', 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: 'a9f4cd725a88c83b4a2c4b90fc7e1abb9745d4ca' }, h("li", { key: '5b0be006d4b1c8b6507d1cbd273fe117ac2da28d', onMouseEnter: () => {
+        return (h(Host, { key: 'f5112ca33fbbc173767780449e1457e373100594' }, h("li", { key: 'c09017454334bfe998c1c768cd2b12d428207983', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '7d6d57169648f8ee7011504e0143a6aca08a8a1a', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '2aba9c368d5f057b16ac2a48d448a4f9fede2cc7', 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: '0bbc750fca9d12c3cab04c2b809c8cfa6e80f660', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '7833f6f3dd84f5ecd3afa6dbb5b3e8e636d6ecfb', name: this.icon }, this.iconProps))), h("span", { key: '7956ef28e2ee4976cee3bfa3ec3d1f6ab925dbc3', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'b4e193c9ff715dfbd4b1da74e39def02a4dd03b4', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: 'b34fe765105b174ea958745c2153fb5dd7aa8895', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '7db7ec8a19cb51cb57ddfbc7848a1fec8e1da1ac', name: this.icon }, this.iconProps))), h("span", { key: 'd562fd27b0f9d020b1dd7548fc2ff0951d283972', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '3e61bed3f1f5d4ab6158e8a12d1fbc2a1a556ee0', 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: 'd6c7a6627c780f016d449c2323924ef5b92ca820' }, h("dga-header-vv2", { key: 'dd5cc89e369d386d42e06019fd89448e8163235f' }, h("dga-flex", { key: '8c0a8d0eef816d46ecfacb3587fd8bd99f52b9ab', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '7ce5cdebeb2a40e6e6d1049450bbeccb6f67058f', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: '9b17b5e0c676aceaa3d9a712557eb2d032726921' }, h("dga-header-vv2", { key: '4fd73912c0fc04e0e478af9df1bcf2445bc6b785' }, h("dga-flex", { key: '2e46938121f7af5e60c808fae31baea6da4118af', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '23a3de82afbfb4e806f478231d8dcb3899d95081', 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: '559500611bc5a28608113d6d75eb8454c0e81376', size: "md" }), h("dga-flex", { key: '2c6335f73d6730f7c700abedf5dd24ae256ef259', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '5a24170fd0ba84e4aacb2764d78ead33206b8130', size: "md" }), h("dga-flex", { key: '16c39a9f47c46d8e9e3b4e11df0dae0890803699', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: 'f64b5487022d3f9fada72c6ab116ef0ee9d9d345', label: "Home" }), h("dga-header-menu-item", { key: '7ad2847f668215870e271d44d45d20028f6cc8f0', label: "About" }), h("dga-header-menu-item", { key: '697b4a921c5c13a7afc6d4d1aa65c437e3154332', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '3420bac5e06749fd9c3e9e61fdb2941a07423c52', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '925a4796fcb7ecf4d0593a7b3b9eb879aa81442a', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e5cb593d19dbe443c4f938affbb91e4077517708', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '525d50f9d012708d720e1f58e4971b9001654018', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '25ec0bc4343bc6fc6317cc1f28fbeb6fdd844ecf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4c26c9c5f66b809839c550bab0c40aa443263b4f', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd7bd108f664356295d1a506ca8fb21f4197e8d28', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '661b823f642a9936a0d95b12dc61643494a7e767', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'af690f1a1143394487a2193bd3a3cc058c0cc6e0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '394388761d3f8d5cee86a475a128c09fff6ee6a0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '25d2397a025d65620ba271e87e028f9f71ef2144', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'ef74e53fb7c43d45791e438fbd2197359e0c6537', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b891c246e2a5dc282806e74815d007f824121340', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3b1f3f3859a29cc58337ec0465978a37fcd8ec13', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '344a816cb926fd1daa92fb367c1b5333ba4c1487', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '0df584c0cef7c2a3e26a1118faf0fc8e86c51f40', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'e838c588de27f8640b4493fecb6cd5939bd81335', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '15e9c7be559a23e9dd51587f793c606c07f0c4ce', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '873dd0b962b176ccbb3deaa20013349d42dd5caa', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c7037a2f2de536ca28b307fa900823d3d30079da', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2d8c7f1ffd2ba8883556b1acd2f8a02c7954ee23', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd546c2762f955641eb02626b3186662753f33693', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '95b75bea2a9740bc8ccd65e5b1375e8000d62ad1', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'cbad23c8d5f3866acf2196052cf8d196cda69578', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '1ca3e4eae6fb023559d021558226228773b2cbb9', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f03ad0da3ea28069e1c119850a30815530c8b168', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '518d1e9097ee4335d6f14d9d21eef5ee115bf33c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '731f4334f30a2f7c1721f7d4f27d011251566135', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd93310f4f20ed568f07006228af016689b668ad5', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '9762515c4a9c15a6935980fe87691c398c7f452f', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '75f83a6249db901fe17803f7c415d985ec4a9bc8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '53fc42a43a4a1ee5bb97f0f350175d2506b4f704', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'cce3fb99fb9cc17c7d463dec37649bf5d85134a6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0c483a6371508d4fded84c684e10062efde07714', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '5bcc05c1357854a6c7b9c83341b4618eada38f92', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '30cb979007b67ae07791a2408d6f2c7aa98eb048', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '52199f34716a02619e81dea3a06f25a8e7bdaed7', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '9b3042f24ef0c2ed922277bc4b25fa213c6f8329', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '987ca8bdbd0adc25bc7085d80bc0ded369c29556', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '5870bd7692893e6d77b49223e042125b2836af84', subMenuFullWidth: true }, h("dga-search-box", { key: '7c5589a3f880dd123f2084fe71aabd74d2e73586' }))), h("dga-action-menu", { key: 'd9892b8962dffda321999d220a06cd8a2556b834', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'd1aeeb43f59e065b7d7a555d3d5294d574b52c9e', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: 'd1a44b1a3fa06390329fd259aa606a8b9d500a69', label: "Home" }), h("dga-header-menu-item", { key: '048903fdc5e3dd523e43b9182b4ec57f5ff2dc0a', label: "About" }), h("dga-header-menu-item", { key: 'd8d0eac0a1563dd672ce224963b9579fc24d4163', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'ba0cbc1f04096df838d6b5ebddc327da6778156e', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '6f039181ad680015597cf315df3c632dbd367d3e', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '45d6854b456c7e41a6198ac8e791c35ca7c9340b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '661a15ac87eb6adbfbe60ae60c0427f7198a7578', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0236cd032274ef8db62534309518fd89da5e3e5c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '377e829213c78cf3d9d00849288950a1a7b95be0', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3b1e48b6b62b3ab81d45b5bea2ef7aed20785d99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3fb80fe721c0a6c4908428ac9d10201ca2afdff9', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '05d89ff5b8ca02600bded15ef67f9005d45905c4', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f1e547be000ab6f7d6deb69ee709283d0dbd47f0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '8f6d7de0170b7df0671d64aa97dd9dcd23871d5c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '4bd3b3a871eaeaef51f66fae5b984ba5b8f58adf', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '07d1b64303eb18279be110cc0020e1c0d7898eb1', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0cb5588868b61f99a544de82919029a08958f64e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'be0e1a8b21bdcddcd045ab0570ab81fba3092bdc', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c02cc839d61e1fb7300ba0aa5d6ae0e3c2e41b89', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '73f50238371eb39d543baa038386e12c97fa879c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a18d4b162eee50f14c9f209d6bbf6983cb24d1f0', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0c293de4bb1d03746288efd4590d9637673505ff', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ae5c7b591bb2d2419b03b8f0d765c9d46e09c926', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '1bf88714d60959e2991e74a633c55bb5da985c0b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '8ae16d8325dc88fb022d97a87f7a9352c07c3de8', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '42c7201e0b3ab28f95453feaeb9cda28187d6bab', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '92396024309bca2b462f3dcae0b779d7bdcc465c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9b3301804159c47dfef025adc9a966f7a2d852cc', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'b030ea4d6145b073f9b7b13c5d6678871de25e99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '2da197bd1354de85f7bdf96e437b010e0b090650', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f9d78d18f323dc8f38f31cbcbcd1d1635d03a84a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4e553cdeb5acce7a40229e7b4f57e9c209d3b1dd', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '9e6029a3960a0bbe238c3ac8a909de557168df71', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '8e9b6fdebcea479ffefc01899e5af93bd425be7c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '18f015ec79cd0585fee082da52323d0783848c09', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '3cf09d00a77dab63a2ed69c4a59e6e64ddc16f99', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '9e294a795ab459bb37ef60584404afa61bbfd0a5', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '64dd9564da06d400b240b93ab33b102ee24d2efe', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'f191ffd9ba20208c40148c119934993aef406301', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: 'fb52421880899609b2f124865f958850a0c849b6', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'f6b4d359614b72302122d0527cdadafbc08c56d5', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: 'f046712790f652d6334659acf72986ee1b59bc97', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '46163112ce84032f35b6dfa82477a30007f5f622', subMenuFullWidth: true }, h("dga-search-box", { key: '407bdff92515fbffcf7c5c266b6a9717d3d803da' }))), h("dga-action-menu", { key: '87bc8780d9ff26e91d8ed69dd022c20c46ed4391', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '4a621bd6d6f69a1f0ad8b144894aa0f1566ad50e', 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: 'a32996059f93b9a33634c17860db7d54c770fa87' }, h("dga-menu-item", { key: 'ff14606511f70d4d47aa536e9a4dd8cd361ffa9b', label: "Item Label" }), h("dga-menu-item", { key: '34da29575a7600e8b47c3340e38095821598d94a', label: "Item Label" }), h("dga-menu-item", { key: 'c016c9ab6d8da53695ba7db1cd0c2a317a71f330', label: "Item Label" }))))), h("dga-drawer", { key: '53ed91622f0f81b991cf36c5af6f9b9857f37ca4', 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: '56ab7289c58d0fdcecaa94b4fbd0e771de7733e6' }, h("dga-menu-item", { key: 'ae62f8334b2263477abd732b5b33bce8780a2706', label: "Item Label" }), h("dga-menu-item", { key: '6577a31bb95ca903369313edeb66c295fb86b17d', label: "Item Label" }), h("dga-menu-item", { key: '302b90827d7c4aa80c09f40069c32685f605ad87', label: "Item Label" }))))), h("dga-drawer", { key: 'e7ffc3013d9336e07d50aeb4072ac99f1e7c2fe6', 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: '692ae95d2124e64799662a6cdd5087c8e1756e1c' }, "fdgdfgfdg"), h("div", { key: '91dc4afccd2e5cdd496172cff2a1c99aa286c9d1' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '9097337a7ef9737d3e17b8cd1060076f1c939c20', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: 'bbc5315b6a6bb61b41ef5f70a6e97852c8d3835c', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: '5f2c63d9a5fd597ec495c345f622e9995d86a096', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '62c1d3bbd210781b61747af82097e94bbeb01e61', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: 'f4e29e5c7a7641520e323c05260987542c6b2279' }, "fdgdfgfdg"), h("div", { key: '340fc9d899ac7ef883f0943350ebe5422e5374a2' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'c924df6afe4639703277f0561e1baffea7e33bd7', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '25bef7a087c2a9db44d285a42474edbda2072d84', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'aadc9212502beed9390fcff12aedeb93f2ca7865', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '0ee976d3cf17c6777ce60967b90704d1c0dffa3a', 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: '24604eadb00bd7c32313d28a1e4d5e3af1aa3266' }, h("dga-menu-item", { key: 'd1250a526e649db3204d82eec6b8a82dd946979c', label: "Item Label" }), h("dga-menu-item", { key: '1e4854b179e9379e59cd954155f9aec4cb5405e1', label: "Item Label" }), h("dga-menu-item", { key: '22541618a33e33b075a985f4d022e914b974eb1a', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: 'e36a7fb35adb9745d8f818df671f8c373348f0bc' }, h("dga-menu-item", { key: 'a1a176b8359a7639b61b40f0932e6a67a42f0e37', label: "Item Label" }), h("dga-menu-item", { key: '0fa44facdd01fd8037a94bc1c8a0a865f7926967', label: "Item Label" }), h("dga-menu-item", { key: 'a7795b05c5a6b1e64027132d4ea09d4bb75bca01', 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: 'f223e35af2b766eb2f574129a45d1c9f207931ac', onMouseEnter: () => {
+        return (h("li", { key: 'bddc84f3a43fc3e5bc1f96e6df6e1952de5d5336', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, h("a", { key: '2bab47cf392d391f10f1fde72653865701b12d74', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'eaa28a4bafaa8cdade7e90b3fd1a560c8b6fb3a8', class: "dga-header-menu__item-label" }, this.label), h("span", { key: '391cf3a0a8e4560fc6bdcef23de137bbcaebb63f', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '742aaff8fb346acd3e870cd440d657f640e38b1f', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'bfc71f4b6d650ce68290ba880ab13cc0376ca859', name: "dga-header-sub-menu" })));
+            } }, h("a", { key: '0498548a93c107fde2a5bc18d42c8175ac9d1696', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'e2ed39458c51acf0adb160be228399c818e781fd', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'b93ce21ba6f105d8051bab4666a8296a24d55936', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '2d3e0cb4edcd78225a9cb7a820970c3149a0c0ae', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'c4574573ed4b5363cc6700a0fe2d92c4daf31973', 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: '44cc1a9a6215c5108ce1e1caaf300a42c1aaeb52', class: "header-nav__menu" }, h("slot", { key: '1e90a0a9270e434c0b002d42f123ed4ea5b1ded9' })));
+        return (h("ul", { key: '4031e57b3a43d50fc6167e475728c34fd6e5cdd0', class: "header-nav__menu" }, h("slot", { key: 'd230e8bc72069977ab1f1e47eb9090fa92d77c00' })));
     }
     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: '6683f2dfddd613d90e87463f994299c6cd0c9448', class: "sub-menu__column" }, this.label && h("h2", { key: '6e3cf69a9ebdad9267abb19ecf94cd5de65addc9', class: "sub-menu__column__label" }, this.label), h("slot", { key: '80d39f1b30fcae2eb306fa00772bf41f4f914aa9' })));
+        return (h("div", { key: '47fd03418cbc0be7ae13fff47a09661d0bc4b8cc', class: "sub-menu__column" }, this.label && h("h2", { key: '7f8e941e88f1b87f1b1b48e55043c80b9e9ccc9d', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'd2d7d30e6f0d0840c868afe88281ba915e6ae350' })));
     }
     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: '283bd8e438ffdaa83afea4cf85d9b9191ad99480', 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: 'c4765254aafc673fcb75669a6c0525e71d5acff6', direction: 'column', spacing: 4 }, h("dga-flex", { key: '41209c6cdf1e7f0b3efc8289cbea24f58ec22988', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'b65f04e8b2917ee5a09e34bda2b994dcc41e27d4', class: "sub-menu__link-label" }, this.label), h("slot", { key: '3b6200ab148fdbe90a067f46af9b61def590fde2', name: "tag" })), this.helperText && h("span", { key: 'd5c78a0add4b7a6dd57d65398a5b5fe43a41f2e1', class: "sub-menu__link-helper" }, this.helperText))));
+        return (h("a", { key: 'c840b0e0c1e273268859cbc2a390d79fefdb6d9f', 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: '249974c764ab2560fc8ecb466eb7603a90fec463', direction: 'column', spacing: 4 }, h("dga-flex", { key: '4c09e995518c9559619ec73e5edd45407b58b2ea', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: '1d1f53055212affac702feb8751f8f0256234942', class: "sub-menu__link-label" }, this.label), h("slot", { key: '862b66a27ebbf37dcba96d5cbe13b677d6391837', name: "tag" })), this.helperText && h("span", { key: '7e65f6603c17310a00ba6b5c774a15bb0203606d', 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: 'a6c633dfa3740830c00b90600bcb7efd6605e061', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '5e7bd73a657e4d13dce1afe0217252017fb81958', class: "sub-menu__container" }, h("slot", { key: '471b8af5854eac7ae93ed2422127e88921c4c1ae' }))));
+        return (h("div", { key: '1238393136d333637ad2e1cfdb273f73a04a23c3', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: 'a088133460019fc93a86d798639d63a45b44ea58', class: "sub-menu__container" }, h("slot", { key: 'bb459eda8a501da239dddba366bab51ddeaa2ce8' }))));
     }
     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: '85c94c5e4df1e5e5f8164db43e335db365473d73', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: '4a405f2ed855395fc1d962efba7768522519c9c3', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '132812def208239aff0865617c2d13f787d735e5' }))));
+        return (h("header", { key: '012d2f08f9a693323ea77fe8a8a6ae97d38669b8', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'b41738066ed14b8b3803c1bd09c4369020354d44', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '065a6b9877d0c54a4c925f12b68ff8ab199f1a60' }))));
     }
     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: '74b8cd85bec33b26809861e9fe1f26d7bf486f25' }, h("div", { key: '0d5800a580d071741fe3acee9103491f70166a56', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '9442a6852c369c37990d4a27d1ed57b222d21e6c', src: this.src, alt: "Platform Logo",
+        return (h(Host, { key: 'fcc36b4e9d5cb8ce754cbe88293269e2d71ffbfe' }, h("div", { key: '9d7110482df3debe19d3e1120b199b1b365ccfb2', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '173bf3b69c456e97c59d725209dedeac438bd362', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '9aa942eceaa0444d7516258af197f1af71c48ea7', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '0451724ba37be0fb485ab10f56776b467f12b76e', 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: 'e82fcc5ddc95454f9fd3e403d13d410dda7770bb' }, h("h1", { key: '830bba313963a6594ed7ec915673cd15d5ab3d5f' }, "Accordion Example"), h("div", { key: '4aa7f2463291e2ab44c5c41d5b95475567f5e913', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '4e0b33591fd51725171903b33ddc9f65159ec7ca', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '84490ce0470aa7c79fbca625afd999de8f8d90bc', 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: '5d527b4f49117a7c382ffcab08b05387f70c2ce4', 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: 'a6a7afef6c50157313167820b77fcb8e1745c78b' }, h("p", { key: '36cf4446ab537c11677a78fca980e2562fb1b799' }, "This is a ", h("span", { key: '9768f52db6a46d01c49cd77168084b8ddecbc943', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'cc23685b58dcbd5b1e69e13b709501359d8c5304' }, "You can put any React nodes here.")))))));
+        return (h("div", { key: '7c41efaf3aed341b1d61f3832d265124e789d2f7' }, h("h1", { key: '267e710183605616f82ab4a85ca64ebc5f416475' }, "Accordion Example"), h("div", { key: '6127c5318bd6c420b0632fd6c6f7abe635170d62', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c9f581d6af746db129fec4b97ea96833f60a292a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: 'cde7d942982593a10128fb69e6a0aa2038b7e7f4', 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: 'eb1948acc44b3d45e42dab520bf69a8e11c565fd', 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: '3e9d58012f444df3c5a31c3ddf7c00036a87d3a0' }, h("p", { key: '78b781b055379142cd273ed837e018a25402f2a0' }, "This is a ", h("span", { key: '8b253bec617aa4494e0a60241502d101ba888ebc', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'be4d5da6b8f8b38eada62265f8b5c552ee0e8e29' }, "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: '0fc3e73d1d925b6b390d6fce955e3ff312e59ed0', id: this.componentId, style: this.rootStyles }, h("div", { key: '10cda7dfb7c288649c9ead450556eb30501a80c9', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '01da65448f862e6e2aef23d82f0a9ecec0d510a9', id: this.componentId, style: this.rootStyles }, h("div", { key: '26498f3440dcf8010eccef9d03f1de39c6afc194', 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: '2618bc041a34422a1955984fca4a6ced24c8cb35', 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: '5b4f821fc85c5979de1d25eaa03917e714bc9f17', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: 'b0eaa44fbb64e65602f90dc576cb4e81e6645bbe', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'ff5a633cfcf375bfd90df3441d75cfa594c128b2', class: "dga-accordion-item__title" }, h("slot", { key: '12553def2becd76b904588a3e7959ece96076577', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: '6d8fa7bbbda3ccb6f4aa9f22f4438906e98253a0', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '7f873b6bc2197be2dbd9ebd990ae6a0bf05ce0f0', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: 'ccecf69d4b1cfc7242457237818d226895294cfc', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '85036d1c48e36e081fd087211fdfaafac5607ee6', name: 'content' }, this.content)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: '89463b15a17fff7c413ca93be5beed71401306fa', 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: 'cc327a709684754479df746837efb3e3e813fbb0', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '6a139777ee444147cb2a02f6542931cae0950530', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'ec81a96af53a616e1237fc38090745273b723929', class: "dga-accordion-item__title" }, h("slot", { key: '4e146d1fa7e4f46c84167e1fa7899a357f2f7149', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: '3f893e24982c7fecd310329f89aff527d1f038f4', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '3fbb1dc4f48d11df13478772dbfefb4e431a4e4d', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '56cdf6237caac665d27fd02901f544b2d5e7296e', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: '94220b0cf16cd8a25b20a495cd82d8b60ee50bc8', 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: '38539749634d6b195e22059a1eac536c66a754d3' }, h("h1", { key: '179b021eb30fb095340bd3a89d47a0a0d75222c9' }, "Avatar Example"), h("div", { key: '47a6183091fbaec32f3c381274061ee64b7f6de3', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8cfd5f62b020e2247cc60dcbd53de8a148ff898a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f159ecd2e8cf0af2609a2250f05f36cc7170bd1b', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '848aabb64620b6cad1e8dc1a0b6ecb6b873f75f7', size: 120, border: false, square: true, sx: {
+        return (h("div", { key: '8bd634bed9b9e92a0275b357f099e15393b2d60c' }, h("h1", { key: '1b35a22ac8ab73a01da969531f106fd5ddf8468f' }, "Avatar Example"), h("div", { key: '030907c7c20f3d9f9544ea06c6b524cae9c72404', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '6f830b08409293cdcf8ed1956554c31e9912cabb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '8b516d35b9cd1b4586e9b99ed6ac92cbd11b76c5', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: '360e6274833e963e43f05e4d75a60c2bd077eb34', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: '07661b3c531593e7f02037b7a60794466eddca40', size: 120, border: true, square: true })), h("dga-avatar", { key: 'ab4af79e71e0aec61389f0ae95d6d3a4123a7e9e', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: 'c5b6b73b2c84a90afa813cbd8eb830aec8a78072', size: 120, border: true, square: true })), h("dga-avatar", { key: 'afffc1aeff60b4a61a05dfb5d609b7c7f158a615', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '1793d4b4acfcfbdb2181be48576367ff1509bab7', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: 'b9fe7852b1286d7453adf4e76b1d318c31f8bfc3', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '5d323df8b03079812b5b3f548f52296d047cba5c', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '4ccec05c82edf0db15a969cc884abe4855211192', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4147d29213812358fc8e4d9d60455674d68b9fba', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: 'db05536bdf27c69c26dee95198e07fe50968cea8', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'fd9f88657dddb7b45a66a1a381f2c9a2de7a7f47', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: '218b07ae12667a148a940de7e3102b626869ec37', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4669654ae5616879511efede59d947096a2e38be', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'e0a44837e32b3106892d5f9b47919da919ac4f3e', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b0e07f8bd6c2d0dcda98a853e47111cc9ea8a1ac', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'c7e8adfdf788cd982d6901f8e3efb26d203c7906', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), h("dga-avatar-group", { key: '3e51f0acb209c026c4c4e1b6e49545c67be0980c', stacked: true }, h("dga-avatar", { key: '1d6ab213a59d5ff310bcdeb7403061a8b4b38bcb', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '995c018e85cd4d897bbe13ee806e32c9131ad489', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: 'b7e33580667f80151009f2ecd6d128f2580764c4', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'de474469557faa21772a91ded8b375cb32764043', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '0862a561ae15cc674c31c66bf2e40ab52358ea0d', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '7b927f1ec72f6f52889c6e59cd0c93ee10f669bc', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("dga-avatar-group", { key: '47c372bf8721299f219ff74e840a285eff79b699', stacked: true }, h("dga-avatar", { key: '07aa8287abd4af2a6221293ec35808e5702b0d5e', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: '96867377c6fd55c43046e3e0efcaa949b286323a', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '809288ee6ed709606007149384f2279e6a844585', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: 'f7061655286136967511e50fe486a1d8f1aa0e87', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '4acb2642529d776ee500c4a2b09f3f54e9b735a9', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '4251378603fbdf673a652be95b6cbc6363f102fb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-avatar-usage"; }
     static get states() {