@platformscode/core 0.0.22 → 0.0.24

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

@@ -65,12 +65,12 @@ export class DgaNumberInput {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'd18758db82c59b73b3baad276eda8896722d1497', id: this.componentId, style: this.rootStyles }, h("div", { key: '77bf6ea09972cbee1b1df9ecb9fa9403403cdc32', class: "dga-form-control" }, this.label && h("dga-label", { key: '663f3ba098387c1a77c932c0311d66d6b1546c8a', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '73371b0b22cd3952fc92c41f7ff8e43e8250e4de', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '816c202dc90fd185e70ad20e9d32e1b7ab59aaaf', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'c9082253819b5192e815e90c96bc80ce4cafa9ef', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '9364658733a1b39acbf8e1c1f5a649eece697ec3', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '04c23a660855846ed5451aa98632c5c7a97c2463',
+        return (h(Host, { key: '11aaf3078f218901021f71ba83fcdac4cedee74b', id: this.componentId, style: this.rootStyles }, h("div", { key: 'eb9a11447297c9c89e4daf39b5d6520cad06ca6a', class: "dga-form-control" }, this.label && h("dga-label", { key: 'c934eaedf9bfd6e7e67b028a1b5e162e9c2cb90a', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'a885246907195e26d8044322049a6cd12afc7ec8', class: `dga-number-input dga-number-input--${this.size} ${this.error ? 'dga-number-input--error' : ''} ${this.fullwidth ? 'dga-number-input--full-width' : ''} ${this.variant !== 'default' ? `dga-number-input--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-number-input--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, h("button", { key: '7414a3ef9a9951fc7e2f85344501b45a27f297a1', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '45db997d3daad93fee5f363afae0270657b5e1ef', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '8f1ce4ab7a9d092bc675a02bf43f2b6721f05535', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '554d8b26aeacf814fcc032b95ea92eea666637d3',
             // id={id}
             value: this.value, name: this.name, type: 'number', onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur(e);
-            }, class: "dga-number-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 }), h("button", { key: 'edb14ad89735dd1a5ffba96ef2b5cff59c2d7d59', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '4a118325bd4397ada9822358d3fb13091b1241ba', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '0a60c34befef2383b5a5f198ca237c3c10479cac', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '3d2969388834abc12b619c76cfd6799bab52d988', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
+            }, class: "dga-number-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 }), h("button", { key: 'bf98f310d78637fe99753699cf570b8d4264b488', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '7a7c735b4db0bacaaa20744f1da5d15c13baad20', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'ac977fd2e2af83285a5197e9faf3174ed8fc6c15', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'aedb513165aa6cd020fb53ad9b534d23828a0a12', helperText: this.helperText, helperTextIcon: this.helperTextIcon, error: this.error }))));
     }
     static get is() { return "dga-number-input"; }
     static get originalStyleUrls() {

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

@@ -75,7 +75,7 @@ export class DgaPagination {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("ul", { key: '215f328d78f0669125fa7bff54b5fa8c88329ddf', class: `pagination pagination--${this.size}` }, h("li", { key: '49b3d60381c8b62a03a378c0bdbd3770fe4baf0b', class: "pagination__item pagination__arrow" }, h("button", { key: '96f50de39e859acf9214f573ac0117efe0537e65', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '1929d4b8c42f7fbe28d8803fc72a842e23b38d80', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b027971cf442bd8f3b98dbf0bee2cf2049a90bb0', id: "Leading Icon" }, h("path", { key: '41242b8e5f8b8e588cdc23a73efcbf13e07f3467', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
+        return (h("ul", { key: 'ea742da801e259e4454527817671c07e0a2ef256', class: `pagination pagination--${this.size}` }, h("li", { key: '545962631d2d136593370708250ac745e8da1152', class: "pagination__item pagination__arrow" }, h("button", { key: '65d434c5807cca8e75677c85519e7c0c24fa34f3', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '17e43c2b5238b06ea5166a723752a4665492f192', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'fbe574c0d1a34d25cd463fbdd9bd2614c878161a', id: "Leading Icon" }, h("path", { key: 'aaaf6331596f88c2bc1e9015d2032d53b0417b79', id: "Icon", d: "M10.5 12L6.5 8L10.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.paginationRange &&
             this.paginationRange.map(pageNumber => {
                 if (pageNumber === DOTS) {
                     return (h("li", { key: guid(), class: "pagination__item" }, "\u2026"));
@@ -83,7 +83,7 @@ export class DgaPagination {
                 return (h("li", { key: guid(), class: `pagination__item ${this.currentPage === pageNumber ? 'pagination__item--active' : ''}` }, h("button", { onClick: () => {
                         this.handelPageChange(pageNumber);
                     } }, pageNumber)));
-            }), h("li", { key: 'c350d70bd1dc4bd45e110ef2ffc71651fb3241b2', class: "pagination__item pagination__arrow" }, h("button", { key: 'b773e1adfd2604421d5a76bd77fc6168c0e44cc1', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '54acc5bb58f2c189b20dd271185fc30105049fe0', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '8dd8e768cdcd21cfcb0f347968b523a62307ee54', id: "Leading Icon" }, h("path", { key: 'e0db0f84b5f54e3f07a08584fc06568aaf754adc', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
+            }), h("li", { key: 'afed9603c237a4ec79616a24439fa5c8e3dfe638', class: "pagination__item pagination__arrow" }, h("button", { key: '89afa33ea61381c84cbdeefccf2ba3aa6bd5cdf5', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '3addacfef983f212d868d35e0b102f6f0fec6a02', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'a9c7fb92315826c59e94ae7c9a55293e413f4a1c', id: "Leading Icon" }, h("path", { key: '7a883c72add04e5ce98fd0539d20d4c67b87cf19', id: "Icon", d: "M6.5 12L10.5 8L6.5 4", stroke: "#161616", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
     }
     static get is() { return "dga-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -62,7 +62,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'fd0145943a09a0c66e77f64187edd76d4937ce37', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'b7c7fc21d627cd95d1a164b1daf60239403b66b2', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '60cf14b9d90011a36cf0f41486d0210e3e58f03d', class: "step-label", "data-state": this.labelState }, h("span", { key: '8eaba3a0e3d71eabbc96cb48d6105b5afab6ebb4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'c5d325b84ccd03523194579bfdd04598cd93229c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '047edf1870a0d7301f28a8c7cbd18daec72b0729', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '749ce66a041cb1ab325d3d36836e00dcd5d8627b', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '7f655291e6462fb7a3fe994097a5490f28584bb0', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '60a2aff48424736b0da9b231310690ca1e20059e', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '4f619563e271caed94b2f797fe1377ec16488dd9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '1d5cf64cc988ea164efb74e87a54fefee0c4b583', class: "step-label", "data-state": this.labelState }, h("span", { key: '752464176ead51b3a3bb96cad7768b3184cf6d18', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '613783b000fe274bf7c444e1d6a5d7a7c3c187f1', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '1f78c43dce4681b3cc4e4a838f54b3c50c42a010', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '10ff489be01d3154a070e56d6c0a47b2730d1872', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'ab126816edb25b6b607d081b2b6c24af76a4f8a3', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step"; }
     static get properties() {

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

@@ -23,7 +23,7 @@ export class DgaProgressIndicator {
         this.updateInternalActiveStep();
     }
     render() {
-        return (h("div", { key: '2b24e9a111a01d89346ff0dcdcdbcc6246556bdf', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '20d0f6aadc790e3c952461637ccb5a32751f6ff7', name: 'progress-indicator-step' })));
+        return (h("div", { key: '1c10a17a6084c43c5a485acd9b4f74641e019988', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '50ceafe23b26543d043828fc5dda9a79bc87c151', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator"; }
     static get originalStyleUrls() {

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

@@ -69,7 +69,7 @@ export class DgaProgressIndicatorStep {
         return currentStep.toString();
     }
     render() {
-        return (h("div", { key: 'c37ad341661d8c44c1861bea068c833435c71e4a', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '74775bd9f74b24b958763624b8ea569bc11055d8', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '065667749d165f4b7944fc3e83c411a62e07d0fd', class: "step-label", "data-state": this.labelState }, h("span", { key: 'febebd1ef7d0c9115de4b2c9d579ad5c5889d1ee', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '0611fd33e2a161bf2518bbc3af23fc7c41a13e98', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'b33b322a7c966e2d89a67c75a330e35062f40a36', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'db1920ab649b78e1a92892a7e693857f6c8ab317', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '8ace0f7069d0eb03a44f6584096fba9c1f88d946', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '9b8deed7d721775f84c6903b4110d29caff038c5', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '8a8b48b840bab6f69b44ab19f756d82e2b5a7937', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '610efb5b15a42ea327254ed32571b8045e8b355c', class: "step-label", "data-state": this.labelState }, h("span", { key: '2193376ab970fa6cdf18e688ec47544829ccfba9', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '280b9811ec443e15599b7d93135cbe713a7274e2', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '6a8ad65b28127058393633530ae9a10738d014c9', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '8a16897b7cb5b02625a83f1410a2a8ed2f50a309', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '977209badfefda83ac296a3e0655645e815dabed', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
     }
     static get is() { return "dga-progress-indicator-step-v3"; }
     static get properties() {

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

@@ -36,7 +36,7 @@ export class DgaProgressIndicator {
     }
     render() {
         // console.log(this.activeStep , "<= active step")
-        return (h("div", { key: 'c080e37a533944d29da5e8186c64d3dfab153dbe', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '911d3a424c0bf52d72043d1af7cf3789ef431373', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'a9879854e3711fd1641a6242de6109d78ea74927', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'c9d58afbbd14ec50bfce7a28cd989725e5beaa05', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -26,7 +26,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'be1c57cae484c6217a1e464d80dccdb296f0fdb9', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '945840fdcd840ee48430837cf0feed20ad1a7521', class: "dga-quote__body" }, h("dga-flex", { key: '0898a159ee12412d2f2820371206e729313cf4ee', spacing: 9 }, h("span", { key: 'd8f8f03b7ee06e7089705f7e6c62ec1274f59c58', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '7af1a8100ff13709f7398e83bf1cf248e093ce32', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'f8107cc3806586b4bbf2e3afad638c9d099b8dc1', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '7c949304e0ad345ff41b461228a7acd8e3b0df05', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '7afb95fd8eb0a00123bfa27edbd80cf436df9d18', class: "dga-quote__auther-details" }, h("dga-flex", { key: '90fc3aed023c0d6051b075e8081a403cfda573fb', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '4008eeaec3fc5692d3296c09a060cee075966729', size: 80, type: "image", border: false }), h("dga-flex", { key: '19dfbd339c53bef41117084ab877fd2607514d28', direction: "column", spacing: 8 }, h("h3", { key: 'b1d1871540fe08d61df06622400d6e5931456f53', class: "auther-title" }, this.authorName), h("p", { key: 'be336a63e58444928bc0506d073bbebb27b10d41', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'd1235b3e927abdfe0900f3ef484f65268b54a705', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'a23ba49410f82ffb8405691b4f6211dca0e6131c', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'b15152b0e7ec80acb694728e4d49ddbf1118fc78', class: "dga-quote__body" }, h("dga-flex", { key: '96906ee03f022fa2a80798a9b7648a92fcb86712', spacing: 9 }, h("span", { key: '938d9f987883f85bad5f59da41c88d0a1b7cf337', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '12c72d71f809c6bee663ccecad319fa8ef534f8c', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'd1469b09b9dd02bd1862ce4f7488467a509a07f6', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'd48acd89fd9fd627719c5ca7ea87663c469f8e73', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '351bc55914dd503f227c3892516180d64ee97c6a', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'd49be51e6d740f60c88ec4cb115bf8bb2c77d7a5', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '7fb85ee8b7743be49f20c18496006f778075a801', size: 80, type: "image", border: false }), h("dga-flex", { key: '62c4c0ed4d22988a504f02b4e7b55f6b1b93ea6f', direction: "column", spacing: 8 }, h("h3", { key: '4a08217c881184d481aa9871a740f223acfae34f', class: "auther-title" }, this.authorName), h("p", { key: '96f7849f23746c99131271ce66c3349f05d89e2b', class: "auther-desc" }, this.authorDescription))), h("span", { key: '8faa3eaf30d3b7cb6708d24520a345705e119d5d', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {

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

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

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

@@ -103,12 +103,12 @@ export class DgaSearchBox {
         // this.value = event.target.value;
     }
     render() {
-        return (h(Host, { key: 'a19f9b757fb4849c5fe9b270b2ec3317da1a65f2' }, h("div", { key: 'b0fb596d4ead89885e9d427b4a5ca42b3bd2aa5a', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '229cc1a2f62a76f127182c615a5c79acb824d85a', class: "dga-label" }, this.label), h("div", { key: '8b85122b67ddd6255824d2b5720d7a0e5e18db99', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: '0876feedc876115c842d48144f859a885d5147a3', class: "dga-search-box__icon" }, h("svg", { key: '4972472d1d46d0a6215052a23076108708530ab2', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '901c9abe0ba9ca989bd60b8ca1e96ba51526e295', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: 'ab76da459da1596afa0e4eec11940836e1ea7715', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: '61963e5ad6985c86ce798db5a5db516428c7e199' }, h("div", { key: 'd746411768ecb1fb68845a9d6a37160a91251022', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '764de538912c5227dcee3679b70e824dc8fa83d4', class: "dga-label" }, this.label), h("div", { key: 'fef23e29c5f1f9b47d4d9b30733053eed013fda8', class: `dga-search-box dga-search-box--${this.size} ${this.error ? 'dga-search-box--error' : ''} ${this.variant !== 'default' ? `dga-search-box--${this.variant}` : ''} ${this.isActive ? 'active' : ''} ${this.isFocused ? 'focus' : ''} ${this.disabled ? 'dga-search-box--disabled' : ''} ${this.readonly ? 'readOnly' : ''}`, ref: el => (this.inputContainerRef = el) }, this.icon && (h("span", { key: 'c39e4205e7336c6b4dda07e4e507b139952bea65', class: "dga-search-box__icon" }, h("svg", { key: 'eca179589b6141bc7efa107747dad77c02d38926', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '10a7fe11d2b617bb8f83394530f3bd6d65ac74b5', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.16675 1.04163C4.67943 1.04163 1.04175 4.67931 1.04175 9.16663C1.04175 13.6539 4.67943 17.2916 9.16675 17.2916C11.1854 17.2916 13.0322 16.5554 14.4531 15.3369L17.8915 18.7752C18.1356 19.0193 18.5313 19.0193 18.7754 18.7752C19.0194 18.5312 19.0194 18.1354 18.7754 17.8914L15.337 14.453C16.5556 13.032 17.2917 11.1853 17.2917 9.16663C17.2917 4.67931 13.6541 1.04163 9.16675 1.04163ZM2.29175 9.16663C2.29175 5.36967 5.36979 2.29163 9.16675 2.29163C12.9637 2.29163 16.0417 5.36967 16.0417 9.16663C16.0417 12.9636 12.9637 16.0416 9.16675 16.0416C5.36979 16.0416 2.29175 12.9636 2.29175 9.16663Z", fill: "#161616" })))), h("input", { key: '9359feb467cc7cf091aa1faca291db381097162b', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
                 this.isFocused = false;
                 this.onBlur.emit(e);
             }, class: "dga-search-box__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, onMouseDown: () => (this.isActive = true), onMouseUp: () => (this.isActive = false), onMouseOut: () => (this.isActive = false), onInput: event => {
                 this.handleInputChange(event);
-            } }), h("div", { key: '08eb380d2d41d11a34367736bdd87937565a1ce5', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '6ade92fbc871a235196330cb5dd0525d8ca12b0c' }, h("button", { key: 'faf6de044042469fc7794a76e3157356012ecaf1', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'a39860a2888a3a201340308eb15e0877f9c4b2b3', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '29156a814555c71ff084a81c1c06d782fddd704a', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '6acd78ac22fd084b1b5cee398c56a009cb93f3e7', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '164596d8cb11cbf5eee72eaea8f330aa632ac015', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '4326a3f5e41000771102033a7a012361861bd955', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
+            } }), h("div", { key: 'bb19eabf704713608e4295a7318bc3eea40ca538', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '963246472b9ed92f1fbe0c32b8e9343ed0661c16' }, h("button", { key: '764769725d5d0a506c4973ca6f7240a06b01e6ac', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: '3f8866dc5936050b289f6d43655cad9aa7007896', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '36cc06a26bf7b293230e54f5c04217bed3917085', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: 'fcdead68f0e1d99c65247f978f19779253e0f7cf', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'a2c54765361c1025d67434f25ad77465209522e3', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'cbd759d3a982fb966101c9915e93a661642ef3ec', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon-v2", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
     }
     static get is() { return "dga-search-box"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderActions {
     render() {
-        return (h(Host, { key: '5b71c013873284185f997ac22958c8eb2fc759f5' }, h("div", { key: 'd71ee7dc2df3b8b830ae922b9b908d0763c9c37c', class: `items-container` }, h("slot", { key: '1cc2f8646297acae596fb78b1fd38d50921a32e6' }))));
+        return (h(Host, { key: '9c55a975da80832e3c88e50f217add4b61ecba25' }, h("div", { key: 'e56f25dc06d243dd75ddb33e41cde34f1bf9369b', class: `items-container` }, h("slot", { key: '3468de29b6f57ab2310754459b2a4d5337e61f1f' }))));
     }
     static get is() { return "dga-second-nav-header-actions"; }
 }

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

@@ -1,7 +1,7 @@
 import { Host, h } from "@stencil/core";
 export class DgaSecondNavHeaderContent {
     render() {
-        return (h(Host, { key: 'a2ea33222018ba20a1a66710eb83bcc8c51c2294' }, h("div", { key: '94b5f2d46a070768a8adfc20cd539b1a3d06baf1', class: `items-container` }, h("slot", { key: '529eaaefd3c775dc675ec5d133521be1aecb6de4' }))));
+        return (h(Host, { key: 'fcb88b0055b10ffe566e312828dc6601223ce74c' }, h("div", { key: 'e4bb2570820ef726aa9c931e28884be41bfe21d0', class: `items-container` }, h("slot", { key: 'f2d5bdabe5aac72753bab4cb3a254dddf34915e0' }))));
     }
     static get is() { return "dga-second-nav-header-content"; }
 }

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

@@ -9,7 +9,7 @@ export class DgaSecondNavHeaderItem {
         });
     }
     render() {
-        return (h(Host, { key: '00a2954e40bf72ebd67ac5a5f39b0c4405ab348e' }, h("slot", { key: 'aeb00c65041806727e9af2cde874e23b21afe447', name: 'icon' }), h("slot", { key: 'e6d0cf955ce03887d30f280d665a18603f92c0fb', name: 'label' }, this.label)));
+        return (h(Host, { key: '15e70463507b68883efa3038306631aee8fa712b' }, h("slot", { key: 'd85f0ae0772cfafeff3c412c077da86c5717f0cd', name: 'icon' }), h("slot", { key: 'a406f142f7ec121d527044f0403f56c16154449e', name: 'label' }, this.label)));
     }
     static get is() { return "dga-second-nav-header-item"; }
     static get properties() {

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

@@ -21,7 +21,7 @@ export class DgaSecondNavHeader {
         });
     }
     render() {
-        return (h(Host, { key: '92b308bf8683d6172b252a996c5ff201052eddb1' }, h("div", { key: '6e2325495f17c8c32e601708e1aab4a7cef1562e', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '960bbecbf302aaf852b6b9a759bab6f57a0c7642', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '29fb883e5b7cdb28f1be19a79ef19e972092c17f', class: `content` }, h("slot", { key: 'ad4ab78a5bdc801fab37dd348c32758f2b93f8be', name: "content" })), h("div", { key: 'e1f7aa9c5030f159bee5dc21ba9485a7fc3b929b', class: `actions` }, h("slot", { key: '7b81332678838b005b26718eefe56b86791e69cc', name: "actions" }))))));
+        return (h(Host, { key: '473f3a1803c23c3c0523564e860e880716a6c854' }, h("div", { key: 'ddae79268b1659917f1c5d7bc584cf310f16d688', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '812cc9dc983c8811ba8e3fa5444f8abedbd3492d', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '26cbf7196f6f55067011ae11177c17634cdfd584', class: `content` }, h("slot", { key: '2b04de43c07cc6920cb6a9fe381953a3808e7d5b', name: "content" })), h("div", { key: '123e255da51e6081a9aa0e76fde760f7e220e8dd', class: `actions` }, h("slot", { key: 'b7852e93988aff79d49c89cb45ab133ec1e7f098', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }

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

@@ -5,7 +5,7 @@ export class CircleSkeleton {
         this.width = '80px';
     }
     render() {
-        return (h("div", { key: '4080182f9041457784cc5d83d3687ed07d0ed647', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: 'c70849122ab6a8ff8bfe401097e8cc9dd8b0df6d', 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: '039378768ced4cbd00f19dd3788828826b7da1db', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '57641dcb0a7c87c4376845ce8396bdfedb507158', 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: 'ca8e03e5b71d5913ef3465b6bc9bec890914ae98', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: 'b207292d370f80343a981cd1e43b135017487020', 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: '48f9ebc1fff9e38a93ae6d4149d7fa9ad9fa217d' }, h("div", { key: 'adccc15f80016ea150aed538ec081d3207fecf58', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: 'da0f59cf38b8ad6db76d14962389897e8bb5f6ca' }, h("div", { key: '5dcffb467c5246468c1a6a85c61773913b192d27', 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: 'c79b7717d6c21e582e631093163af1d6ae38a4d6', class: "dga-slideout-menu__actions" }, h("slot", { key: 'fd91de4f8cb1afeb86290c2d9024bb39dabe53b4' })));
+        return (h("div", { key: '7864a468965ab11f855094e3321e506bae611fac', class: "dga-slideout-menu__actions" }, h("slot", { key: 'a676ce7208bd16736bcd77cd7259b6f0d11db74d' })));
     }
     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: '96a8f173246b4e0cc0b215de0a2f33d0e63d2533', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '6d4171fc36395b50c40a22509d54e2c3beffc8f3', icon: {
+        h("div", { key: 'bd447544e4af495455bd9cfabce1dc421303eb6a', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '562c5dba0f2b4271200cb38e7e5ee9b1558309fc', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '381b78ac9622c334a28e3b43ec4db9e6927e89fb', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '3ad82c4e1ae68bf96a9798da9d14bea6085b2d67', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '21d6343c1d9b924183b12e1465cba1424f5e8d56', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: 'ed9faabe9cdcdde1002c4c16d808a7e8872d90b4', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'f73f1d84afbd9a8de0081b56c1a90339dc06a8cd', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '6a386782f58078b745eaba874e4e376212c14c5d', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'a879d4ca00371accdd9d4a9a646d2d4f6bfd7f71', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '0d8051fa27fe824cc1213414781c8532553b6897', 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: 'dcabdbdc040f752161632b7e00b5728d1c10cbae' }, h("slot", { key: '42e0902b4708c0b5c421ce7d0ecad6e05d02061c' })));
+        return (h(Host, { key: '83097b7f896c6782fc7e6bc9f91465ad2f1367f8' }, h("slot", { key: '0e5d5b6881411c7434ce760b1f9da4ab2b1df4fc' })));
     }
     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: '575fa2e0188bee58f9070402bdce61f2c36ed8e3', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'cb6b7a4dcf10dbba04790e6345a2d5fc30ab6f04', name: "slideout-menu-header" }), h("div", { key: 'ec10da17d0d26bc8da610f17cd71558ff5b06cf3', class: "dga-slideout-menu__body" }, h("div", { key: 'cfeaa853aa95eee685573f5857f6dd0e8856e9ad', class: {
+        return (h("div", { key: '5df0f53ef6924c96d712240b1a7517698309d5ab', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'b41a5768d57f055e0b2fc7657775a1d8a1f588c9', name: "slideout-menu-header" }), h("div", { key: '267700e58e65e4cf905fbe50adc920e655ee8875', class: "dga-slideout-menu__body" }, h("div", { key: '2a3000b3fee1f64ce1f23f6d0fa47775c99b662b', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: '8b2f2457acf16e145bf2cf25135e3f0ec9289c9e', name: "slideout-menu-items" })), h("dga-divider", { key: '7d9be78da52989ec441ac22cbe427cc8598b5ef2' }), h("slot", { key: 'a44b7d2790e0cf3a4c5c6e8004bce2c470b868d8', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: 'd2d2db99202d97c466ef98502d82c73958e5d250', name: "slideout-menu-items" })), h("dga-divider", { key: '6d8484a233327a3f36bcae08c850ca950a701ae4' }), h("slot", { key: '341dc3889d35605b293983f72c034b0e41dd818e', 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: '96ff7117ee4c316388bbe2b759766a2ae3440391', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'eeadeb6acea864e56433025526ac1d5ad19cb14a', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '2891a4d60d71c5c5aa3bbb9ae843a0f3625adeab', class: "range-slider-input-wrapper" }, h("input", { key: '17d3794ddde26e5f77eda75944fd67a918996601', 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: '16068e64517149c80d7a6195dca9a99b3e1872b1', 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: '46e4f1ebeefcf0eabccbdabc359b05411944cc9d', class: "range-slider-container" }, this.showLabel && h("h3", { key: '3376156ac1f12b7f081c83b6b591da7e9cfd260d' }, this.label), h("div", { key: '9659352db259836fe3945ae65223bfec3e195d2d', class: "range-slider-control-wrapper" }, h("div", { key: '6b970abab18b66e0154bb7b357199384f330ebe6', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '9a9754c8327169bb831ad480dacfce49e2b562e3', class: "range-slider-rail" }, this.range && h("div", { key: '5aa8263a7aef5f4944cec89cf9ed1badcdad602e', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'fba1984e97228e226e25935fa42c0ac7d5de14d3', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: '8dc0044aa345e085082e83368a659a58e9d3b568', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'af4ebe67bffc84ee0f37e85d7b618c8840186ee3', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'cbe0c34c7c9102b27e3449db0dedd667f46ccd86', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '470bcda64dc813d216672f70ab35b00b84245944', class: "range-slider-note" }, h("div", { key: 'ef7d40d3f1d63071dbc53bab1ad73d0dedfae3b3', class: "range-slider-note-icon" }, h("svg", { key: '87575f1249a0f0ef4f55aa7b1c400334c3d75159', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '87e8b75edf90be973f6d1f440e6ec191ea1e18f1', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'ea402871f07e283b3b06f0a9b4f0a0ccef5d1d65', 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: '7ee64894f7f07bfa2477f6e3d5e3aded89fac7f6' }, h("clipPath", { key: 'd8e2439dfed8567a20bfbfbd21501d74a5f83e11', id: "clip0_17869_405" }, h("rect", { key: '8d60e9d1573edf5efc6d54446da8bd9f6933b4ba', width: "16", height: "16", fill: "white" }))))), h("div", { key: 'c0e174d941d5ab5093defda52dd035639244d853', class: "range-slider-note-content" }, h("p", { key: 'c44b889c3977a654c8b6c35e99d3046c51d6594c' }, this.helperText)))))))));
+        return (h(Host, { key: '30f79b3ff21dc04462b18b1841cb48c268966ffb', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '55a34645f793053b14743b373cf912913c062c21', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '936e2d9dc14d84d7c23e6fc51873973b6ad4adf8', class: "range-slider-input-wrapper" }, h("input", { key: 'f7fb7264b6f0755aa40a35e8e9570cf062df9ed4', 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: 'd07053580c07a0e2750d03d4f15e9e6a3a8a748b', 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: 'd2d6f9902490759f9b22c84e491b23b41fa6b762', class: "range-slider-container" }, this.showLabel && h("h3", { key: '61f51b57e2c50fbdc46abb976815bd21c7e9b2d5' }, this.label), h("div", { key: '9c28975a86c03b5128b8ad6213c7fc64df0d9309', class: "range-slider-control-wrapper" }, h("div", { key: '27fc6fa905a60eb8a822925d35c10c7e43f351da', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '09a84e6b4f7c2ced31ab21473e58e31d6c8284db', class: "range-slider-rail" }, this.range && h("div", { key: 'c7bcb93614c650e89ecbbcd04424444b7b7f9e15', class: "range-slider-number_left" }, this.minValue), h("div", { key: '92851b8ec03db3cc779fd1d97cea2abb10320065', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'bf1e42d6eba7454e1b6f67c2ebbeacf8b65b0b79', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'c51ea79edc7686aaa7abf14c73772b8caa4f2305', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'f9e7f84b54c02439efd0f67621bbf2d919f187d5', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: '177a2fa6471c9ee94194ac5da2e7c418eb5545ec', class: "range-slider-note" }, h("div", { key: '5e49925fcf6b7895ef665d8696d6693fd4545e98', class: "range-slider-note-icon" }, h("svg", { key: 'd78ee425ba85eba2ec25620d9d7628854b83dc89', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3a4f9c29c46f8cf173e062c6e9fabd69288971b8', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '78ddaf5af59224d94ce11bce211b7dd4457074da', 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: 'c61976146f9304d4ecfbd27c3c35574fa81277fb' }, h("clipPath", { key: '4678e04c2c888b6733bff37a1ee366bc4d6c9201', id: "clip0_17869_405" }, h("rect", { key: 'eb079432ffb5f0ef8ac207673568eb64dc60be6c', width: "16", height: "16", fill: "white" }))))), h("div", { key: '895dc2bb78713906e051e66d560b382cd4d97697', class: "range-slider-note-content" }, h("p", { key: 'd89e47c03dd119ee9efd94eff1fcb7f9e91fa603' }, 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: '29ca51d1515e6ed21f514f0bc9c727884d2c5b06', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '89acf78e24dd235b68b83abdd8f6d8130992ad9c', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '5ea6e8fc4c0e92c4aec2577dd2792da5d07576d2' }, h("tr", { key: 'c94254341619b4c3fa71fdaad1040a5ebec53329', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '255a8078c48832aa5d5625f6c3029af67a637e61' }, 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: 'e6d506e52e392a635a515926d345a60e1e295034', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '9c2a9f48d75cccf4e8af48c97067bcce37628537', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'cb8a246fee50393d441367c8f3a4cc581250056d' }, h("tr", { key: '8f15fa1d19c55ec1d3f13ca03224a27cb9e22035', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '5b6edc716eeedc9846809526cb8727e64bf23dd2' }, 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: '38f73301a4c1df23a271749630c53994a928b70e', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'e5b0f0010ffc08e3d315e7d809632546789b7a16', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '229df0813b0bfcfd3254f9b1adc4f7f0a3a63bf7', class: "switch-main" }, h("div", { key: '930749174956184a04e8e06e6a8a78d4dafabbd3', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '226f943da8176b32e0d80e3feb19e3bf79940619', class: "switch-wrapper" }, h("input", { key: '8880abf3668a79a75f25339c9b99ed1265dbe18e', 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: '0ce504be6057dac374222f6c6b471d1ef322fd05', 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: '6c4e32103359ecaf53a9d236cae262498eab5914', class: "switch__warning" }, h("span", { key: '16f8eef10c10506caabbed53141e9fbf472b838d', class: "switch__warning-icon" }, h("svg", { key: 'a6343d26220480550679acb92584070eeaa97154', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'a0cc5bf0778f7622045d550c6c369f86c15a7af4', 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: 'fed5aed44705969566b4af98cd5ca6bc3b45f249', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: '884876f5a33e733a53996342d45fef415070d720', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '7452653f2857b160b7f4bf58353f969241a21f6b', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: 'fc3e50a2025bd883bf36e5045751afa3a00163a4', class: "switch-main" }, h("div", { key: '546ce6c85b787c77f88db50164ff00473ed4cce4', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'e1067aa120a75ae6e871760c06b8abaf5e8d24ba', class: "switch-wrapper" }, h("input", { key: '73e1abf97a641c3c92181d5a3c0a842f99537fa4', 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: '517a5d17ed259203f09e9a64228463832255c13f', 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: '6d80fd0364762df4dd73fece526016b819b59ac8', class: "switch__warning" }, h("span", { key: '7cc566fe4259cd9ab84667e0dbe464126a449a12', class: "switch__warning-icon" }, h("svg", { key: '43b1cd6984d1d1ab32f629596730334499f44ea8', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '5c5562587ab7f6fb81130215754eeaf388d0ec84', 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: '5b0932fb2a99c8e7848c022fdd39e8c961d2fa79', 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: '0dbb4133aa20a56e787f046fd299181a26adf721', id: this.componentId, style: this.rootStyles }, h("span", { key: '5f1254b9894dc214c6366a31877670a01796f8ac', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: '7674a6c032ac4101ab9087d8cab9885d0908216b', class: "status-tag__indicator" }), this.label, h("slot", { key: '50f7f663e27d13b8e429d8c095e9f925a02327e9' }))));
+        return (h(Host, { key: '77c06a3355b5aa524a154b9537ec99af92a9778e', id: this.componentId, style: this.rootStyles }, h("span", { key: 'cb1634093424876bf32c3990b0fbee24eea08c4d', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'a8d1c6eb96ec16e6ce75204e28b90646fe5c8b73', class: "status-tag__indicator" }), this.label, h("slot", { key: '21842b5944e3bbb1792367b5692fe83d55fd1da2' }))));
     }
     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: '4b097225ff60ad69892a2dab6a827426e736fddb', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'f32e856291469f6fb41d71c9dbad93cca4ca63cf', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'f1c6b81b7159e04ea04d3b9a389f1400477665d8', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'c02929d28d0742923c769e71ecb6b979dad93ab0', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: '4794f5844d7ecf053ca501ac0b9d35b7a3844cf0', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: 'ab718499426c8b7a8fff23fb8f94836402d14167', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: 'b21ae966847964a59ca3f68219678c106b2965fd', icon: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '15e578307f3021dc4f1a7762aada3fa81ef52155', 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: '2b7071744823650987ce4a2cee31f6c982b5865c', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '306728d40ea6224cfbb3874e10377112730755b7', class: "star" }, "*"), this.label));
+        return (h("label", { key: '4347e54a5cec090b89d021a0c67aaf9f97326177', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '3ef1305091aa9d287b6cfdccbf5b9b9143a41596', 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: 'b62054b03c1c99b3799d3c6c6ce63ecbfe1c1c30', id: this.componentId, style: this.rootStyles }, h("div", { key: '8ff3f19c16f1f79935c37f6d06feefa52cf14e01', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '0eead9a72fd2e0e7d314b1781b993fc10c0dd046', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'd135d36f915d400ee91006d4206c29b8eafb95c7', 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: '284915238819d64bd422513e3a97f2cd9ee56cee', name: "prefix" }), this.icon && (h("span", { key: '626e247406e2ffd95396f308b69cdfce3cfe1bc9', class: "input__icon" }, h("dga-icon", { key: 'c752097758f44bf9244e2bccf2a65da831e17472', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '2de37218ccb0bce0ce319dc6bcd71d423007d01f',
+        return (h(Host, { key: '965c6336df2a0f96596efc065f4ca187ecdb6e85', id: this.componentId, style: this.rootStyles }, h("div", { key: '243ca3d06d945f60688648ea87896ed1d6da374c', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label && h("dga-label", { key: '47b462c474509d48520fb0b5897e6e7c8eca8f64', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '14b52a638889a192ee55145bef639619c9302151', 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: '91c5116ba96290511d6519e62946acd4fc326549', name: "prefix" }), this.icon && (h("span", { key: '5f5557e06873d10f6fbdac72559c72506db8f536', class: "input__icon" }, h("dga-icon", { key: '4210f0e862707b0bc11733d3308b49a67d95aef9', icon: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: 'c8ebdd601de846f44c30a948f67cc861100ab06c',
             // 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: '36cfa9e6e9a33b740d475ad3c8e73b46dd7982ac', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '963b58891d76aedbea29c7570064a6a393da025c', 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: 'ce937c43610e932882342ec953ff7060f2a1179f', name: "suffix" }), " "), this.helperText && h("dga-helper-text", { key: '42393e8188be3000a9fb49ad5fbc3ce62b8d4fcc', 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: '0ecf2df6644d59a3aa6a3b1a6889259620db9d40', id: this.componentId, style: this.rootStyles }, h("div", { key: '0e7a914e80d86de719989ff9133873cafbd4fd2d', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '55bacc687806006156b8f0cd706f7304a27efe19', class: "dga-label" }, this.label), h("div", { key: '02aad39582e7481a2883196b1602f08162bb192a', 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: '30213c1bbaa90cb0992f94492a4097ef38409fdc', 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: 'b67477a469dad41d6180c0e89d50b9f3f643a9f0', id: this.componentId, style: this.rootStyles }, h("div", { key: 'c7ed8cd4bf8b2d078e64442c84a70cf14bae4844', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: 'f7f6902cce8d31d0b2de48295d4a20bb0cccf781', class: "dga-label" }, this.label), h("div", { key: 'f6c6c2fbd808e3757846314d17d78c5e72f96196', 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: '374b9704fe8d0d02a345da98f122fd63e3d19f7c', 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: '91750a4dd3dbb1282640c5861ae1a87ccd17b4a8' }, h("li", { key: '0e48b2ae2b7941b767e157198cdd95a6d8280962', onMouseEnter: () => {
+        return (h(Host, { key: '21970816997aa22ba7ddd3e331aed4f83c7f00bd' }, h("li", { key: '0c134a2b8a663dc24431c4f83ac4ad45931283cc', onMouseEnter: () => {
                 this.openSubMenu = true;
                 //   this.active = true;
             }, onMouseLeave: () => {
                 this.openSubMenu = false;
                 //   this.active = false;
-            } }, h("a", { key: '0e1c2ff736bf0d6e98144b9c35af9153f14252ef', href: "#", class: `header-menu__item ${this.active ? 'header-menu__item--active' : ''} 
+            } }, h("a", { key: 'e153eed6a002e65dc097caacb286b5cadffac00a', 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: 'b711f3d004db333837befa65e3d777e96cf33516', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'bb0e254b04827efe333446e152d6693247cc387d', name: this.icon }, this.iconProps))), h("span", { key: '026acd85925dc30702037595ef6fa81c82c58b62', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '564c119b530111a59f818037c68456d9653371f2', name: "dga-header-sub-menu" }))));
+            ${this.extraClasses}`, onClick: this.handleClick.bind(this) }, h("span", { key: 'e52fc50b8278b238f96ca11d090d83745c5abfd0', class: "header-menu__item-arrow" }, h("dga-icon-v2", Object.assign({ key: 'fd4cd8b261f62883c40a7999ba66add001fa1230', name: this.icon }, this.iconProps))), h("span", { key: '7846be88b0763eb6b8b125a226c8f635cb6699a5', class: "header-menu__item-label" }, this.label)), this.openSubMenu && h("slot", { key: '805e2c8f8fc41219e33f12ba0dd05cbcf3e43a59', 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: 'd03ccbf63e04b9fd5a6adf18d5d850ec34d8e64b' }, h("dga-header-vv2", { key: '799f7edfe19a62660ebaa30be9580c8b6308c07e' }, h("dga-flex", { key: 'c486a5ffd07ca6e753c612128c2b931870b4a0f4', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '0a7c7f74286c9c54b7761d680aac09544433362d', iconOnly: true, leadIcon: true, leadIconType: this.collapsed ? 'cancel01' : 'menu01', leadIconProps: {
+        return (h(Fragment, { key: 'e9e4cce7daccbd3013292f4b9ffb57f4ad15a705' }, h("dga-header-vv2", { key: 'af1f9466a9305aec2e6013b3613b8cc00403d262' }, h("dga-flex", { key: 'a6c4683a2b50c5ce6af77f22803a13483982befe', spacing: 16, direction: "row", align: "center", justify: "between" }, h("dga-button", { key: '70559306b9522598f8d9086ba49ca6ac6f4225de', 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: '63888ec384d939ff3f8466d26c5b4a1e2c374cc6', size: "md" }), h("dga-flex", { key: '6edfd586ada8b3a81e30093f8beccc7825c171dd', direction: "row", align: "center", justify: "start", sx: {
+            } }), h("dga-logo-placeholder", { key: '1ae93cf398e525191cb0b929898bcb63688ced43', size: "md" }), h("dga-flex", { key: 'ad1c590ecdb48b1fec56f7e9d73b97c4e1913210', direction: "row", align: "center", justify: "start", sx: {
                 display: { xs: 'none', md: 'block' },
-            } }, h("dga-header-menu-item", { key: 'ded932f2c953209bf3cb1a5655a05852ba61ebe3', label: "Home" }), h("dga-header-menu-item", { key: '6ccea019cee8a8fbe39d19e91f4414f310487275', label: "About" }), h("dga-header-menu-item", { key: '78e3734d5ac00344d498f52395755c7f67bf2c32', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '99902fbd4a1bfc840cd172342cace606687c53b8', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '8e6dfc5aff22c5b2a446d03f4240f24434647c2c', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '5c930feddf29f1fbcdde1f8217b0a26db36d0192', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd5d1caa953d2805f478516b746c03248184e9813', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '189c0b7b76e4e7d2408e89db6f622f672a43ac0a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'eb20162b381fa212d9cad2021b2c6698bd5ef834', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd3c855327e76106a538e01a1e4e0d3935ae42b59', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0876e7db9df86f8b411e09c9d7b08c9a2d4a1f5e', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'fdd0294303bc23216880fefdd6752a6426265c52', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '7b3ae338d325d80fb5a7149744fbbf03bf12035f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'b9c0029277e9beb15f747b6e94fd0a49695b7750', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'e8ce12697da001cbea154773cd96cebd30339cd7', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '293817188b0845bf88900a2e9a91d0e610bc93c4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '18f5a6829a4ac213002f942e09d2f2c575bb6004', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '474ec34f7aa51ea14fe70bfca45707cc10a8f1bf', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '1fcf5a630d7933e1bc6ae6a440eb744e138a8569', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '24db1a13cd6bc55496f8b71d2f43077d77ecdf8e', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5d7ff18433372f3e72db40de655eea90528d900c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '317088dcc2ecab158ef9c67bbf3450456a154074', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '81e2d09782b12f5dd4861537be03cec8cc591eba', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'd258a2c98185cff200dc4db0daefa81bd8e27c54', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'c1a2a1592867d90aa167f2ff5c423cc19a26067f', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: 'be508153d7f687157691cc21faf3f02f6087c70f', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '5c9061a074071da4d09089658bcfa1da3de5b082', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '903aeee143a6d071741b799ad62e494689e24b01', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '2ea6f2f970c6d65c9d530fd9996dadb372e4704f', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd82053756e87fc323931cbfd5d1316e274d14909', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '48bcad09ac2b588dc65efe675448a0458c9ab038', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd1463352af081dbcc36ee1bcff419b0290af94e6', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '63f16e4468f7b8962ecb351a091389814a94c3fa', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '4144206c2d675ee47268ee20fc362848985c556a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '065f1d71d9d4324502245692db4d06a1bf2f2168', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'c13687af88e03d201f309293c6bbc57c35bf3d35', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'ba75f23749c28ef27a119563560e6e9725f3052d', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9f378a97d8c47311cb2ac9fa3c39a26ab7210d0a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd96f8ce33be5c1a50325e85db99a2e91f4fd6fbf', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '5c5752b910eb556d82fcf77238d56bec69d696a7', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: 'b1f989be6351a300b040ac6a3d7e9ad398c62dd3', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '3bf47555f345b2c3f8c09a7879794d932c0b4925', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '81182525162ef3e4089d218fcc702099d7a376db', subMenuFullWidth: true }, h("dga-search-box", { key: '9ed7899e18aea33b5f60f2b181015a659ac67875' }))), h("dga-action-menu", { key: '57685da56cb65becfd66fbc0125b61d95b13c220', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ff6487618898a5e1835248486c0509d21677c9c9', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            } }, h("dga-header-menu-item", { key: 'f458f5d2ce06236fe09f023016a451521dcc71d9', label: "Home" }), h("dga-header-menu-item", { key: '8a7269692279024fd9cdd3c413bbca790d20195b', label: "About" }), h("dga-header-menu-item", { key: '8e48b3b4c68a36498ae9f6b9d1df12c3abbb512b', label: "Contact", active: true }, h("dga-header-sub-menu", { key: '2b3b58434cb63ddb67a62785f3869e78214a420d', subMenuFullWidth: true }, h("dga-header-sub-menu-column", { key: '0b952e2277a6b579f55c5c7826d58f9f3bd61058', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'bec8d5d1940e4bbfb4788202a069b143228294a2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '4971276c4511e8d05bf90f57c64e66581d5a6dee', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '6fc6192e93c1dd3e97f4360966b5898c8d8252a1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0f8bae14f59afb378e704bbbb5cac63fd6f3f99c', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'a199e8d7650dfbdc30087a68a64238ef91ada2e5', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'd2e672a0d10d7e7951e2c64ac8fba291fc53a518', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '41f9bf4960c834dfe826a98982a1d3f7def0d1a0', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '1da040035257cba9a41120eb0b7c8f7f43a6b03a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'a7f93fdb261606fc11a40ec7c9dd86c187df7f5a', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: 'fa4fe4be1ba6a2c2de5432053ba58204fd520700', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '490cbd33c45594d621deea835210772c96a55cc4', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '9f36efe9b61381ca20cf86323d8dc6d9fe3ee0f6', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '75a83ee3bfbf3db78ec5327280a8b83c4b17f741', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '95159b3e69dd4f7291c74ca6fedf7dd7110aa21d', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '3bc179f7f4a5dede4949e0b23ebeb9064553fcf1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '314aa5627924f901a6fd8027bd729dd6a08626e9', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '69aaaa5f7943a8310278213be6d5819a000a3eae', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0cad724ff57178a34355218d0f23d584d9ce75e7', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '051530326f0e18f988c39dfe5cb6e9ea7336d9f8', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cb4fa8d9e3e3ad96d3d8e481c2bb73df14cb9a50', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '7cdb679c0c4527e3f36725008253db441c90ad5e', label: "Column Label" }, h("dga-header-sub-menu-item", { key: '71d9dcf68c7b026f0dad532e33eb42df71c2fca1', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3231555a512d2be73c349976aa8f798cb2d48198', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '8013d342d68aea529e655743b0193d7b713200d2', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '5bb374ebd7274879893a08b8a7c1864b7768717b', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '63e6780a30e534a44d133d89c2522770ffbdc9d4', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '7a145434b73247167b4d602a04305e4a38a3c36a', label: "Tag", color: "blue", slot: "tag", rounded: true }))), h("dga-header-sub-menu-column", { key: '11648a5d1a085f126a73b5eb5ea0b2253ccec5b1', label: "Column Label" }, h("dga-header-sub-menu-item", { key: 'cce96cb1abdda4e27c4d4b720ed28ffd21135b17', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '3a8e724849e040f64acb084940e9c915461249b8', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '0d4d88d24092d6478e5b51487b1c5f3fda26973c', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: '0f3d0cd49deba71a6b8af5d7b0b61520c0d05a00', label: "Tag", color: "blue", slot: "tag", rounded: true })), h("dga-header-sub-menu-item", { key: '84ed58e6b8e199d51409a32efad6e18a339e296a', label: "Menu Item Label", icon: "checkmark-square-02", helperText: "Menu item helper text" }, h("dga-tag", { key: 'cc0de2d649ee8d70beaf58a5d6eddd2b00d2d2f3', label: "Tag", color: "blue", slot: "tag", rounded: true }))))))), h("dga-flex", { key: '31e30cdfcf726b1e65888c770299c7c3adb18fa8', direction: "row", align: "center", justify: "end" }, h("dga-header-action", { key: '295a47c2e9aac2dced3e6e3df2c27c77b3d5f71b', label: "Action", icon: "login-square-01" }), h("dga-header-action", { key: '77b6ab48a09f0ababe57f8a8d7c40f888494717c', icon: "login-square-01", iconPosition: "top" }, h("dga-header-sub-menu", { key: '724a92a9171e32ef5994e318e60a9532dc5ca7f5', subMenuFullWidth: true }, h("dga-search-box", { key: '222132d09e7669621e1f6e18250875fdce3f0c40' }))), h("dga-action-menu", { key: '17197b41a0cf8cfe6054c1119c949da198f5d956', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'aac6b1498bcad00c8b80f75f55e177794ae21e0e', 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: 'dd315fc618ebfeed88b45d14a841cd041565fdd7' }, h("dga-menu-item", { key: '938228f03b24b21774edfb3e14105c2cebe6361a', label: "Item Label" }), h("dga-menu-item", { key: '9b7f91670f47ac9206b5e7e2ee8303cf18d48543', label: "Item Label" }), h("dga-menu-item", { key: 'fb82a5dff95e6b329edffda1b1ce5e8394325fb3', label: "Item Label" }))))), h("dga-drawer", { key: '1a7b72ec5834be67de0823757846f7bda0334866', 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: 'dfaf17c355c304cb0a6fcd76b0441986d4586928' }, h("dga-menu-item", { key: '01e8673fc5e415496eb0e419bac6e924c1bd38f0', label: "Item Label" }), h("dga-menu-item", { key: '838dbb113791c0142acf98b7001025c869f30b3f', label: "Item Label" }), h("dga-menu-item", { key: '6329f89f4087bb211abc206d8b7adb9b69a3eb0a', label: "Item Label" }))))), h("dga-drawer", { key: 'e646addf8de4c67682413632b2e48e00f7e99411', 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: '964e4a6d4459959ed9a06238c606742d08e2c148' }, "fdgdfgfdg"), h("div", { key: '7e14a718008797bdb5f76c8382e3461d77ef3a36' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: '8fc05dc9529eaef4f8f3f6d23a91c79ae18e86c2', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: '5c1808a34225f5cde411d415979bb2c9ec9e39d5', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'db1aec6ab17406ef3366108998ff784af9c75ffb', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ad22eb6340364ba14532d6b5c627aa71979c51fb', slot: "trigger", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, overlay: true }, "efddsfdsfsdfdsfdsf dfdsfdsfdsfdsfdsfdf", h("a", { key: 'fe5ab205b0da7604aa17c6a91a59261529dd08c1' }, "fdgdfgfdg"), h("div", { key: 'de18ccc5e9736e81a78688be6266403458ca694b' }, "gfdgfdgfd")), h("dga-logo-placeholder", { key: 'd3c6d5accc8dbf32ac36881cfe14889c5db1fbf8', text: "Platform Logo", size: "md" }), h("dga-logo-placeholder", { key: 'ee80b6249213398f324cfc660e321508c5cbd403', text: "Platform Logo", size: "sm" }), h("dga-action-menu", { key: 'a3cedc97c678e263eeb4f3470d91ee2c575b0213', open: this.isMenuOpen, onClose: () => (this.isMenuOpen = false), placement: 'bottom-end' }, h("dga-button-v2", { key: 'ee6126909fe23930a701fbe7180cbd9d7f63727b', 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: '1d2f97457490cbcc6b1183ca132a5e3d49061d3c' }, h("dga-menu-item", { key: '0179cd57a11dcb902f75cbe8a98903e78c207547', label: "Item Label" }), h("dga-menu-item", { key: '96785c49989930607bc3a25aec78e48fb4347ace', label: "Item Label" }), h("dga-menu-item", { key: '3e75c2084dbcde2ac4d49f3c3a25360ed5c299a9', label: "Item Label" })))));
+            }, variant: "transparent", onClick: () => (this.isMenuOpen = true), class: "header-menu__btn" }), h("dga-menu-list", { key: '2a910c99a97966c07468a326db242aed41e24848' }, h("dga-menu-item", { key: '5324f45cdc83feeac497b4c159f142bbbf852c34', label: "Item Label" }), h("dga-menu-item", { key: '189e508bf38889f2b4699816f5d4805f93f98d36', label: "Item Label" }), h("dga-menu-item", { key: 'ee6c077789f95db65d80811b916722e176946404', label: "Item Label" })))));
     }
     static get is() { return "dga-header-menu-item-usage"; }
     static get states() {