@platformscode/core 0.0.31 → 0.0.32

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

@@ -56,10 +56,10 @@ export class DgaSlideoutMenu {
         });
     }
     render() {
-        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: {
+        return (h("div", { key: 'dd39fff5c0e09c38e9ae4b34ba35709b05731f5b', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'fb1a1856adab623fe2ef024b45db426035a5c3a7', name: "slideout-menu-header" }), h("div", { key: '4148884c7ed4e611125ad46c7de1ce32311b61ec', class: "dga-slideout-menu__body" }, h("div", { key: '215d236faa5f56032ed257a3c69782d4ea65a3f4', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '4550a438c062d7061ca673affe726d30a0b02b44', name: "slideout-menu-items" })), h("dga-divider", { key: '5631f6f3b94b178394dd33275c7f5c962ee665d6' }), h("slot", { key: '1a19f53ef76f34957e68467b81a13b3fc5dc4681', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: '7f5170f556b83d53439ecac91224cd24a29a4a19', name: "slideout-menu-items" })), h("dga-divider", { key: 'add60ff5a31c3512a491b064ef92146bd9a87907' }), h("slot", { key: '7e2d3ae835519401c1a180e511d72f70832e02df', 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: '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)))))))));
+        return (h(Host, { key: 'f7c5cc6ae8d51754dab393c5466200020bf330b2', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'f0cfc5dfc8d8214ba04a42e9812736b97e85af76', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '325b6912e6d497d3d530e101755116bab666b367', class: "range-slider-input-wrapper" }, h("input", { key: '7b219293cfdb66c94c748cdf2d0128b83e1e965e', 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: 'e593151fdc0a1eca10ac776a8b7e33ad7a882498', 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: '7706bf051264881a2a0358c471c7b94f40161292', class: "range-slider-container" }, this.showLabel && h("h3", { key: '5652702006260d92bb8c640579d6bf6f688561b3' }, this.label), h("div", { key: 'cd108207b97d9f896a20dcfae989160fd46fdb21', class: "range-slider-control-wrapper" }, h("div", { key: '07822939b1774ebd0fde62215d92b4f9e035e9f8', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'e2501cde2e1e76379af97f6a4b0410883e0db71d', class: "range-slider-rail" }, this.range && h("div", { key: '7d6f97c3f691b9f2220eb043e87918404e6eefad', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'b41e7a543ce402d7a059cf6852ea4685f297d1f5', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '125ac08fe18e794deef881477e9dbdef200351de', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '562d99d1270e501121087b8b264b8d3e6ed1b74d', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '2ca96fa11eb0a21b76990acf1e8eac3d88c0a99d', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '5355150a78f77fac6f448f1b16e1c55ad2f1307b', class: "range-slider-note" }, h("div", { key: '7b3c68110030bcf593a59c5b5925ec7eb4f3b1ed', class: "range-slider-note-icon" }, h("svg", { key: '14590a763475018336f49408133b4a897a944878', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '809bbbbe88e3424b382703c4ed025822163686f1', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '5a74109044468ae9adc9aa4615aeb84887d291e4', 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: 'e68be0c6af9933b50ce19337a32f1609e5393a41' }, h("clipPath", { key: '3c76edab89c4f4d3a72fa846639740e934e3bfee', id: "clip0_17869_405" }, h("rect", { key: '74f162a1be920d72dd9efb82d31380a52c8aa5f5', width: "16", height: "16", fill: "white" }))))), h("div", { key: '5ee5140782694a9cffdb4387453928a7e4df7afc', class: "range-slider-note-content" }, h("p", { key: '49a572a1874da42fcc2c2e38f7681250b14c3d94' }, 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: '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) && {
+        return (h("div", { key: '33ef433c324bab123606987e791dd16e9ade03ea', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '857105ae0427b8fe7aa1dbdb361c6c903769dd6e', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '68aaf59f6e5c36366fe6089f0e0ada9cc7e0bd18' }, h("tr", { key: '1539239328912eb343f78cc6d43ce4adbb6ec400', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '975aa2cbb9cebd5e7b0f09d79037e96f04f0e48c' }, 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: '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)))))));
+        return (h(Host, { key: 'e2b7394c9167e052150e818ded9eae793646af01', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '756f4dd89aa56906a02f06c8df98fa5d5ab4f44f', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '335a255e57a39d2a6fcb48987efd4788d0100f8f', class: "switch-main" }, h("div", { key: '8cf0b532877b56faf3acd3c0e12628114224b6af', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '5684fb76b0975b13a81e39b75bf1f35fe8c745b2', class: "switch-wrapper" }, h("input", { key: 'e663ac56e324490420e53bc38df17e801ed6ec32', 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: 'eb8107f865090f43e1697698efab042ac5e1efdf', 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: '103c11902432cc0f03c3fca566d86e854c2c9d7f', class: "switch__warning" }, h("span", { key: '76c161a9aa81b2d6128caf13d15dd968848e1fff', class: "switch__warning-icon" }, h("svg", { key: '724e3d230bae9fce7277632ac851561c117b50ee', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'f593f2e1d5e602afc823ff82e260c0339e75663f', 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: '199ed2eed8dc9122a2b372e2a7b9613940f23968', class: "switch__warning-text" }, this.alertText)))))));
     }
     static get is() { return "dga-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-table-of-content/dga-table-of-content.js

@@ -143,7 +143,7 @@ export class DgaTableOfContent {
             _a.map(subSubTab => (h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (h(Host, { key: 'db353adc7d30b22d9bf9141c97256970f5999318', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '88678c2a577cf7ca5db1c2da355fe0a98191cfc5', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: '62276b99ad64048930d38c142ade4a87b1aa01d3', class: "table-of-content__header" }, h("p", { key: '231ea7500bed46ccd686243b9e3c3936b8f22929', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'cec37a15457518eab9a94ea34b0c652067218424', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '105c24aae4ab6dbe00871b8f420458c9c48f0d5e', class: "table-of-content__body" }, h("ul", { key: 'f83bd1593c3f3f2e7a5eba3744f3ef77128552ad', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (h(Host, { key: '858fda35574248e169c09b933de6796d42543f7a', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '2510628f8c03d86d6cd887ea5e964374534a6288', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'e233dd4dd1468f3dcc80fd6045db7881e64320fa', class: "table-of-content__header" }, h("p", { key: '5b12d22dff7ca399db6973438fddc0ac0284b64c', class: "text-sm-regular" }, this.subTitle), h("h4", { key: '4daf5b39d0d2699dee332ea976370c4373197906', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: 'c865b057bb4661b304bc904f6b863b54c214a858', class: "table-of-content__body" }, h("ul", { key: 'd3ac59be139ba7bf92102da96c06a9963c812c19', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     static get is() { return "dga-table-of-content"; }
     static get encapsulation() { return "shadow"; }

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

@@ -71,7 +71,7 @@ export class DgaTabs {
     }
     render() {
         var _a;
-        return (h(Host, { key: 'd4c100a858f343767cd42f74b835ac552700cc9e', id: this.componentId, style: this.rootStyles }, h("ul", { key: '9d5137ce2f4db4b7289fedebe5c832c63cb634d5', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
+        return (h(Host, { key: '17d2475e6da8393562a4af7263afac102b5ccbd9', id: this.componentId, style: this.rootStyles }, h("ul", { key: '41b67c39a33888ebed49adef7d141547c34b3a86', class: `dga-tabs-list dga-tabs-list--${this.orientation} ${this.divider ? 'dga-tabs-list--divider' : ''} ${this.flush ? 'flush' : ''} ${this.extraClass}` }, (_a = this.tabsList) === null || _a === void 0 ? void 0 :
             _a.slice(0, 5).map((tab, index) => (h("li", { key: index }, this.external ? (h("a", { href: tab.link, class: `dga-tabs-list__item dga-tabs-list__item--${this.size} ${this.activeTab === index ? 'dga-tabs-list__item--active' : ''} ${this.disabled ? 'disabled' : ''}`, onClick: e => {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
@@ -79,13 +79,13 @@ export class DgaTabs {
                     e.preventDefault();
                     !this.disabled && this.setActiveTab(index);
                     (tab === null || tab === void 0 ? void 0 : tab.onClick) && (tab === null || tab === void 0 ? void 0 : tab.onClick(e));
-                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '684ca170c27a46a3b2422b36b3cad03cef234e64', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'f5b8de44990bebdd771a29ab3ffaac0dc22f7b56', iconOnly: true, leadIcon: true, leadIconProps: {
+                } }, (tab === null || tab === void 0 ? void 0 : tab.tabIcon) && h("div", { class: "dga-tabs-list__icon" }, this.renderIcon(tab === null || tab === void 0 ? void 0 : tab.tabIcon, tab === null || tab === void 0 ? void 0 : tab.iconProps)), h("div", { class: "dga-tabs-list__label" }, tab === null || tab === void 0 ? void 0 : tab.label)))))), this.orientation === 'horizontal' && this.tabsList.length > 5 && (h("li", { key: '28eb7e9ce2be2a88ee8aeb0f089cf88f6af0e37e', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'd6b906f179e2c64083d9fdb62f45885980bb49c6', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'MoreHorizontalCircle01Icon',
                 size: 17,
                 variant: 'solid',
             }, label: "Button", onClick: () => {
                 this.toggleMenu();
-            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: 'ef2d0d35f9171d84b880cb90fa91e372716bda3f', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: '6a199bd9259938abca01a8197677b020bab03788', size: "md", orientation: "vertical",
+            }, size: "md", variant: "subtle", disabled: this.disabled, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false' }), this.isMenuOpen && (h("div", { key: 'a5e5cf6644305dde6e94abfe6e025419e7b45bf7', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: 'a229b851f769a043a5dd199b9fa3b6463f7e205b', size: "md", orientation: "vertical",
             // tabIcons: true,
             flush: false, external: true, divider: true, tabsList: this.tabsList.slice(5) }))))))));
     }

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: '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' }))));
+        return (h(Host, { key: 'd266ee9e0d35ba0e32ef1bcadb406b351833c671', id: this.componentId, style: this.rootStyles }, h("span", { key: 'cf28376b473b7c9b6095c598bd66cfd85e3ff454', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '423611ff3b3f498ede49c0545006b4d53650e6be', class: "status-tag__indicator" }), this.label, h("slot", { key: '20230dbfcca99dbdc8ce1cdcc0c94f12ce3ae8e1' }))));
     }
     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: '9ce77fa2f456e20064b153aef3c1fa436563eb49', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '07990ee96959b34986170620b219194844e30970', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '702f2185be7544b679b543a063f0c76049cbe7e3', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '5fb2b0ceacdda88772a4ade8ac9e94a514e79a22', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'bbdf98959852b38409a147f450bee473469d1bd4', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '7cfca19d1470868413f20e4d2b048504694f3913', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'd98bce82ac6e9655a7ddd234e6f5902bd75dc1d8', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '93a11a5ce8d94e1e9cd52721dfdac8dfe8405d45', class: "dga-helper-text__desc" }, this.helperText)));
     }
     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: '4d40b590e3045b65d31807a4a02cbffdd5cb0a76', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '5a5decc5839d7ce035ec25dc84d492cf7e92dc6e', class: "star" }, "*"), this.label));
+        return (h("label", { key: 'c3fadcbee74c1bc37473510e2ce921fe0bfa8ff5', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: 'f1f19be489388a168ae161b04dddc50b714393cd', class: "star" }, "*"), this.label));
     }
     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: '0858f48662c1dec58bcf2b35f63501be68c9344a', id: this.componentId, style: this.rootStyles }, h("div", { key: '6e1f1d8717fcc5f8c1ae3da680f21075308d4563', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: 'd957b562a4e04c7f93be7e2fdf07218e26270b62', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '4cff6669f027958bad72f61ea825d3c68d50390b', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '6a72c1f0d8d1c7adf4e1813c0f17d11ee78ba0c7', name: "prefix" }), this.icon && (h("span", { key: '4126803f5157f8baca3ac2b7e31f0cda7434cf06', class: "input__icon" }, h("dga-icon", { key: '0119b859ecf61cb4e8f0a4b4844223646d215607', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'a1011a70fef6d5f31c5e03467f84dbdfb290e34d',
+        return (h(Host, { key: '88d83cd471a6760577b4daaba6be91a43c612e42', id: this.componentId, style: this.rootStyles }, h("div", { key: '54d444be472f0bd93283c089b249287aa6c26c65', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '902236f24bab7d77861e1a80fa79466afda28bef', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '5ea2d2eeb370b0d6208edd50f4fe7e0e525d35e4', class: `input input--${this.size} ${this.error ? 'input--error' : ''} ${this.variant !== 'default' ? `input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("slot", { key: '5375214975bc7f5557bc9e7f2b8e5d3d1c59a098', name: "prefix" }), this.icon && (h("span", { key: '63c9d9a3f6829bba0cb667a25d51ad519987c5f6', class: "input__icon" }, h("dga-icon", { key: 'aba70e18a3c8af1e8085b457b5ab08ab025a797d', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '0835d227cf6091df5dbc9b869802db01e2ce1063',
             // id={id}
             ref: (el) => (this.textInputEl = el), value: this.value, name: this.name, type: this.type, onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '068446d038a2bf4de9a072898eba807005994cac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: 'cf4e6eb83f1c4534b33b574301f0f4eba46c133b', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onChange: this.onChange, onInput: this.onInput }), this.error ? (h("span", { class: `input__feedback-icon input__feedback-icon--error ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` })) : this.feedbackIcon ? (h("span", { class: `input__feedback-icon input__feedback-icon--${this.feedbackIconType} ${this.feedbackIconRing ? 'input__feedback-icon--ring' : ''}` }, feedbackIconTypes[this.feedbackIconType])) : null, h("slot", { key: '59fb18efa1afc554759b2ebe8f067f66596c6755', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '5ebbce419b50643b774a8e7ddad777ba68f09629', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     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: '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))));
+        return (h(Host, { key: '502d1388aa76ed11d805ae1a0b36486679da59cf', id: this.componentId, style: this.rootStyles }, h("div", { key: '1213638538ff91db3d327e65212feb82bab30ef4', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '6f56eceaa330738109ba2adc54540bcddd6e4b25', class: "dga-label" }, this.label), h("div", { key: 'e0c11f7fb01a9cddcfb456c63b433a46e987ecab', 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: 'f5ae3f37a71e9a8f8a897db0c52623494b5ca95a', 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/components/dga-tooltip/dga-tooltip.js

@@ -62,7 +62,7 @@ export class DgaTooltip {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: 'dac010cf2949f3a2bb55f4a04db412518c7881a7', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '5638f89d9b5fc1e89b4453513f2065b795afef38', class: "dga-tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && (h("div", { key: '7f897fd2fe2bfe6e8dbf5b73da12619b16f9de74', class: "dga-tooltip-main", "data-direction": this.direction }, h("div", { key: 'd60d1a78d88557e5b74b236025bcee97e9649fdb', class: "dga-tooltip-main__wrapper" }, this.beakPlacement !== 'none' && h("span", { key: '5006b4c69d9d321c612e924ebb8b81135001ce4a', class: "dga-tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && (h("span", { key: '34458cddbee70eacd42be9c52fb6b30d9142ae8f', class: "dga-tooltip-main__icon" }, h("i", { key: '0cc42460234f3181ebc03482ddb4d063f6a5a76f', class: `${this.feedbackIcon.style === 'icon-only' ? 'hgi-stroke' : 'hgi-solid'} ${this.icons[this.feedbackIcon.type].icon}`, style: { color: this.icons[this.feedbackIcon.type].color, fontSize: `${this.feedbackIcon.size}px` } }))), h("div", { key: '3a07d704cc3e0159e2512cc4437678b4979aff8b', class: "dga-tooltip-main__content" }, this.tooltipTitle && h("span", { key: '26f43b95813f6dc0421bc10c77759fc4a2bcdd66', class: "dga-tooltip-main__content__title" }, this.tooltipTitle), this.helperText && h("span", { key: 'a97ce2ff26adee4dea840ef372a613b2c087c9ed', class: "dga-tooltip-main__content__helper-text" }, this.helperText))))), h("div", { key: '713a91f9198fa6c9ff5695fa651ffd26a69a14b5', class: "dga-tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("slot", { key: '022ccaf8b9b97bde444700784a1a40a41435684b' })))));
+        return (h(Host, { key: 'e29a4d738bd9c43f6aa896abf80ccba62581610b', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'ca911edf359a03f46303195ed36268534be32c18', class: "dga-tooltip", "data-theme": this.theme, "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }, this.isHovered && (h("div", { key: '9faebf82e1b7af0f34764763fae6e4c91caf6c1e', class: "dga-tooltip-main", "data-direction": this.direction }, h("div", { key: '8f187c76d39bcbc5b21dc38bee07c10bca330317', class: "dga-tooltip-main__wrapper" }, this.beakPlacement !== 'none' && h("span", { key: '66ba75c47827d991b2588ec5f5ca99344e2075d9', class: "dga-tooltip-main__beak", "data-beak-direction": `${this.beakPlacement}-${this.beakAlignment}` }), this.icon && (h("span", { key: '27c7cd47b525e0acec5542be3996aea319b6fb97', class: "dga-tooltip-main__icon" }, h("i", { key: '6778c5aa44731a3e6f771300ac2c68d0b7294e6e', class: `${this.feedbackIcon.style === 'icon-only' ? 'hgi-stroke' : 'hgi-solid'} ${this.icons[this.feedbackIcon.type].icon}`, style: { color: this.icons[this.feedbackIcon.type].color, fontSize: `${this.feedbackIcon.size}px` } }))), h("div", { key: '624a40ea6733e01fe1f615856e36e5335b7d289c', class: "dga-tooltip-main__content" }, this.tooltipTitle && h("span", { key: '1e9c4685764bce7e99160f7f2773e714ce257533', class: "dga-tooltip-main__content__title" }, this.tooltipTitle), this.helperText && h("span", { key: '54179ff7e6eba94304f8f311d7e3f959ad40e4aa', class: "dga-tooltip-main__content__helper-text" }, this.helperText))))), h("div", { key: '652b3c1eaee1be7617c51b724f779cca14ab01d9', class: "dga-tooltip-item", onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, h("slot", { key: '33eec2e23b084c16f5bf1845c9fd624048b7c592' })))));
     }
     static get is() { return "dga-tooltip"; }
     static get originalStyleUrls() {

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

@@ -26,17 +26,17 @@ export class DgaHeaderAction {
         });
     }
     render() {
-        return (h(Host, { key: 'f5112ca33fbbc173767780449e1457e373100594' }, h("li", { key: 'c09017454334bfe998c1c768cd2b12d428207983', onMouseEnter: () => {
+        return (h(Host, { key: '2a993ea45446472114c7e1a27deb377204fb2943' }, h("li", { key: '15e5be105e6e8c903c0b879da70ff7e38b5d0502', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '2aba9c368d5f057b16ac2a48d448a4f9fede2cc7', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: '723f498e3d9ba1e468a70a7ef1b781ff350c541a', 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: '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" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: '49b447f396ac2e1b845c67ee156fe5058f67eea4', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '0ba859bd7efe385a974a70a831dd10c11e006819', name: this.icon }, this.iconProps))), h("span", { key: '1df3e742d1a5a54991fda3fcab8eca5ec4e340db', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: 'a361fd10c97dda04bba6e21a4fa85aa42f7aeb85', 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: '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: {
+        return (h(Fragment, { key: '663c1f433cd2ded7477a43aac7563a710a264e38' }, h("dga-header-vv2", { key: 'ae625fe9e84f67fff13a608317051077f89c31e6' }, h("dga-flex", { key: 'e622b3e3e303c6518791102899f3c7c660ace0f2', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '67878b63558c77e2d51141f2296851d99dc1b45f', 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: '5a24170fd0ba84e4aacb2764d78ead33206b8130', size: "md" }), h("dga-flex", { key: '16c39a9f47c46d8e9e3b4e11df0dae0890803699', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: 'e75a25cac5cb2ef84380c3234d7947b93c5fa5cd', size: "md" }), h("dga-flex", { key: 'f65528c83cd42e89a240bcfeeec64df1e183acc5', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, 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: {
+            } }, h("dga-header-menu-item", { key: '391c8645a305412ac95e75ab091ef4b8df3e468a', label: "Home" }), h("dga-header-menu-item", { key: 'b4311bd384ae72243fdda66b42e2f7f2e0884e1c', label: "About" }), h("dga-header-menu-item", { key: '35c04c6643d8bb9807deeed98fedfdac4ee4bd3e', label: "Contact", active: true }, h("dga-header-sub-menu", { key: 'eb10f1b70669005793d66a1751dd7f36d911efb7', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '0590fd7330dff2988c25f14ec7d5f84a5d00fef3', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f22613029e90945a5f0cd82c84b4237e567b8284', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'edcb905f44ca827c6b26059d22cb25cf24fa9182', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '91be26c0d50cba2d9fc4e997b48cc6e5314e545c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '586d9cf0092bc1f16065dc21df64ba6cc3f83a8d', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'cc61455ce7d17e79747bf940ff34030045f9812b', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ddbfa5587f83ddc5bca99273db9d889be33ed0d5', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '02b2ef0c7f10b2915a63b2c84bcc593e66c4de52', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '549290cd1997fb3f3c16e15f572166a6f12f819e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '93b36ca489a7c7fc8b53b86ee4df3783eac69a45', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f95d54f2fbd3594970d666ed8347bc1192b0fb28', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'fd892cd012e40c9d2d6739e53ba416356c7ab53a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '7bfd98202479a64ee224a78d7631e5cd67e1e8b3', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b7360c051af7cfa7cd57fb03fa5ebfcccee754d0', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'd98ceee8b341e13fed7061dd0940245d5321f941', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'd0670b7dd3133d9be5c8444da0654e750a870e39', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7b640c4c0739a61de73c719a204d92385619cc28', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2bc1617ba077a4f0199ad24e7f3a7b71d00b0b35', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b859332d1cbbaf783b4c3616aeddd42a1787c0f9', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'eaeedaef0f054de1ef2df69a33d5454a9d917d82', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'bb6ee270f929ea4118ce1bc60a7e47e138d7b999', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '4991722f12ce9debcdf36df48874f24301a87b54', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '4a7fb207536d1b77520f2da18d5dd17df015b624', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '6a126599a2da44984842d43bce4516c10bb6a5c5', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'f55983098537dd647c2dccad94bb7b730b701054', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b5f56b908f064f715136d90bb4d2040920ca0772', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9f7ee134f399deeb082bf94d0397b3c1f4aedf87', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '407b552e72b29b6463ea5259aa84e173330280ba', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'c143d5d38e5b30c984be64bd01ef2386d82ae7b5', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'f0b7474d2f2d47f37e9ec852624c291cb2c369a6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '27bfc0ead3624a3d098c05159c0ca6ad5f7caade', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c4c9addffd24e12b2449ce787da7d71357c1a6d0', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '70b3731f19cbd07f8a81d200c7d4f855d125f940', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '643f87294fccfbfa27fa591ec42731cfa0349bd8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3eb486a9ec25ba58032bbe8761160393ff39c7b1', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '02454235c0109809718145e8ae6910a73e1754ba', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'f32e62b2620d9871e8c0300e66a45ec49903d3eb', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: 'd35f322c6836902ff84b8bc551da16735424b0b6', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '37eb7004404b01cfb3f6c03d17a98e832e36124f', subMenuFullWidth: true }, h("dga-search-box", { key: '7530c227683b355e07a21deb6019c6c978da28f5' }))), h("dga-action-menu", { key: '993892d191423ba0fb61cf27024f70527e0f3f5c', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '44eafc3370862cf1217a2020d2bda2231796fc2d', 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: '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: {
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '2b7f705647f8acc477f79ec8d84cceb5f2da299e' }, h("dga-menu-item", { key: '5fefb270b91c27a8e65d257eae0791afec2b3608', label: "Item Label" }), h("dga-menu-item", { key: 'f5d406d18a7b4a98afc390f0efc8f4a7bbf0ac57', label: "Item Label" }), h("dga-menu-item", { key: 'dc30bfc2904c460bff301618ded547cc8464b2ca', label: "Item Label" }))))), h("dga-drawer", { key: 'd067c611793bb06fa13d1da08a57389233f314ae', 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: '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: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: '10f9861a6b70459f3b763048a44ecc8aa9c5628e' }, "fdgdfgfdg"), h("div", { key: '4704f12cc7e8a140df2e4c1225336327b51e52cf' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '387bd7bda29efecfd1f954de2b01fc3ebedfd81f', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '3f2ea570a13917350b5c09cd6ef92d6c727387de', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'c855d109b6e5b771ea6f48f0349701eb4d5d450a', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: '2e123aaa94ef6f44ddf5eae1a166d9bde8dd3ef5', 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: '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" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '1adf8b72000c72251eca60dcf647097fb426538e' }, h("dga-menu-item", { key: 'b8b9e81b06c6ddcb7725b19d7885af629ccf1f3d', label: "Item Label" }), h("dga-menu-item", { key: '117bc1564e60da286b77943d7772630f984c0f7a', label: "Item Label" }), h("dga-menu-item", { key: 'e17bf9524f6405dc018e44acf5004f29793d64be', 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: 'bddc84f3a43fc3e5bc1f96e6df6e1952de5d5336', onMouseEnter: () => {
+        return (h("li", { key: 'fa8b7d5ba8156e7930ec06d6390d0fe267558fc0', onMouseEnter: () => {
                 this.openSubMenu = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
             }, style: {
                 display: 'inline-block',
-            } }, 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" })));
+            } }, h("a", { key: '66ba74876a69829803d3146c28fe5bd5738380cb', href: "#", class: `dga-header-menu__item ${this.active ? 'dga-header-menu__item--active' : ''}`, onClick: this.handleClick }, h("span", { key: 'f544f95027778024bbe37179dfdabceb92087761', class: "dga-header-menu__item-label" }, this.label), h("span", { key: 'fefcb5aaba117c4e27e528d020b69038a5e150c3', class: "dga-header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: '07f0afa102c2103964e9e69bf69893264c391065', name: this.icon }, this.iconProps)))), this.openSubMenu && h("slot", { key: 'b98dd69230ad484bee827c392adfd09c470fa3f2', 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: '4031e57b3a43d50fc6167e475728c34fd6e5cdd0', class: "header-nav__menu" }, h("slot", { key: 'd230e8bc72069977ab1f1e47eb9090fa92d77c00' })));
+        return (h("ul", { key: '4f97f8c2cec2087f1e8c1793b80d0fed1c1c083b', class: "header-nav__menu" }, h("slot", { key: '1d2e946e6d5469964d6f5cece23f5f7b7121a01f' })));
     }
     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: '47fd03418cbc0be7ae13fff47a09661d0bc4b8cc', class: "sub-menu__column" }, this.label && h("h2", { key: '7f8e941e88f1b87f1b1b48e55043c80b9e9ccc9d', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'd2d7d30e6f0d0840c868afe88281ba915e6ae350' })));
+        return (h("div", { key: 'a6e781f92a319456f98cc97d39d84618d8a4db0a', class: "sub-menu__column" }, this.label && h("h2", { key: 'c0399388a93737386d76873ec2ef53449740efe1', class: "sub-menu__column__label" }, this.label), h("slot", { key: 'ce9fe4cb5d5428224061e5f814063a28c3822d17' })));
     }
     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: '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))));
+        return (h("a", { key: '2dbbc4407f89b6faf7cb4b9316dcfeab6680f78e', 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: 'e81b981b70ae9a96f3a966bf7f52e9d1a7937f15', direction: 'column', spacing: 4 }, h("dga-flex", { key: '6a8a1f55c1919f4f67d65d86392b7e8eedf3c438', direction: 'row', align: 'center', spacing: 8 }, h("span", { key: 'd95e3c2451fce4b9589b905435aa790c43e37618', class: "sub-menu__link-label" }, this.label), h("slot", { key: '7f505721685ad7990b3f3c1b621acce75d4c2641', name: "tag" })), this.helperText && h("span", { key: 'c9e0b55cc0ade18af23dc7245d1321790fb6a00d', 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: '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' }))));
+        return (h("div", { key: 'a7b082ed342d748a1f939d36c8f458469883ba06', class: `header__sub-menu header__sub-menu--bg-${this.background} ${fullWidthClass}`, ref: el => (this.submenu = el) }, h("div", { key: '80fbec50d29a67619cc1d421972163914896425f', class: "sub-menu__container" }, h("slot", { key: '284a5737648643a3be7ea2a6b31367576516f239' }))));
     }
     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: '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' }))));
+        return (h("header", { key: '08903cd169071cb664b7a6c3846348c1c6940594', class: `header ${this.divider ? 'header--divider' : ''} ${this.sticky ? 'header--sticky' : ''}` }, h("nav", { key: 'eb018797c8644e934618bdc1cbd5f56cb1498bcb', class: `header-nav--${this.fullWidth ? 'full' : 'fixed'}` }, h("slot", { key: '6388b84796ec5d37674fa1bc211b8fce0e998bb7' }))));
     }
     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: '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",
+        return (h(Host, { key: '23f18dfc563b64287516a855e06432eb718cb5d7' }, h("div", { key: '9a725d70e126e603f68dbb1de86c2d7d684a8748', class: `logo-wrapper logo-placeholder--${this.size} logo-placeholder--${this.layout}` }, h("img", { key: '9061873655bbb95ec75d6d7679ec714cd45e06fd', src: this.src, alt: "Platform Logo",
             // style={{ width: logoSize, height: logoSize }}
-            class: "logo-image" }), h("span", { key: '0451724ba37be0fb485ab10f56776b467f12b76e', class: "logo-text" }, this.text))));
+            class: "logo-image" }), h("span", { key: '0cf6714fbbd276def7c5cabcc32e0352c56e662b', 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: '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.")))))));
+        return (h("div", { key: '6cfcc7dbc89246fce2274eae1e8f99bf41063296' }, h("h1", { key: 'aa83730304745bdb937bca6847f494eb28013a58' }, "Accordion Example"), h("div", { key: '1e24bd10a7e4e901594aa53a3562c1a958d669d4', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bc874c2284cbc9775c0b61d3954d78ebbc0585fd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("nds-accordion", { key: '750728b3c85e23bef96eaa87ebe556a5adfd1ce7', 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: 'fa2b81e02fdd20651e5eb5050554bef857f206fc', 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: '68dda3dfdd21f096124c910bb97059443c508698' }, h("p", { key: 'f8944613ddfad753976f7971ff6321822e6c9293' }, "This is a ", h("span", { key: '7a1b81bdd8f8a5f2d5189f279583fb5dac393fb7', style: { color: "red" } }, "custom"), " content inside the accordion."), h("p", { key: 'dbf4be848448c662093c23d76aaf826ad4f85425' }, "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: '01da65448f862e6e2aef23d82f0a9ecec0d510a9', id: this.componentId, style: this.rootStyles }, h("div", { key: '26498f3440dcf8010eccef9d03f1de39c6afc194', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '1265c0dc6aa43ad5a3e1fe6694408ad6a6ff2bd2', id: this.componentId, style: this.rootStyles }, h("div", { key: '90bc4a22a0cf3cec23e92f6809258921d181012b', 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: '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)))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'cf0d4ec4e9bb56567aff8f538f3375238f3c0cea', 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: '7cca38e86dc9fb4c133d93f0405e9322a240da9e', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '8ae30d79ad18709a017611741e4a611109f15407', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: '6064ffbb8d7a9c5d673bdd420fd12db583edb13e', class: "dga-accordion-item__title" }, h("slot", { key: '6323b0ae5eac89c53f9469387edd128fcc986f67', name: 'title' }, this.title)), this.iconAlignment === 'trailing' && (h("div", { key: 'c7e99fe4acf97f7c31aa96397553cc3b6ad0acce', class: "dga-accordion-item__arrow" }, h("dga-icon-v2", { key: '41ae36429fa96e93aa93ef3da22f0090790051b4', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: '2b6e3f28bfc23c66957dd7704e379413a26746ae', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, h("slot", { key: 'afd4ced0bce12e6288bf8f2c6593e595ecacc6c7', 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: '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: {
+        return (h("div", { key: '10957124c53f3c709d95f884b5b64fa2737a15c0' }, h("h1", { key: '0b33377f55eda4ce58787fb90240970378d4b883' }, "Avatar Example"), h("div", { key: 'ed6ec11a38b5a0a4e12cf6c44eba808cc4d23c34', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c18c14f77e8180c474ccbf8e9d257b17da910219', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '86d46b8cfcc13fc3aa99d9f647bbd5d6c8a7b056', style: { padding: "10px", display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: "black" } }, h("dga-avatar", { key: 'eca6b59e7f6b30947be70e00b7ebce8a2fbe0575', size: 120, border: false, square: true, sx: {
                 "& .dga-avatar": {
                     borderRadius: "100px"
                 }
-            } }), h("dga-avatar", { key: 'c5b6b73b2c84a90afa813cbd8eb830aec8a78072', size: 120, border: true, square: true })), h("dga-avatar", { key: 'afffc1aeff60b4a61a05dfb5d609b7c7f158a615', type: "icon", size: 120, icon: {
+            } }), h("dga-avatar", { key: '2fae6834b1e28d43926d631974e2e57bd30226bc', size: 120, border: true, square: true })), h("dga-avatar", { key: '731bc3cb3927117d24209e1c37fd3a375a9ed48e', type: "icon", size: 120, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'b9fe7852b1286d7453adf4e76b1d318c31f8bfc3', type: "icon", size: 80, icon: {
+            } }), h("dga-avatar", { key: '5b7a38b3c991c2e5838f25b1aa648bfa0905ba97', type: "icon", size: 80, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '4ccec05c82edf0db15a969cc884abe4855211192', type: "icon", size: 68, icon: {
+            } }), h("dga-avatar", { key: '60972bd3035aa30b37d19a6c301cac505ff698d3', type: "icon", size: 68, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'db05536bdf27c69c26dee95198e07fe50968cea8', type: "icon", size: 48, icon: {
+            } }), h("dga-avatar", { key: '5ad39c4d4f858d2b3f2af2547235483a1450c87e', type: "icon", size: 48, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: '218b07ae12667a148a940de7e3102b626869ec37', type: "icon", size: 40, icon: {
+            } }), h("dga-avatar", { key: 'f6be5ee80c7cc443cd8c1080aa6d4043ab6cdeb3', type: "icon", size: 40, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'e0a44837e32b3106892d5f9b47919da919ac4f3e', type: "icon", size: 32, icon: {
+            } }), h("dga-avatar", { key: 'a4794c60e66c9617f904de8c65bb56c9e5e37540', type: "icon", size: 32, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } }), h("dga-avatar", { key: 'c7e8adfdf788cd982d6901f8e3efb26d203c7906', type: "icon", size: 24, icon: {
+            } }), h("dga-avatar", { key: 'd80ce7011271aec41ea7e9c4e610d0a922c3390e', type: "icon", size: 24, icon: {
                 name: 'user',
                 variant: "stroke",
                 type: "rounded"
-            } })), 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' } }))));
+            } })), h("dga-avatar-group", { key: 'a9423d0c22161f1d88532dba858c070fdd3b2480', stacked: true }, h("dga-avatar", { key: '6e981be499f56f74f99a993ef38433c0689de304', type: "initials", text: 'AB', size: 40 }), h("dga-avatar", { key: 'a9d20ecad55e9ee4f1e0614cbf6a5ffb5241ff5c', type: "initials", text: 'CD', size: 40 }), h("dga-avatar", { key: '9fadd325d41a6b18c28c55446921f65283458c95', type: "initials", text: 'SB', size: 40 }), h("dga-avatar", { key: '55d748a502ce5225d2e63ab28c353bafca0fca1c', type: "initials", text: 'WK', size: 40 }), h("dga-avatar", { key: '3b3963b6f1fc115860a695c4ce620cdfbc5726bd', type: 'initials', text: `+4`, size: 40 })), h("div", { key: '57b19f6bad52ae4bf40f6f74230f3dd864313914', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "nds-avatar-usage"; }
     static get states() {

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

@@ -51,7 +51,7 @@ export class NdsAvatar {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '298f44cfff0591bb071a389c0f396fd42497bb52', id: this.componentId, style: this.rootStyles }, h("div", { key: '90c8decb51f82b538b14555543e6d4361c788ccb', class: {
+        return (h(Host, { key: '507970a5dd503477fa4019f98409b547d80cc137', id: this.componentId, style: this.rootStyles }, h("div", { key: '37681c5efbfe8aa5b1eac24ccb5a365c132e55c4', class: {
                 'dga-avatar': true,
                 [`dga-avatar--${this.type}`]: true,
                 [`dga-avatar--${this.size}`]: true,