@platformscode/core 0.0.34 → 0.0.37

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: 'f8f22fc6678c9321c25cad527b9be48ca6085866', id: this.componentId, style: this.rootStyles }, h("div", { key: '9215e727105c3a4434617d087e1b506cccb29e31', class: "dga-form-control" }, this.label && h("dga-label", { key: '53ec790f0522f4080de2950b0619ffa42f2bc683', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '8ad12b9bffad19dc516acce54b1e96235e750cea', 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: '10e92059f8a716af3dcd30635722005c060e381c', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'b078d6757b562af31518d651d813d0b747b32eda', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '116ae9cac820f9069ca2044a4628f906de33e87e', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '8626ebba60dd2b9d1bc6e0c7a2d218ee389e178d',
+        return (h(Host, { key: 'b6cfc11bdc5d807d52a47f5d43e20b239ef7b072', id: this.componentId, style: this.rootStyles }, h("div", { key: '895e80001a6e9c4b381338adb29af0793bf693fd', class: "dga-form-control" }, this.label && h("dga-label", { key: '2b80aba8bdd09af5d1ca872b79ea059d96445886', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'efe9404c98548f4b54309ea1973a62d61f55369e', 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: '6199d149be5c74231ff6a9eec44db045175f5f2b', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e55563e4bc62d3317397164d6a9d94d4b4f4bb57', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'f34ed026b2c8b15056eebb03ade51588f8bb5cb3', name: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '084ad77e87c028fdec819b3fb74fd5d25ba8fd0b',
             // 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: 'dcd3b4f6d89a575ed8686b5c36f08175bf8b5928', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '3a54b1e0161d222e5f063435b8bfb78aa34089dc', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '43e350794e08f92bb44d1628fb9b3a1e4829f8df', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '13a71c036023bf16c34f39b23af37f2cb09f57c8', 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: '7f6ebb7445d298d4eced9d3a6185e4e6653c79ac', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '0fea4e0cf41285383e10f1349e5a51df7af74cc0', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: '315234d4118b47420bda15722c7cd73bfe9d154e', name: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: '1afcf5d50b1b0d24b0fdc959a3e327f49f8e1fa3', 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

@@ -78,7 +78,7 @@ export class DgaPagination {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h("ul", { key: 'e70bc84f0ddc7e03fad72444bb2629dc9fe20c61', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '1e61c15182fd74e06d8e97fddfb682a3cb96b233', class: "pagination__item pagination__arrow" }, h("button", { key: '1ac9e9e1cec5fc36e5e926eb3375f2401dbd3ae5', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'a4616e62301dff63f8820257b9b56e2f38e9f8f6', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'f485db0b42f6257882e3fa8fd1f87d22bc3a3c59', id: "Leading Icon" }, h("path", { key: 'cb999616dd280d3a1edd1b25b1eba6dd1e0ec936', 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: '89574d2284bb22b95fd7c3cbf670e2160a2893bc', dir: dir, class: `pagination pagination--${this.size}` }, h("li", { key: '8cd804b8bb3ae0f5ba4afd21842a6015d49cc3f6', class: "pagination__item pagination__arrow" }, h("button", { key: '21e29706de888e40cdf6930ceb963b843766bf85', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '3effbba35d2225a953be58de3344b66f27ccbafa', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'be59b6288445aaae431e22c18f9bff9b0a4a4b29', id: "Leading Icon" }, h("path", { key: 'ac3eb19633e2db8952f3e2e03683c38709c39204', 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"));
@@ -86,7 +86,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: 'eb57daa3b780770fa63307479b2d473f06a071ef', class: "pagination__item pagination__arrow" }, h("button", { key: 'd95d3c7c8ec9a6652fc08c2e0e6a3bc97140bbd2', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '3dd92ce2b668a5eb7063a721e8f32925ce1310b0', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '0fb900bd731288d427e37d385bfe8d263a0cc797', id: "Leading Icon" }, h("path", { key: 'c2c002e338b5a66029fd8dabfe47ebcced15aaf2', 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: '46b18473db22872b05dab57b90712693e1a491a1', class: "pagination__item pagination__arrow" }, h("button", { key: 'd9e8459064fb22cdb834c22eca83b10791f9150a', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '6f5cda029a252cc73f9c4507ff6be2f57a26a712', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '19e46f0b48a6649d39cf95409e3765b1c7fd7e13', id: "Leading Icon" }, h("path", { key: '5c3f05a30bd4d48195b50d8ba88b02ef3dd101d1', 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: 'b17a56d3701e84037fb115c847aa28611dc11d17', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '685af696496b2a8054b4f85f04e72cf1a8a42d18', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'b736a289ef36f17d1f7d24f80006f79f003ebc0d', class: "step-label", "data-state": this.labelState }, h("span", { key: '01d03a718f84241e75cd513eb0b057bfb69329aa', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '70ae1e2a1e597e0bc02436d79347c486f7a8a6ed', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '04ec459e25cc4acd32fe589d9b68a41d7cfa8f96', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '468c30b28146a70e38e3c3972bf93cf2259e6b37', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '106b950a94f764b9afff0284431ed3db40960a4f', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'aefa8b3de485cd680b113d810ad23efbec59c4d7', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'bd3f05e617713811c6ad839b0f62f256ed16e399', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '8e7fd1cacb3ba89ca65b51342ee528976c82f8a3', class: "step-label", "data-state": this.labelState }, h("span", { key: '27ba058dd4ff8fcaccfae89b35e9f9826df2b71b', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'ded1e2ca0776961b628b1030a6516019b23cd75e', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c72973d7ae85a68855bc1359a19db957f73e2906', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '3a54081c28289a076882b358e26ecb1058057d9c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '659ad1c346eda2a2491e693c3e148094d7a6f632', 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: '313a5076ccdb9426c785ddb0cc7b1fa0e6b00c1d', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: 'fe432618308c4943c93c326e15f2bb56452b4e4d', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'e3f33c409c99c76bf9d5b742b7691b562a8a490c', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '6dd6439980a5b85a67d142ea68fcb5bfe1e8008a', 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: '68a63d0c812ddc43f0835223585ea2c6ac605f99', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '744727fee36800d87a4ac3ec4962f91fa7aea8f1', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: 'a85fbeef09bc491824462580cddc59a06dbf30ee', class: "step-label", "data-state": this.labelState }, h("span", { key: 'f24720d5d50e6d7025040087fde2b1fa58921410', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '39e2bea9fd239035361927bc587ad836cbc52692', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'c9770a17b644747c5d683d5f48f070ed89962805', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '744d10987b545956ea3470e871eb5636b99c8597', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3c73c4d0eb4da643589cb873046facebd791aebe', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '2544d7cf7a9c11194fe596987e1b992b5b9bcba0', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '7981ca45bac9a195f81759fd424d9a62fd695b2f', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '951a145c98cca8b02351068efd00a4e3875889af', class: "step-label", "data-state": this.labelState }, h("span", { key: '776405bfc8d14e62886a8be93bc63cbfa2bb6dff', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '63fef306b1e435195e2ae7eb52c1ec2ad864e2fa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '513540640173803976c08f8581c2b110d8a51987', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'e7b057d27cbda72fd9e9353a66e43bdc136c5e1a', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '6cdf0dca2aa4fe31ca4f8529ba1d9d214374af9a', 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: 'a3c06d298fbc89ecac28d7ad3addb50565296499', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: 'a24f26240fce05d8344b6241190efdfd1dd6e185', name: 'progress-indicator-step' })));
+        return (h("div", { key: '19a2c27561dc325a52fe922ae57a5af5a1de88e7', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '0d8e4928f96c74b8a3a6edf3a0da099046debcd4', name: 'progress-indicator-step' })));
     }
     static get is() { return "dga-progress-indicator-v3"; }
     static get originalStyleUrls() {

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

@@ -12,6 +12,7 @@ export class DgaQuote {
         this.authorName = '';
         this.authorDescription = '';
         this.showAvatar = false;
+        this.avatarSrc = '';
     }
     componentWillLoad() {
         this.sxHandler = new SxHandler(this.el, 'dga-slider');
@@ -26,7 +27,7 @@ export class DgaQuote {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h("div", { key: 'f953fa320841774c300c9ceb3b58af66e76068e5', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: 'daa6b47644de37f67c05bb15b29044603672f368', class: "dga-quote__body" }, h("dga-flex", { key: '89af50c2704e87db43ade276cf1d807226dd64ab', spacing: 9 }, h("span", { key: 'e139556bd6f52a0fced329ec8e964df302035559', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '142d89dd027a704787fe0117a1dbc187a2135b55', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '287b86255d706047b42859725d6bc19f5a4c579c', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '4c972383ea25ec12f219525a82b7e1a1c8509d41', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'cc2d41cbf8bc19f2e8bfbd862520895e300708fb', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'c19a57ba47874a43416ac3bb727b4fa9a130ff13', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '9ce1aa667cb7b445b4252d07eb5fbf1dd80c5c20', size: 80, type: "image", border: false }), h("dga-flex", { key: '231002891c6bee8231dce80b6ca1c62ae6d2108a', direction: "column", spacing: 8 }, h("h3", { key: '19d535f64ce2fa95ad2be5a0de6db6682ecfa88f', class: "auther-title" }, this.authorName), h("p", { key: '4c6f44efa6c2107a5885efbe178d46a3c926f7c7', class: "auther-desc" }, this.authorDescription))), h("span", { key: '621efd9b1e48319f48546a1c4155438c6bebb8ff', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: '07dd772dbecb2357d9b415f9d0634b8026dcd545', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '6610e95353f3401a7ff3611c95fd5265940cb6ae', class: "dga-quote__body" }, h("dga-flex", { key: '0ac4e007538c281e0f77354f6b075cb1c721186e', spacing: 9 }, h("span", { key: '058665944ad2a598a97c578e469feeccaff80356', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '72675b554aae7b2818776565b5a687a7617c960f', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'ae55478db2150cbe3fe3958084a022c16ab1dbfe', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: '161e595a53136e146d2fc4aabd4380b10812d1ba', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '3a3073a56b54bfe6d84e7fd1f1e2879d65684a91', class: "dga-quote__auther-details" }, h("dga-flex", { key: 'ca7ced49fdf2dc3f0e5047d13cc1736948b1b9e3', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '1dd0ab142f1bfb671971289b468cc5802d7735a4', size: 80, type: "image", border: false, imgUrl: this.avatarSrc }), h("dga-flex", { key: 'a48f41654eafe4c267749edc87fa839043f2c170', direction: "column", spacing: 8 }, h("h3", { key: 'dd46a2f0c41206e1fa49dd7d6d6c0f2cb7c9a95e', class: "auther-title" }, this.authorName), h("p", { key: '14c40e6d46e0a2baaa64646e911c2aebc8b3dfcd', class: "auther-desc" }, this.authorDescription))), h("span", { key: '6905a5bbd199c912c81b2ddf5ce5d4fd2c56ebbc', class: "quote-icon" }, "\u201C")))));
     }
     static get is() { return "dga-quote"; }
     static get originalStyleUrls() {
@@ -241,6 +242,26 @@ export class DgaQuote {
                 "reflect": false,
                 "defaultValue": "false"
             },
+            "avatarSrc": {
+                "type": "string",
+                "attribute": "avatar-src",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "''"
+            },
             "sx": {
                 "type": "string",
                 "attribute": "sx",

package/dist/collection/components/dga-radial-stepper/dga-radial-stepper.js

@@ -33,12 +33,12 @@ export class DgaRadialStepper {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = (this.RTL ? 1 : -1) * dashArray * (1 - this.internalPercentage / 100);
-        return (h(Host, { key: 'd601d1e0bdf9efa319caba637e5ba05d543ca454' }, h("dga-flex", { key: '149bc159858c693c3b5886799ba0d0d3daa54944', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: '469440ef80a6632a8c74879a994aee0dfa0309f8', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: '886ee4d15355c0d9468bbc36b75f7c0e11311cf0', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: '9f2bc43ecc6e77ebfc62eb6ccdb41bace54ee98b', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'bf587649a96a8f76a89872f2581efb0694cb06a7', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'c6a1a856efca52269099423d5d1e4fd13467b24a', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
+        return (h(Host, { key: 'aad9ed3d87a2ca7d06729170f332fe70a36f1899' }, h("dga-flex", { key: 'be43194cf9f1fba264c6787d9bba943a093407ec', spacing: 8, align: 'center', dir: this.RTL ? "rtl" : "ltr", class: `dga-radial-stepper--${this.size} dga-radial-stepper--${this.variant}`, "aria-size": this.size }, h("div", { key: 'b40c1518a553373897a651056052005bf9179245', class: "dga-circular-stepper", "aria-size": this.size }, h("div", { key: 'd69cf42dffe6569559fd8d498a7d34849f150525', class: "dga-circular-stepper__label" }, this.showText && this.steps.length > 0 && h("h4", { key: 'e1dd3f66952917377f71aa7c75175ec8aa6ce00d', class: `dga-circular-stepper__label--text ${this.variant}` }, this.RTL ? `${this.internalActiveStep} من ${this.steps.length}` : `${this.internalActiveStep} of ${this.steps.length}`)), h("svg", { key: 'fd88a6455fc2bb7b0073ca30e0df4a9feaf2892f', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'b4d6e0d31afe30d0ae1addf307bc2f896b95b11f', class: `track track--${this.variant}`, fill: "none", stroke: "#e6e6e6",
             // stroke="currentColor"
-            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: '8350b172d9e63e8b5d0f138313ab71a3f8f4e4ce', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
+            r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'edd6807f0453048ad0caaa18990b6a42613ab90c', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-90 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
                 transition: 'stroke-dashoffset 0.5s ease',
-            } }))), h("dga-flex", { key: '638af7003ed048eefc26d847f88b52e16b859e14', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '4380d0d2e6b7c03329f99d449a29fa22b178d50c', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
-            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '7dfd5d944bdba170239a6d356535d8c7a477725d', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: 'd400a5e2df898aba8ca1762fc3d61167dd4b051e', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: '4bb5db7d6032db7b328094419728e14867f80282', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
+            } }))), h("dga-flex", { key: '3f25425d84ee74d7d95eb295577cc75733ab7f51', direction: 'column', spacing: 4 }, ((_a = this.steps[this.internalActiveStep - 1]) === null || _a === void 0 ? void 0 : _a.showPreStep) && h("span", { key: '7285fa6dc4d3e00422337f45a6a8f19af206ca97', class: "dga-radial-stepper__pre-name" }, "Previous: ", (_b = this.steps[this.internalActiveStep - 1]) === null || _b === void 0 ? void 0 :
+            _b.stepName), this.showStepName && ((_c = this.steps[this.internalActiveStep - 1]) === null || _c === void 0 ? void 0 : _c.stepName) && h("h3", { key: '8b3e9d70ecd7519eb355723e219673fe8667caca', class: "dga-radial-stepper__name" }, (_d = this.steps[this.internalActiveStep - 1]) === null || _d === void 0 ? void 0 : _d.stepName), this.showStepDescription && ((_e = this.steps[this.internalActiveStep - 1]) === null || _e === void 0 ? void 0 : _e.stepDescription) && h("h5", { key: '64075daa2515a49f07b88336a07a4efd563f8035', class: "dga-radial-stepper__desc" }, (_f = this.steps[this.internalActiveStep - 1]) === null || _f === void 0 ? void 0 : _f.stepDescription), ((_g = this.steps[this.internalActiveStep - 1]) === null || _g === void 0 ? void 0 : _g.showNextStep) && h("span", { key: 'a1e6c2057849dd5a7202f91418723579712d9131', class: "dga-radial-stepper__next-name" }, "Next: ", (_h = this.steps[this.internalActiveStep]) === null || _h === void 0 ? void 0 :
             _h.stepName)))));
     }
     static get is() { return "dga-radial-stepper"; }

package/dist/collection/components/dga-radio-button/dga-radio-button.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { isRTL } from "../../utils/rtl";
+import { alertCircleStrokeRoundedIcon } from "../../assets/icons/index";
 export class RadioButton {
     constructor() {
         this.color = 'brand';
@@ -121,12 +122,12 @@ export class RadioButton {
                 inlineStyles[key] = value;
             }
         }
-        return (h("label", { key: '5b4f4415932c551e26b464f0bf2cdf7ca8393322', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, h("div", { key: '53c83349d3220d78ff5e020e861ab5f58464fc9d', class: "radio-main" }, h("div", { key: '7dd45e7372bb9a59c429be50dc2e965e0f2b10ac', class: "radio-main__content" }, h("input", { key: '3e4fb47dd268fbb58dc5eddeef7bd7b438d84ff0', type: "radio", name: this.name, value: this.value,
+        return (h("label", { key: 'ed16d064a61139fb4c4273aceb9bc94568bb6955', ref: el => (this.radioLabelRef = el), id: this.id, class: `radio ${this.color ? 'radio--' + this.color : ''}`, style: inlineStyles, onMouseDown: this.handleActive, onMouseUp: this.handleRemoveActive, onMouseOut: this.handleRemoveActive, onChange: this.handleRemoveActive, tabindex: disabled ? undefined : 0 }, h("div", { key: 'f6c449f2a50817626fcaa6c772fe0b3148b6ecf2', class: "radio-main" }, h("div", { key: '712eec7f891207f514ce0f99375645f301dd1c04', class: "radio-main__content" }, h("input", { key: '9c66d85cd2472121246c6a0dfe706b8b1d6f28bb', type: "radio", name: this.name, value: this.value,
             // id={this.id}
             onChange: this.onChange, onInput: this.onInput, disabled: this.disabled,
             // onFocus={this.handleFocus}
             // onBlur={this.handleFocusOut}
-            checked: this.checked }), h("div", { key: '9cdeb4a0a53559e161c62b78867158a2c243fcb6', class: "radio-container" }), (this.label || this.hasHelperText) && h("div", { key: 'c68e2ca1a10ff0dd3aeb138024ed2ba582fa0f02', class: "dga-flex-column" }, this.label && h("span", { key: '3712b90b3e6ab194e1f1993af2bdb0060b5e6afd', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && h("span", { key: 'abf904a233a83827817f4879093fd94732c33eaf', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (h("div", { key: '0b0a8bc1fa3831c1e7b34fe8a30faccb7085b6db', class: "radio__warning" }, h("span", { key: '2e14520a53718e8973b90022d361fef4ff1b3d76', class: "radio__warning-icon" }, h("dga-icon", { key: 'dfb53aa59017e16ef896d7f544e4fbbc464042a7', name: "alert-circle", variant: "stroke", size: 16 })), h("span", { key: '7936b01bf678a0a8cf43ea0a7039ef85870c5c7d', class: "radio__warning-text" }, this.alertText))))));
+            checked: this.checked }), h("div", { key: '596c86b9d59561db40b8bd019c6b452419a6ae87', class: "radio-container" }), (this.label || this.hasHelperText) && h("div", { key: '71195809d8f5fec3759ee7a7af509b4ef537acfe', class: "dga-flex-column" }, this.label && h("span", { key: '04688e2842846c9a567f13458d4dc18ba1dba60b', class: "radio__label" }, this.label), this.hasHelperText && this.helperText && h("span", { key: '1939ac605494bd399ac28a105e56a17f1556ac62', class: "radio__helper-text" }, this.helperText))), this.alertMessage && this.alertText && (h("div", { key: '487c70d1b034e76c485dbef50c7d2ebba5011f30', class: "radio__warning" }, h("span", { key: '54ba1a0973b977deae1fa1a50e0a40e96a1c8d16', class: "radio__warning-icon" }, h("dga-icon", { key: '1c8368a0876175e298601b1c52cad25e2063462d', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: '67d270f32dce27fcf5d346a0fc3cf3dbf7ecfce7', class: "radio__warning-text" }, this.alertText))))));
     }
     static get is() { return "dga-radio-button"; }
     static get originalStyleUrls() {

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

@@ -79,7 +79,7 @@ export class DgaRating {
         }
     }
     render() {
-        return (h(Host, { key: 'a7ccfc1d8d5d7e19f4535a55379408373809f9bc' }, h("span", { key: 'f6446c4eec1d15868e0e6e4b94410b812718bded', 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: 'c4040b1879ade1225365dd4863688d3dae39eb3b' }, h("span", { key: '5a45f09416d5c451fd077e125696f83404254f6e', 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

@@ -1,6 +1,7 @@
 import { Fragment, h, Host } from "@stencil/core";
 import { guid } from "../../utils";
 import { isRTL } from "../../utils/rtl";
+import { cancel01StrokeRoundedIcon, mic01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaSearchBox {
     constructor() {
         this.size = 'md';
@@ -106,12 +107,12 @@ export class DgaSearchBox {
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: 'b433f93e1967f531cc79e0624ac0fa7ef568f656', dir: dir }, h("div", { key: 'b854f34606d04e1b573f61612f362510eafa8ebb', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '997d8d90277a4e4f406a27aa61dc2e3bbe057a9d', class: "dga-label" }, this.label), h("div", { key: 'f0f00b5e34b6def2e8076b02d9b10ed004eb676e', 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: 'ae6e15cea50784e136728d6cc6daa790c01578e4', class: "dga-search-box__icon" }, h("svg", { key: 'd484ee0b9449c78ab3477244c3679aec174e7d05', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'de9517b3c86571ecbdb01561597df24c388d5fb1', "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: 'b7b483a369bb26efa927da5779d73f0d08de25ce', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: 'f3add2317dc9112b24e65cfa4f67867c6f572a93', dir: dir }, h("div", { key: '85088308f87a378009f57381647098692ed6f078', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '9439418199717058b5d6b8e38329de1a161256bb', class: "dga-label" }, this.label), h("div", { key: 'cfdcc6da3f09f930102a9c75ce7333633417a292', 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: '81ef9e563bd8e35ffc73a59e2cc1961ab8e535c5', class: "dga-search-box__icon" }, h("svg", { key: 'fdcfbcaa17c5a403d48f95b3fd0b6567f9b1027e', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '89f93b108fb945355053262760331273a9cde473', "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: 'b2db02d915bc114778927a4058d9732723a7c460', 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: 'ae365e593efb5ef1402fe84cd4c60273711d4e34', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '73078b14eeac8deb121204911618f8484bf27e35' }, h("button", { key: 'b3c5483db43c02337d5bc813aedd2a8ba54d2956', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: '88dbe6709ce305b0b4bba11f594a1edcb7eebe19', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '6e92bb61bb3f74b1f36087efb8b5970a4f533310', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '0c0fdd62ff6120337146b19ef2ed00dfc8a38fc9', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '680ba0f37a4985a3e58a6252724f510e5551ba6e', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'df772cbaf3fa0fed9fea110a209836aee4a53b96', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { name: "mic-01", variant: "stroke", size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { name: "mic-01", variant: "stroke", size: 20 })))))))))));
+            } }), h("div", { key: '7b6c43a65b1a9e7104f5569fbb24f96d8bf8414e', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '447e3ac61dd72a0d922967449cdeb7c18f58948d' }, h("button", { key: '99353e84de8a53af43c740abace49116af7f0856', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon", { key: '3028dc57f56a3f6b0a5ed3c164ac6924ede2eef8', icon: cancel01StrokeRoundedIcon, size: 20 })), h("svg", { key: 'f41a58ebd3b1a0123a2db4c3e5778c5c3564c2d9', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '9f5531312e4e2ff3507f27f0bd3ad21c22281b5b', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: 'a26c568cace0f79c56104047209f79db53030431', tooltipTitle: isRTL(el) ? "البحث عن طريق الصوت" : "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '17415fd7349e025b42ca3006458f1dd72a577946', class: "dga-search-box__search-btn", onClick: () => this.startListening(), disabled: this.isListening }, this.isListening ? (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01StrokeRoundedIcon, size: 20 }))) : (h("span", { class: "dga-search-box__icon" }, h("dga-icon", { icon: mic01StrokeRoundedIcon, 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: '91c825b1539a33b6c559e9e684428bd9af3e83ae' }, h("div", { key: '17c261c8bf52242d546a41219930e45b31db9687', class: `items-container` }, h("slot", { key: '15d26f50db8de37154d98ee0af927603974dc409' }))));
+        return (h(Host, { key: '37d52515535536dd4bbec09ff34561c2cf641af7' }, h("div", { key: '70359fb2e401799c98cc206539e5307a44dfc8bb', class: `items-container` }, h("slot", { key: '00f13fc62dfdb9e26dae61b74bfe54bfcaad69cd' }))));
     }
     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: '03ad8c944fcdfb9fcfcf5864c8b886e186e06054' }, h("div", { key: 'd2ee645a23be21eae96ef7198c9467bf00ba9c3e', class: `items-container` }, h("slot", { key: 'bcabee7371129bc3477d077aa53baa0e2cec3a54' }))));
+        return (h(Host, { key: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, h("div", { key: '6e70bdd808ba728ed6ef56f595cc5bef8001cb59', class: `items-container` }, h("slot", { key: '47451b0f111654c0c6691e28b6f75aff959efa01' }))));
     }
     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: 'ff686a8dd82b26c1513b7497d998c7db4b056bcc' }, h("slot", { key: '8dda5074fc8bc27b77c6fe338a7ce448894379b6', name: 'icon' }), h("slot", { key: '0cf8091ac4912c34870d41e1624c9bd9e820c274', name: 'label' }, this.label)));
+        return (h(Host, { key: '229c796621d1842e6484a2857130228a6064aae2' }, h("slot", { key: '9b10838752cd3103a736a4bf1931ec58e142ec36', name: 'icon' }), h("slot", { key: '70317608a423de1002f8b762096309aed55b2311', 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: '6099dc2ecc9a116a5ab9829abd705b680b2461f2' }, h("div", { key: 'ca596c2c5cbc8f3b371833c5011bb160e10d8019', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'c0a77d18528fa0adef1f2ca6d812adddda02a2c7', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '07ee3c0b5910f09a978cf2c809f6be187a7c4eb9', class: `content` }, h("slot", { key: 'a52f0cd7d1865b3dfed5ba7f15e865d605365c31', name: "content" })), h("div", { key: '1547766f8442d64bd00cc3a31f5fc9581bd81ee4', class: `actions` }, h("slot", { key: 'f1ef72158fabd47c9c432c504c5a24c8e5caa71f', name: "actions" }))))));
+        return (h(Host, { key: '2148ff638962c3774f6296bb153ab227b2037242' }, h("div", { key: '1876a750095870936c30c938417dbf8f2edc2e7c', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '39f09c68a16d833e43610913fb903bcafd8b1f9f', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '4185be99ad09528b5ab48dfb2f9f9683c80dcc62', class: `content` }, h("slot", { key: '9c880c19c64d3b5a13fd531e1b4e8f6d88ebf13b', name: "content" })), h("div", { key: '9365fa894dc11cbfbccd783834481fb86fd3d0e6', class: `actions` }, h("slot", { key: '252fa64837f5c111ff0954c921c906aa9bba1053', name: "actions" }))))));
     }
     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: 'f11851adf5a25d541cfb5122654a51f1cf6ec9c0', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (h("div", { key: 'a6c235982631b4fdaee847f524ef4c64faec0889', 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: 'a5d9f7f61e4a5503202fa04b8b06b9bb82f3017f', class: `line_text ${this.size} type${this.type}` }));
+        return (h("div", { key: '3387a0e823a08659b101c7a00656711e3898a954', 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: '6bd03c87bb4301f972037a17dc78f11b37613c40', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (h("div", { key: '8a9d83b35d2014527bd9f9b5d49ee84c95fae0dd', 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: '972e2f4fb0297ad96430c3cccf97f571c07c217f' }, h("div", { key: '18b35ea9910aab4c4e7132c83bea336ba9cca50b', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (h("div", { key: '7b34898c6abef2291a6c6d3ef5348a79fa9f7a9d' }, h("div", { key: 'b014a4229f90fe9646b4f6a0bcdde7502bdc4609', 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: 'f299b71d463447cfa466beed4b828868b10a460d', class: "dga-slideout-menu__actions" }, h("slot", { key: '66348ee52a863b5ce072257d2fb24e46c2758cbb' })));
+        return (h("div", { key: '5d8ae1e224ff7d71c4fb041f594dca2baf7f521b', class: "dga-slideout-menu__actions" }, h("slot", { key: '53ab0724ef6f15e6ff02a1ad28360a436b652a9a' })));
     }
     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: '7a04c37f54aecb328623a6495e748889fa0db5b1', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: '6b79a880190f75910eb784c85ecf4abdf4bc79ca', icon: {
+        h("div", { key: '2182354df46ee4fb78c0a96d80194d95ffa3a5c7', class: "dga-slideout-menu__header" }, h("dga-featured-icon", { key: 'afff9bef48efae4c7b3c9035ebccda801b583659', icon: {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: '64ef8977f2d04d0017fceb8b9e85d6ba6e8e6f08', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '47c434e5276595b99333c3f0e494c4d2b5bafd7e', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: 'ca77bf109ba6f652b42b9105a4258cbd573c121d', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '02ffce82acb0bea971478547680bce939ed87701', iconOnly: true, leadIcon: true, leadIconProps: {
+            }, size: 'sm', color: 'brand', variant: 'light' }), h("dga-flex", { key: 'e39ad7b1a9eb6c12480fc17588a61fe272d0b56c', direction: "column", spacing: 4, class: "dga-slideout-menu__header-content" }, h("h3", { key: '6aa3a2c38da28e2e0d7489ca18ad48363cdcca5f', class: "dga-slideout-menu__header-title" }, this.title), h("p", { key: '95da6284f46fe878108c4a134e485d5b3aaffb34', class: "dga-slideout-menu__header-description" }, this.description)), h("dga-button-v2", { key: '5a6ceb040ef1fc27710694cf842bc25eebebc68e', iconOnly: true, leadIcon: true, leadIconProps: {
                 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: 'a8b19743100061582bdf5af99b679e05320844c4' }, h("slot", { key: 'dfcd3538d883ac47771c9fe78b279732e08b7c66' })));
+        return (h(Host, { key: 'f4c67827f20a53f82116256e37dda0d8a86d4a71' }, h("slot", { key: 'bb9f03cb866a3e08a91fe83cd9681f4dbfabd213' })));
     }
     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: 'c684d8516169ca83c1440f619c9f3d5b21e5e6da', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: '52c3e93a8537a3629950a83f7d38dc55efc90b12', name: "slideout-menu-header" }), h("div", { key: 'fbda8c983ad8681853881b9fc323aa5d5d010c07', class: "dga-slideout-menu__body" }, h("div", { key: 'ff01159638dba0d6911773cce8ce93573912f5c7', class: {
+        return (h("div", { key: '7583f037140e3803fc0f48dd371464a9f580e92e', class: `dga-slideout-menu dga-slideout-menu--${this.anchor} dga-slideout-menu--${this.backgroundColor} ${this.open ? "active" : ""}` }, h("slot", { key: 'b40d15e148a97baf8ef6d35be675b2c5d260185e', name: "slideout-menu-header" }), h("div", { key: 'f2898b3ac62425676ae360b10b72b1c9b076e245', class: "dga-slideout-menu__body" }, h("div", { key: '9bd7e21ffcb1917109a411cabf2422722d87b42c', class: {
                 'dga-slideout-menu__items': true,
                 'dga-slideout-menu__items--hide-scrollbar': !this.scrollbar,
-            } }, h("slot", { key: 'd8755c7587e4050da223565825bfbde14e8ebb9a', name: "slideout-menu-items" })), h("dga-divider", { key: 'e18dffd888dee7e7d1f116c14c9555430f5ee099' }), h("slot", { key: 'ee4a3a56e512f225dae707d5b6245e8bfb89f8c0', name: "slideout-menu-actions" }))));
+            } }, h("slot", { key: 'f978bbb5c5627c8db2d788a51bb1b23e46f9a9a4', name: "slideout-menu-items" })), h("dga-divider", { key: 'fb2237cc695f71dcbdc854293961d504cb68372c' }), h("slot", { key: '1d3899ec481ff80ffd8bf58a6f4eef71beff5d5d', 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: '6aa49b0b71b91175ece91c18685bfffeb1f568c8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '07b681de2827acf93508a6016b7c3a0848d73fc2', class: `range-slider-wrapper ${this.size}` }, h("div", { key: '92f38c461b2e1b1dfb65e972f9062297f22a09b9', class: "range-slider-input-wrapper" }, h("input", { key: '6bf589991da6228682d0be88032f360185aa65e2', 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: '46f2edc84c49f249179f4b923086f020f670433d', 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: '879a55d7b6d69a030561a7a9d034ab435bdbac0c', class: "range-slider-container" }, this.showLabel && h("h3", { key: '3f7b389bc84f1f939fe52a30ba9e65d797d3a36b' }, this.label), h("div", { key: 'cf6242e2ef7c0a862c2fed5d40715f4b480acb25', class: "range-slider-control-wrapper" }, h("div", { key: '667398055e13fa5e6eddd7e41bd00f48e1850ee4', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: '151e94ccc78f5c7034b3407ea6eae36822489537', class: "range-slider-rail" }, this.range && h("div", { key: '45942b2bf0e8c4f8b1412dfccbd9539729812aa6', class: "range-slider-number_left" }, this.minValue), h("div", { key: '2b688bf7c85374613d2a240f2ec05e2b245222e7', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'a9c0d03d90acf252a7f419793fca6314a50c4608', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: '5ebc4553d2a7bbdca534962c7c0e64e4cf3f1a43', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: 'b6499b18868e8d056a47f11e5d42ad994359dc87', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'c82e010c180b19ea0900bfa55848f34801e7c017', class: "range-slider-note" }, h("div", { key: '4fb1ab3a2f889c116b318063dae02a97822156ba', class: "range-slider-note-icon" }, h("svg", { key: '7b152f1b5b903bf206b5b8e92bdb9f6633771bc9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'd8bc0ec6e8e48ca7530a0c3a24752fad2c67f252', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '0835d5b5c2b916750393dfed07caa19a37f1f5c9', 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: '160adc0bfc9f1bcf934964d60ac81513fe699003' }, h("clipPath", { key: '3628322f0e74d2b3126f514da693b0b2b033efff', id: "clip0_17869_405" }, h("rect", { key: '35add1c346c9332e65d64b91264e245b8751c709', width: "16", height: "16", fill: "white" }))))), h("div", { key: 'dd8c5dc123c4beec869a98dd4a048426a91d360c', class: "range-slider-note-content" }, h("p", { key: '7b9e4115ae479368cc66fbc678ce90b365e52996' }, this.helperText)))))))));
+        return (h(Host, { key: '8d3bcac4da16796141247932ff3d33b7eec45f96', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: 'd0ef2d04cac6e713448668966ae3dea18840d8f8', class: `range-slider-wrapper ${this.size}` }, h("div", { key: 'c5e19cd8378928e4104ee2ddc59235515a2e18e4', class: "range-slider-input-wrapper" }, h("input", { key: 'b23d8806be3a96cc9ecd4fc6153ea5ff2fa17a18', class: "range-slider-input", type: "range", value: this.minValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMinChange.bind(this) }), this.range && (h("input", { key: '45bbdffe4bb2258d482d839169d75a580c8df471', class: "range-slider-input", type: "range", value: this.maxValue, min: this.min, max: this.max, step: this.step, onInput: this.handleMaxChange.bind(this) }))), h("div", { key: '48a0752bc2f41b2c17521be14e4fc9b295351bf4', class: "range-slider-container" }, this.showLabel && h("h3", { key: '47dadc6766527233801c76fa6d171ddc73d6c12d' }, this.label), h("div", { key: '67d89637145b111698e0ee1bdf910c7de8db1568', class: "range-slider-control-wrapper" }, h("div", { key: 'f0cddcd03feb908c691e675fb52cdd853de9c51e', class: "range-slider-control", style: { left: `${this.minPos}%` } }), h("div", { key: 'b1b8ade03b6c6a0d8654a4f20efd1cd3c55724f3', class: "range-slider-rail" }, this.range && h("div", { key: 'de3b6454efcfd5194a83a5a60c6c41d763df3ad0', class: "range-slider-number_left" }, this.minValue), h("div", { key: 'a9b94f1c1aa1f6a9c6a8382ca0598aad4644d00a', class: "range-slider-inner-rail", style: this.railColorStyle }), this.range && h("div", { key: 'a655e0d70f2e1aaf77e34f972ab2568e9f64adaa', class: "range-slider-number_right" }, this.maxValue), !this.range && h("div", { key: 'd9e4a8779cf25785e8eda0aa710a37a733a0f18d', class: "range-slider-number_right" }, this.minValue)), this.range && h("div", { key: '3b5d331d2e64f0129e9245cdc9a31b8f0548ecc0', class: "range-slider-control", style: { left: `${this.maxPos}%` } }), this.showHelperText && this.helperText && (h("div", { key: 'fb80b6d1717419d9f0b3aae176d204f5b35608e5', class: "range-slider-note" }, h("div", { key: 'f82434e22781096834b179f763c4e4d55a4556b4', class: "range-slider-note-icon" }, h("svg", { key: 'cd12cd8a4579c2d014bc6ad91e3c2333567f3eb6', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '2e36faf38369605cfbb6ab4451b6076520c8bfea', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'e34d754c76cd3c29e5b19c9765faf9728f47b02e', d: "M6.06004 6.00001C6.21678 5.55446 6.52614 5.17875 6.93334 4.93943C7.34055 4.70012 7.8193 4.61264 8.28483 4.69248C8.75035 4.77233 9.17259 5.01436 9.47676 5.3757C9.78093 5.73703 9.94741 6.19436 9.94671 6.66668C9.94671 8.00001 7.94671 8.66668 7.94671 8.66668M8.00004 11.3333H8.00671M14.6667 8.00001C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00001C1.33337 4.31811 4.31814 1.33334 8.00004 1.33334C11.6819 1.33334 14.6667 4.31811 14.6667 8.00001Z", stroke: "#384250", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'b9434daec4336bf0fbabdc90b6e38ac605a4a96e' }, h("clipPath", { key: 'fa168ed9fe9cfa32b318641406708b3f6cdfe2bb', id: "clip0_17869_405" }, h("rect", { key: '2ad04831ed09d3266ef64d778ba08bce5ff14e07', width: "16", height: "16", fill: "white" }))))), h("div", { key: '5c4b5dbe64ef15f218fe2f539a7ee03389ba2acd', class: "range-slider-note-content" }, h("p", { key: 'ce602ce84ac58b837fafab89c3dc2e29dbea55c6' }, this.helperText)))))))));
     }
     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: 'e21d1470959b373752233c8bf9b62c5f2d073e21', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '44dc709f746869ea03eda3d99da475ce34093e17', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'c1a00d38e2b3186aef0dc2b7ca126f878e7cef06' }, h("tr", { key: 'fee3dcc30b632e05c7e9a73ef40972e02cc67a6f', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '9a3868a012e2fa29f18c8ac3af37577abf75787f' }, 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: '79d691fcb4f8c39e32571f48e4364181474c83af', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'bc0004889772d9ec97a362a2d98c86f00ffd38aa', class: `azm-structured-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'b443ef28b2414b6b564e3db8fd69c21281f15209' }, h("tr", { key: '3075adda8efaf8c73568b6351d5289c03d787ac6', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.cells.map(({ title }, index) => (h("th", { key: index }, title))))), h("tbody", { key: '1ac5bc499fdb1b0c4718f5c41487913d24dbab78' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''}`, key: rowIndex }, this.cells.map(({ El, customAttribute, propertyName, type, colSpan }, cellIndex) => (h("td", Object.assign({ key: cellIndex, colSpan: colSpan || 1 }, ((customAttribute === null || customAttribute === void 0 ? void 0 : customAttribute.key) && {
             [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: '23e33c1c116f2f31e9e33231c88a005e676c319f', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: 'd336da4e37ac72089167a86ae6d4c146c72e454c', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '57fe5027a365e6bb33cd2c6cc83572337f5047db', class: "switch-main" }, h("div", { key: 'ffc9128438b3b6504852a492009ffc75c3c14be3', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: 'c91a1368e9b3d7d062c48275f9f052346577a9fa', class: "switch-wrapper" }, h("input", { key: '9849502ebf3500450dc66ed8584bb4772e7b7609', 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: '0f9ffdd7950b3749b2e23330ba678d74c1b284fe', 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: '660ac61c2be3479cc2dfb555e968e47a51b1354f', class: "switch__warning" }, h("span", { key: '22aef2633afd27da04623afc4fb3817f4614d00e', class: "switch__warning-icon" }, h("svg", { key: '3a3b44f7a589efc84b0a05f36a2a3074f4788231', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'bf6e67769930f426627b3adde76cfd5f2b49faeb', 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: '00fece5e8e4b1e9caff283ebd07203e817f23cab', class: "switch__warning-text" }, this.alertText)))))));
+        return (h(Host, { key: 'ba9b37f9628f33216c19e0ab0fd6297fd47a4af8', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("label", { key: '0e13d24d07611003b8dda659130d6b1cb83406c6', ref: el => (this.labelRef = el), class: `switch ${this.color ? `switch--${this.color}` : ''}`, onMouseDown: this.handleActive, onChange: this.handleRemoveActive }, h("div", { key: '9038e7905715e003019ae410d8bdd4f48d7c3ea8', class: "switch-main" }, h("div", { key: 'e1975b977c606e54ecd6204e5d6277cf101623c5', class: `switch-main__content ${this.disabled ? 'disabled' : ''}` }, h("div", { key: '37c479b73870964b5e3b87db8780f4353a97f48d', class: "switch-wrapper" }, h("input", { key: '89b9844185c385ad13ed813c1df1a60257e6bf1a', type: "checkbox", name: this.name, value: this.value, id: this.id, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: this.onChange, onInput: this.onInput, checked: this.isChecked }), h("span", { key: 'd3375662f4318707490e83d3ecad6e5652236c78', class: `slider round ${this.isChecked ? 'slider--active' : 'slider--inactive'}` })), !this.hasHelperText && !this.helperText ? (this.label && h("span", { class: "switch__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "switch__label" }, this.label), h("span", { class: "switch__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: '9234fe3bfa83102d071f31e84c6eab540bd40d22', class: "switch__warning" }, h("span", { key: '599e8c28199149f632e9dfc5fe2675a4ba2d2bca', class: "switch__warning-icon" }, h("svg", { key: '5fb755717ff5ecef1ba0eee73392d3db7c8a27b9', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '166c967368936015cd5e965f71f1460cec795c95', d: "M8 1.33333C4.324 1.33333 1.33333 4.324 1.33333 8C1.33333 11.676 4.324 14.6667 8 14.6667C11.676 14.6667 14.6667 11.676 14.6667 8C14.6667 4.324 11.676 1.33333 8 1.33333ZM8 13.3333C5.05467 13.3333 2.66667 10.9453 2.66667 8C2.66667 5.05467 5.05467 2.66667 8 2.66667C10.9453 2.66667 13.3333 5.05467 13.3333 8C13.3333 10.9453 10.9453 13.3333 8 13.3333ZM7.33333 4H8.66667V8H7.33333V4ZM7.33333 9.33333H8.66667V10.6667H7.33333V9.33333Z", fill: "currentColor" }))), h("span", { key: '399df61257674a35ce0541d7ccc04114bf79981a', class: "switch__warning-text" }, this.alertText)))))));
     }
     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: '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))))))));
+        return (h(Host, { key: 'b533f278a567c99b194269f5d2605cab6a158f56', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("aside", { key: '1020761611a52ef396f1b52871a4a5e490fa5376', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, h("div", { key: 'd5f2d6cb2e07e402a86b9e08bcded02b801a642d', class: "table-of-content__header" }, h("p", { key: '04d84c7ecec1f7b29ee2c114c5c5de096f3b15eb', class: "text-sm-regular" }, this.subTitle), h("h4", { key: 'a640fee996a449f77d0e43f22eb292e195a6a961', class: "text-xl-semibold" }, this.tocTitle)), h("div", { key: '4ea2928d058779bb21c7b62478d79b662a1e3e60', class: "table-of-content__body" }, h("ul", { key: '42b0be4f2e5f142a619a29c82d351065020dafe7', 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: '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 :
+        return (h(Host, { key: '710d717842402c6e41b1ea70ab265768bfedfa2a', id: this.componentId, style: this.rootStyles }, h("ul", { key: '8e4dca04cbefd40911985ac4104c3d6051e74fce', 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: '28eb7e9ce2be2a88ee8aeb0f089cf88f6af0e37e', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'd6b906f179e2c64083d9fdb62f45885980bb49c6', 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: '9263c14b56062c953ee92cf25f2845b9b2533bf6', class: "breadcrumb-item ellipsis" }, h("dga-button", { key: 'aa84674175c07c884fe8f6a0df69633ed04a291c', 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: 'a5e5cf6644305dde6e94abfe6e025419e7b45bf7', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: 'a229b851f769a043a5dd199b9fa3b6463f7e205b', 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: '34b7124e08c8dd81ede16f0ace303d1167215031', class: "breadcrumb-dropdown" }, h("dga-tabs", { key: '3b1fe528da08f7b07b2030fab9046e0b647818e3', 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: 'fb6e590b02d33500b21543e22e96be153377a92d', id: this.componentId, style: this.rootStyles }, h("span", { key: '431f70aae00a04b06078d82c547a5e592cfdf9c6', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'f5f68c3f3c32526f351fbfa7b67077957985c91c', class: "status-tag__indicator" }), this.label, h("slot", { key: '418dcd15c103b5168463da10a6f9cf40186d2e2b' }))));
+        return (h(Host, { key: '32c50cfdc1c7a8dc8b3f6679e565b9f253192a69', id: this.componentId, style: this.rootStyles }, h("span", { key: 'f1b1513a4fe9212c9b5fcb9abc29afa1bac2f1d8', class: `status-tag status-tag--${this.color} status-tag--${this.size} status-tag--${this.status}` }, h("span", { key: 'efbd197521054a2b4d6fcc53612441c91e5cfe27', class: "status-tag__indicator" }), this.label, h("slot", { key: 'ff5956004bb5d87fa50f7319621d3e0c45e9761e' }))));
     }
     static get is() { return "dga-status-tag"; }
     static get encapsulation() { return "shadow"; }

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

@@ -2466,11 +2466,11 @@ a:focus {
   stroke: currentColor;
 }
 .tag--on-color {
-  color: var(-text-oncolor-primary, #FFF);
-  background: var(-tag-background-on-color, rgba(255, 255, 255, 0.2));
+  color: var(--text-oncolor-primary, #FFF);
+  background: var(--tag-background-on-color, rgba(255, 255, 255, 0.2));
 }
 .tag--on-color-outlined {
-  border: 1px solid var(-tag-border-on-color, rgba(255, 255, 255, 0.6));
+  border: 1px solid var(--tag-border-on-color, rgba(255, 255, 255, 0.6));
   background-color: transparent;
   color: hsl(var(--colors-alpha-white)/90%);
 }

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: 'a8df3b1e44bc3a9fa79c984fab5faafb089135a8', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '775627f3ebc79d46abce24f9d1dc404494823ae3', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '1b7fadcc1125e7007c2be5a58417f2941125888f', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: '644a04cab043d9f30fdf8fb0355b21e2f80be471', class: "dga-helper-text__desc" }, this.helperText)));
+        return (h("div", { key: 'f2a73d39268684cec9fba2210c59ebc7f5c5741c', class: `dga-helper-text ${this.error ? "dga-helper-text--error" : ""}` }, h("span", { key: '80f3bfa13dc22335d4fc636a069acbea322d3b3e', class: "dga-helper-text__icon" }, this.helperTextIcon && ((_a = this.helperTextIcon) === null || _a === void 0 ? void 0 : _a.name) && h("dga-icon", { key: '2bd2fe44c408bff2ffc26a71712b9717f94b6579', name: this.helperTextIcon.name, variant: this.helperTextIcon.variant, type: this.helperTextIcon.type, size: 16 })), h("span", { key: 'e886b1b9c9a018aa623df4920d53272615187e66', class: "dga-helper-text__desc" }, this.helperText)));
     }
     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: 'd6d86b8c4bda341af90213470f9aaaeb29ded381', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '58d253e040bd54f0a9dcba9a6300e7ab4dba26da', class: "star" }, "*"), this.label));
+        return (h("label", { key: '972ee04f32e79084d35fd5c47f922ca01019c1ec', class: `dga-label dga-label--${this.size} ${this.disabled ? "disabled" : ""}` }, this.required && h("span", { key: '07cb58fcbc3eda4d621bda3a5263d87dc5a1583b', class: "star" }, "*"), this.label));
     }
     static get is() { return "dga-label"; }
     static get properties() {