@platformscode/core 0.0.25 → 0.0.28

package/dist/collection/components/dga-icon/dga-icon-v2.js

@@ -123,14 +123,14 @@ export class DgaIconV2 {
         }
     }
     render() {
-        return (h("div", { key: '184095370d827f57785c2b5d20774b258a0a2d66', style: {
+        return (h("div", { key: '35626b920dfa28f3b31cc8d19b06d88ba4b3763c', style: {
                 width: '100%',
                 height: '100%',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 fontSize: 'inherit',
-            } }, h("i", { key: '559d285c9c9e124603b9627bec99c7911f1962e7', style: {
+            } }, h("i", { key: 'cb2fbd182b27472c6c5eb33f234fe4d825c7166d', style: {
                 fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
                 color: this.color,
             }, ref: el => (this.container = el) })));

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

@@ -27,14 +27,14 @@ export class DgaIcon {
         }
     }
     render() {
-        return (h("div", { key: '407c9b4344caa727111eab9da1b897576387f853', style: {
+        return (h("div", { key: '9fd93cec209d644755a9a0f5a35ae9cbb0a59588', style: {
                 width: '100%',
                 height: '100%',
                 display: 'flex',
                 alignItems: 'center',
                 justifyContent: 'center',
                 fontSize: 'inherit',
-            } }, h("i", { key: '134f66ac9a7b464ea308a6c1180f3724299874cb', style: {
+            } }, h("i", { key: '3bb22cf7b1b9ae8ecdcce2f42b782bc78704feb1', style: {
                 fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
                 color: this.color,
             }, ref: el => (this.container = el) })));

package/dist/collection/components/dga-icon/dga-local-icon.js

@@ -32,7 +32,7 @@
 //     return null;
 //   }
 //   // 2. Resolve the asset path
-//   const spriteFileUrl = getAssetPath(`./assets/icons/hgi-${this.variant}-${this.type}.symbol.svg`);
+//   const spriteFileUrl = getAssetPath(`../assets/icons/hgi-${this.variant}-${this.type}.symbol.svg`);
 //   console.log('Sprite File URL:', spriteFileUrl); // Debugging line to check the resolved path
 //   // 3. NEW: Add a check to ensure the path was successfully resolved
 //   if (!spriteFileUrl) {
@@ -41,7 +41,7 @@
 //     return null;
 //   }
 //   // 4. Construct the final URL only when the path is valid
-//   const finalIconUrl = `${spriteFileUrl}#hgi-${this.variant}-${this.type}-${this.icon}`;
+//   const finalIconUrl = `${spriteFileUrl}#${this.icon}`;
 //   return (
 //     <svg width={this.size} height={this.size} style={{ color: this.color || 'currentColor' }} aria-hidden="true">
 //       <use href={finalIconUrl}></use>

package/dist/collection/components/dga-inline-alert/dga-inline-alert.js

@@ -16,9 +16,9 @@ export class DgaInlineAlert {
         };
     }
     render() {
-        return (h("div", { key: '54614d7ad24329cbac5e01db6f905b8a892edff0', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: 'b16c983879b0a34cfdebe1493e92eb6eb91b12c5', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: 'fd2a7c1d229169522e6173bef9cb06d22bebb21c', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: '32d114a9c6306d02fd5b4d12077d68147c7f18a0', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: 'a132a551be39bafc84b609f207a3e52ad6780edf', class: "alert__body" }, h("h4", { key: '3ffcc76369ce1a2021ada1f398f044205bc2e92f', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'aa1c355d011c33a01ea07e4e2b0ebbf38e8cf6b9', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '452c0cd93ac50777f57f2e6e4285d1201f77daeb', class: "alert__close-btn" }, h("button", { key: '5902264cdab13b6f0e0652d83784cb71c0cf8fcc', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '00544db4a40b5da0a66667dcb83d803fff4b90aa', class: "dga-btn-icon" }, h("i", { key: 'e6943b6920e2677c1745b45cd27591b73807dd68', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '0d6a5b7dc67d02c67d9050a70fd973bdfdaffeb9' }, h("div", { key: '50ac214816ca7c9d2b2cbc7da535d4baeebacbb4', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: '53e0f8ad88dd392f570c18c5ebc9f6067c2d1548', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '5c57b6068d508dc30360ff2be6e3bc8d2d023d90', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '64dffbbe9247e26c84e397bcf3ce687b63512bc2', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: '80db45390465e4d4fb757126e2d8f3fe59052fbc', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: '1a3905e6bdb440cda59718bf3d2409be2c5ba11e', class: "alert__body" }, h("h4", { key: 'e4461712015adf96e0ff9ec0cc3b04890af7f915', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: 'f8d8f19514c759a71b5f6534ad2c6b09490c9cd2', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: '725d08616f1db395035fdadf2d1451e1b09119b7', class: "alert__close-btn" }, h("button", { key: 'e409b36188db32e9949763c28f1fb48c803c1a70', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '44a37ad0ce5716d52fa859a3bf80a294458fad0e', class: "dga-btn-icon" }, h("i", { key: 'fdda958b88150f39f891224f2cb5ff6ed84117ec', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '0c22cee0731db028b82b633cf0fa5cd064b2ba58' }, h("div", { key: 'e1b1961c526d02ee59f3f2e8d7658f8fd86a3d88', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${exraClasses}` }, (title && { title: title })), label));
-        })), h("div", { key: '13e2b29a360d121bd24171bc6dcd6d6ada7b5484', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'd1efc7a34248bfa339f67526383a7dc213b9d25a', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
             return (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `btn btn--secondary btn--lg ${exraClasses}` }, (title && { title: title })), label));
         }))))));
     }

package/dist/collection/components/dga-linear-progress-bar/dga-linear-progress-bar.js

@@ -21,11 +21,11 @@ export class DgaLinearProgressBar {
         let progressStyle = this.error ? 'error' : this.success ? "success" : this.progressStyle;
         let progressPercentage = this.percentage;
         const icon = {
-            neutral: (h("svg", { key: '51d1fcf5514245bd974f01d8f8d69a92d0295c14', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'b5f5bf678dde3fac25de1435bbc59e4a34bc211d', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '7f20772cbf68535db06ecd014af5cdc9048b0ece', 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: '3c1a50accf81c2209a9e0dc2ef8a44451f08b722' }, h("clipPath", { key: '374bf3f0ff62e6749ad20f5a348c642923328453', id: "clip0_17869_405" }, h("rect", { key: 'bf5924b1b7c82f3b1ab69d3bbd1ae397ff0ee62d', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: '7f8ce6a016d350e7214fb26d79181f0864e33a2a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4db64591bc5ba4519fe8fe47bd11e5d8b15cc776', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '025c17c833798c5c5f04f4e043ad3ea5aa845a49', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
-            error: (h("svg", { key: '28942c5fe0b8fd6e480e92eaf5fb7b84f1640a6a', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '4b28056fa9770606234fdc42fd2962c6d496df15', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'e74240cdb7ee5dcaa8a88cb64f31dc52491c130e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
+            neutral: (h("svg", { key: 'bdda62d38abb3ed96b9a0490ee955b153320b45e', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '3f83a5e175c48a8fef598354242620aa0fef4e08', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '1956e5eaafabbb41254a5b8354704a8cb847300a', 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: 'defb7ec1fdabdde353223c98b208db7052abbcdb' }, h("clipPath", { key: 'ad66d7d8ec9f9b7b73448accb58bb49e6fbbba29', id: "clip0_17869_405" }, h("rect", { key: '864bd767649b615ca2ab568321b7c14e84f92899', width: "16", height: "16", fill: "white" }))))),
+            primary: (h("svg", { key: '78f5a620dcc9d3242b427504d508276d5d60b143', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '8c8db0ede7fa793bfb8543d04ddd8925556ffe10', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: 'ef21c2d0b724634aaf16fa6266c24d12022cc729', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334ZM4.70017 7.41423C4.43982 7.67458 4.43982 8.09669 4.70017 8.35704L6.58578 10.2427C6.84613 10.503 7.26824 10.503 7.52859 10.2427L11.2998 6.47143C11.5602 6.21108 11.5602 5.78897 11.2998 5.52862C11.0395 5.26827 10.6174 5.26827 10.357 5.52862L7.05719 8.82845L5.64297 7.41423C5.38263 7.15388 4.96052 7.15388 4.70017 7.41423Z", fill: "#067647" }))),
+            error: (h("svg", { key: 'b77e72d4dabe8d9b8415ed1ea7a7c4cd8bd29ef0', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '6652418740e62fcf5d3451817c39b93ab8b33a82', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8.00002 15.3334C12.0501 15.3334 15.3334 12.0501 15.3334 8.00002C15.3334 3.94993 12.0501 0.666687 8.00002 0.666687C3.94993 0.666687 0.666687 3.94993 0.666687 8.00002C0.666687 12.0501 3.94993 15.3334 8.00002 15.3334Z", fill: "white" }), h("path", { key: '489992023ff62a23544f7b958771aa868b6b835f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.3334 8.00002C15.3334 12.0502 12.0502 15.3334 8.00002 15.3334C3.94989 15.3334 0.666687 12.0502 0.666687 8.00002C0.666687 3.94989 3.94989 0.666687 8.00002 0.666687C12.0502 0.666687 15.3334 3.94989 15.3334 8.00002ZM5.80471 4.862C5.54445 4.60158 5.12225 4.60158 4.862 4.862C4.60158 5.12225 4.60158 5.54445 4.862 5.80471L7.05715 8.00002L4.862 10.1953C4.60158 10.4556 4.60158 10.8778 4.862 11.138C5.12225 11.3985 5.54445 11.3985 5.80471 11.138L8.00002 8.94289L10.1953 11.138C10.4556 11.3985 10.8778 11.3985 11.138 11.138C11.3985 10.8778 11.3985 10.4556 11.138 10.1953L8.94289 8.00002L11.138 5.80471C11.3985 5.54445 11.3985 5.12225 11.138 4.862C10.8778 4.60158 10.4556 4.60158 10.1953 4.862L8.00002 7.05715L5.80471 4.862Z", fill: "#B42318" }))),
         };
-        return (h("div", { key: '924ff844b486be69c8826165d52e40f84b171da8', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '0ca86cde0561d48a38a83404efc27dd547f2fc03', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: 'ae21665c5957c2dc7b19b9bb3dd007b849484866', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: 'd8b8bb2cf1730e355157aeae7d3ff075945d8f3b', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '723dd4f00d167eec4a66f35cac2dad08b9f80a88', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '776b6c4b162696bc8a898df90b5834437cb91391', class: "progress-bar__note" }, h("div", { key: '0bf5316c277071f514efe9e97fa5209badd0fa29', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '6e82f69545480f10d9dde3e7ad6c2c063e51315e', class: "content" }, h("p", { key: 'e7d2b8621a6ae72a096b204b3818f78b9bc14aaa', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '3a2b0572bc8a58a5af8ace95d846abc00077b609', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'e6039a0f91fe20c6dafbbc6ee4976a0d8a323a24', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '1d20d32ffe787f90ce28ef3b1258663d7b061011', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '531270e5382633064a35044c3c105e3015a39a7f', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: 'f9bfa8ae98a4d990789c78ae2039aedc4733f54f', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: 'f1c14407be526e15673fae273ad9c3e8a434f5cc', class: "progress-bar__note" }, h("div", { key: 'd3ac0caddbd72327e6e56d44ce976b918cf53f63', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '8fec35fd4e879e8b8f3b799b5b0196ade376a1e3', class: "content" }, h("p", { key: '52c44ab296cd636fd58055eac107449b689fde2c', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
     }
     static get is() { return "dga-linear-progress-bar"; }
     static get originalStyleUrls() {

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

@@ -15,7 +15,7 @@ export class DgaList {
     }
     render() {
         const Tag = this.type === 'ordered' ? 'ol' : 'ul';
-        return (h("div", { key: '51b6f3cb5f86302c1d7d6882f832ed8d1c074d43', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '149cb916a7db8e4d43bdb104b674ae7cd64bbba9', class: "list-title" }, this.title), h(Tag, { key: '875ef6290fc1550a9c70b449278a8ef80e6ca04f' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
+        return (h("div", { key: '5082f2e16a2d7ca0c5e032c559bd159e176b33cf', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: '9cdc61f9060b9c549c777fb260ddb1076d03e8d3', class: "list-title" }, this.title), h(Tag, { key: '45d79b00364e130ce5dc047c23047cb06cd9290d' }, this.items.map((item, index) => (h("li", { key: index, class: "list-item" }, this.type === "with-icon" && this.renderIcon(this.type), item))))));
     }
     static get is() { return "dga-list"; }
     static get properties() {

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

@@ -148,7 +148,7 @@ export class DgaActionMenu {
         return style;
     }
     render() {
-        return (h(Host, { key: 'fee18b99edbe6dd4a80bca994de014d2c2ba042e', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '067c68696becc616e2ba49566a94af4ff39beea9', style: { position: 'relative' } }, h("slot", { key: 'da82d7b9c8543bdb41596af67f8278b0c84b6991', name: "trigger" }), this.open && (h("div", { key: '885fe2dee74c3cd5cafc83033d247816a379ad3f', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '68c5d542bed0556bb354f26f069e56e804ef8520', name: "menu" }))))));
+        return (h(Host, { key: '1694689c8e740ecad8d8e3fa228927d51821474a', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '4ba5d24d38bfec6792c79063f5e536084436c7bc', style: { position: 'relative' } }, h("slot", { key: '873ace2b72b4c1c1d3f3d5cfc366cf28318d7d3c', name: "trigger" }), this.open && (h("div", { key: '43d665bd23e4b0a6b5b7706814f24d7aaf69aad6', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: '1f7f505246b54a9536e719677593cd30a46ebf04', name: "menu" }))))));
     }
     static get is() { return "dga-action-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaMenuGroup {
     render() {
-        return (h("div", { key: '3a0958a77b19ee0e4e4b77540bd6da24fc51a896', class: "menu-group" }, this.groupLabel && h("span", { key: '994c4208f14c8c76112a05c2e83654331d255854', class: "menu-group__label" }, this.groupLabel), h("ul", { key: 'a3d091ec09b6eae7084d499523e447073c96de00', class: "menu-group__items" }, h("slot", { key: '8cac9f20cfca702cf448bbbafe478c377fd67904' }))));
+        return (h("div", { key: '033cb49487c4fb3cc604e648c7b31e5361fe2204', class: "menu-group" }, this.groupLabel && h("span", { key: '3e76a316631d2c2c357c11665964f6b8041f3580', class: "menu-group__label" }, this.groupLabel), h("ul", { key: '04e3c873f501a23c4fb8361fd7032bd38634b0b8', class: "menu-group__items" }, h("slot", { key: '6136472d284b663587bbf234bda8f10414f53915' }))));
     }
     static get is() { return "dga-menu-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class DgaMenuItem {
         }
     }
     render() {
-        return (h("li", { key: 'fb4a6bf8dd61f3ec664aab550a8486e3e5dce216', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '720e0c8c18f6bc14c086478ca798674549f76570', class: "menu-item__icon" }, h("slot", { key: '6c65c2e801ae667be3499bccabacaafc85274508', name: "lead-icon" })), h("span", { key: '7475b71c0b54d77d21d383520b00a2287e96d565', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: 'ba22327f6a9cedca74179b4532ffe011da4bed32', class: "menu-item__trail-element" }, h("slot", { key: '0cb5af30a61389dbb256d85af58be22ae0cf9070', name: "trail-element" }))));
+        return (h("li", { key: 'e9e6ad78b0bb69ac64d7cedb4856811eb9d6e575', class: `menu-item ${this.disabled ? 'disabled' : ''} ${this.pressed ? "pressed" : ""}`, onMouseDown: () => this.pressed = true, onMouseUp: () => this.pressed = false, tabindex: "0", onClick: this.handleClick }, this.hasLeadIcon && h("span", { key: '6e24789a1b046f4b8bd05511324ff993c15fe985', class: "menu-item__icon" }, h("slot", { key: 'f895954faacba565b11d003a7c5b05766f632cbb', name: "lead-icon" })), h("span", { key: '872697fc273b3dc7243298d52a44c2a313efd88f', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '81c51a280440562f908e1e305049f1719a61c2e9', class: "menu-item__trail-element" }, h("slot", { key: 'fd7e1564b144f2fb5cb472e7b63e2b6bd8193349', name: "trail-element" }))));
     }
     static get is() { return "dga-menu-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class DgaMenuV2 {
         };
     }
     render() {
-        return (h(Fragment, { key: '59258cbbd5dbe51c1e10eef0b6b7406a1ca2f91b' }, this.open && (h("ul", { key: '3b9bc6217f7c494ba83184634595f93440122041', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: 'dd84c9e5e733ec59318c40c1761f7e5b1aa9b619' })))));
+        return (h(Fragment, { key: '87e4e1ba165d7af811e7d6dd0a5e3b9caada52af' }, this.open && (h("ul", { key: '00585f198219ee4cc7aa275a92a48dd1e3f1ada8', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '5714384fa9332a6bd92f8f3cf352dda1043c8b42' })))));
     }
     static get is() { return "dga-menu-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -30,7 +30,7 @@ export class DgaMenu {
         };
     }
     render() {
-        return (h(Fragment, { key: 'cba56b25063d535cf3660806f3b80822330c0c06' }, this.open && this.anchorEl && (h("ul", { key: '1368cf622296d6f04bcaeb75058e278936e15ef4', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '56c1ff862b1ff0cac2a7a6bc08235342ed956a00' })))));
+        return (h(Fragment, { key: '69bdc2e98bd65dfd11de009b1c1b3f514fee4dfa' }, this.open && this.anchorEl && (h("ul", { key: 'fafbdec7bf4ef68b4d79fb54d38883260665e154', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '6fb989d29109ac200f53ff8a2d3ec7069797b702' })))));
     }
     static get is() { return "dga-menu"; }
     static get properties() {

package/dist/collection/components/dga-menu/dga-meu-list.js

@@ -1,7 +1,7 @@
 import { Fragment, h } from "@stencil/core";
 export class DgaMenuList {
     render() {
-        return (h(Fragment, { key: '45b75d048a93887f8fdbe1af21a44d1726d19f38' }, h("slot", { key: '30293553e423667a8ed13ecaabfb3c72a20bd375' })));
+        return (h(Fragment, { key: 'eea19fa1358c223cfd284b7533ccc9979c102fe4' }, h("slot", { key: 'f66a339457384f2b39c4e06c33a91691d2869245' })));
     }
     static get is() { return "dga-menu-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-metric/dga-metric-chart.js

@@ -57,7 +57,7 @@ export class DgaMetricChart {
     render() {
         const linePath = this.getLinePath();
         const areaPath = this.getAreaPath();
-        return (h("svg", { key: '307dff369c3c7b97b21b4f9935ecaebe037f9f88', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '870be4a080f43cbc3bab0415611def0fe8972867' }, h("linearGradient", { key: 'da285ca623dbb895b5a68439b5e294d3c473b29b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '4b52d643e6ba6fdcadb458c0927080d15a76cf4a', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '3551bc2093619f416e8dbdaebb01552a2e2cb856', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: 'd3e56ca310551702902d949efe9c560dc22ea6df', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: 'ba195d1f6b961271efc86deae9a98543ca04ecee', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
+        return (h("svg", { key: '2ad9c2c0939a122d3e3c1e727e9f33fe52ecd376', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '1dcfbe63f895bf76d6a8e8e4e54c9b2d6fa9fafb' }, h("linearGradient", { key: 'c7461f4ddf4587d347f132523448a025f9b1a017', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'fa5fc33dbe033170dc884c122e403ab4ec316093', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: 'c234bf4bedd32b97edef1bb0e69d7b8ca7b3fd7f', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '85aca411c2c387929308fa2814f47b4ab5b02271', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '28018df6b9951eef64277075d0686bfe51176f07', d: linePath, fill: "none", stroke: this.lineColor, "stroke-width": "2" }), this.showMarker && this.getPoints().map((point) => (h("circle", { cx: point.x, cy: point.y, r: "4", fill: "white", stroke: this.lineColor, "stroke-width": "2" })))));
     }
     static get is() { return "dga-metric-chart"; }
     static get properties() {

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

@@ -18,15 +18,15 @@ export class DgaModal {
         HideModal(this.name);
     }
     render() {
-        return (h("dialog", Object.assign({ key: '80f0f37750ca74bca4d64e9725f3b7555812b03d', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: '66dd438932de25abe40bc084324fb862c200bada', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
             //   id={name ? name : guid()}
             // style={{ display: this.show ? 'flex' : 'none' }}
-            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '2b44fa650bdde2fd29e4e3349bcd6192384ebf24', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '5a3654b7fcebe056f5a49ee9aaf1c6b53eab6874', class: "modal__header" }, h("div", { key: '3268a23e759a1f05df7e22202aaa20dc04615c6f', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '0b05a2fdfc34324392769ccae6d0a70adef7d5a3' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '9c64974b5b9942cafff2760f7ad3191ca739e6b1', class: "modal__close" }, h("dga-button-v2", { key: '60a35c42cd9c7fcaf3dbf63996ee2f7ed1c9c110', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '24a3cff28f5f8a2204df6dc9abed337acacbe904', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '0e28d5909c9a0fc12f7d95e58e9d720b55bbeddb', class: "modal__header" }, h("div", { key: 'a74c1df913c89b680183b02dd9baadc6aa5fc50a', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '658126b6ce8bbfb5455f9148a759b5feb6769717' }, this.featuredIconProps))), this.closeButton && (h("div", { key: 'c89fcb27fdae88b6c9cbdbe57bc4246dc68d96c3', class: "modal__close" }, h("dga-button-v2", { key: '10374db2fec719891a185971eea8ef7144ad0f89', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '0dd72368dc4b8f4afeff51d06b5d45d3a081664c', class: "modal__body" }, this.modalTitle && (h("h4", { key: '5b62b1c40f4fc558a4d8aec023e79345abeda388', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '90c1453c6872f410ff8981f06f69633d07c1e958' })), h("div", { key: '50097470632a6c365627ec4a13321549abd02432', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
+            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: '1d422e1f58da25cac85525efafc3c208a31010e3', class: "modal__body" }, this.modalTitle && (h("h4", { key: '6a3c00b9ac2c3f2ac4c9ac32d25afdb25c79d79c', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '7ef6fae88d8b5e4fd6eff3a4fcc9ea99dc8e6b60' })), h("div", { key: '196509d381bf08e32a436a553add6115e3930766', class: "modal__actions", style: Object.assign(Object.assign({ display: 'flex', width: '100%', justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between' }, (!this.alignmentCenter &&
                 this.buttonsList.length == 2 && {
                 justifyContent: this.secondBtnPosition == 'left' ? 'flex-start' : 'space-between',
             })), { flexDirection: this.actionStack ? 'column' : 'row' }) }, this.buttonsList.length > 0 &&

package/dist/collection/components/dga-modal-v2/dga-modal-actions.js

@@ -11,12 +11,12 @@ export class DgaModal {
         this.buttonsList = [];
     }
     render() {
-        return (h("div", { key: 'd145e623f92b0e7258492c2b880768def72564fc', class: "modal__actions", style: {
+        return (h("div", { key: '9eaeb30db277a5b7e33ab65b1e055c28750c1358', class: "modal__actions", style: {
                 display: 'flex',
                 width: '100%',
                 justifyContent: this.alignmentCenter ? 'center' : this.buttonsList.length > 2 ? 'flex-start' : 'space-between',
                 flexDirection: this.actionStack ? 'column' : 'row',
-            } }, h("slot", { key: '6d4982f477065412bffcf89ef168b1dd1ec78365' })));
+            } }, h("slot", { key: 'f2950e95256e78e0a565c47c775be07b635ce579' })));
     }
     static get is() { return "dga-modal-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-body.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModal {
     render() {
-        return (h("div", { key: 'f82c5ecc241b63adad0f4b7d613005c8e85dd406', class: "dga-modal__body" }, h("slot", { key: '6e7ec28fd3a8489b37d4debcd13e1defe3cdf6c5' })));
+        return (h("div", { key: '6b80872d6b5a1f9c40fd6ed21fe336e5655cee25', class: "dga-modal__body" }, h("slot", { key: 'c65b5dbf590c83bbe44679d0e01145bb17b74bed' })));
     }
     static get is() { return "dga-modal-body"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-header.js

@@ -31,7 +31,7 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("div", { key: '3735cf4ce746b7bc6c132c7ae76fc0de2526977e', class: "modal__header" }, h("slot", { key: 'cff6ec8ddc337ce18b54b33a9565564e92f01da4' })));
+        return (h("div", { key: '7ab911f500589ed297062a854bec0cdf1e01ebf7', class: "modal__header" }, h("slot", { key: '7d175a49798bf3620986f3c5332061cb1e56627e' })));
     }
     static get is() { return "dga-modal-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-title.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaModalTitle {
     render() {
-        return (h("h4", { key: '618823e6ca660a890e00035aa9d4b2b71d8c61c1', class: "dga-modal__title" }, h("slot", { key: 'c34ad3e95980a5b4698c2faff24e4116b1304d38' })));
+        return (h("h4", { key: '2e2f657a5b3c1f5c5a048ac789f7a9fc317a9483', class: "dga-modal__title" }, h("slot", { key: '25ed7e28ec4c86e2b2df894fea1a66adf1e42202' })));
     }
     static get is() { return "dga-modal-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-modal-v2/dga-modal-v2.js

@@ -33,12 +33,12 @@ export class DgaModal {
         });
     }
     render() {
-        return (h("dialog", Object.assign({ key: 'a921254ddb71c5e4d4e4c8ea5e6b969081c2c0f6', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '1a3738b25ea722cb35497d1827bef32a1833157b', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '7e0235bc762bf8aa1132254d31c8493fad259ce8', class: "modal__close-btn" }, h("dga-button-v2", { key: 'b5ebcdd5bf4832e8253e3f9e645a49aeabbedbd7', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: '05bae69be2957e4ce8f373d68e382572050d9f67', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el), class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: 'c24fb704f3752734dd9be1d6da78afeba13886f3', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '74911d337ef46d6a4a678abe3383368c160746f3', class: "modal__close-btn" }, h("dga-button-v2", { key: '9780b5be781c24c7be73f035e69733452be6b0e1', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '67d8225a596a7aa440b6119d09d41c068f706139', name: "modal-header" }), h("slot", { key: 'eddcd40c1c20d699466ed44118ee4b47afa05bb6', name: "modal-body" }), h("slot", { key: '74ddf7cd78d29dadd3d18df298eb9fbed0f14ce0', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '11f8272e963395c49c83c48378771b292d78e6c6', name: "modal-header" }), h("slot", { key: 'dd462bfc2fb840f06feab0164bc4c9743cecd9aa', name: "modal-body" }), h("slot", { key: 'b5f834562de20f5fad6ca2d39e836f18f06b7fe5', name: "modal-actions" }))));
     }
     static get is() { return "dga-modal-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,11 +65,11 @@ export class DgaNotification {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'c780b2a9ec8286e8a07b539d5c01978c73674edc', id: this.componentId, style: this.rootStyles }, h("div", { key: '5422c00322a015643136f9501474e82c9b4bc5f8', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '13f9e3763da464acfe59f3e49221c243c5a59487', class: "notification__content" }, this.icon && h("div", { key: 'd13ed9a3637a3d5c9fc0f152c186758d1505b16c', class: "notification__icon" }, h("dga-icon-v2", { key: '1fb84d67ef6a981be0746225c3ffcf0cbeb83566', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: '0db0967eb603a960e0bded4be6742eefbfc713f7', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'be7449e8a068860f5fbc8b8e5ed7571d4c7f3fef' }, this.content), this.link && (h("a", { key: '49c8bc84143aa692052562702a2bda51b0a7eb28', onClick: () => {
+        return (h(Host, { key: '2c3b1752091f30f334fc3e3418961f01598c4613', id: this.componentId, style: this.rootStyles }, h("div", { key: 'eddcf9ee0fc07c8fc7c7b32ba32045001e9d138c', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '7726501fe6832c4124c995c42e3e80c595095e58', class: "notification__content" }, this.icon && h("div", { key: '6c309ac12539be755c3dafd6770bd108de146288', class: "notification__icon" }, h("dga-icon-v2", { key: '50a5232c665386fcefe50cdeff7b8eec4c567446', name: this.icons[this.variant].name, variant: this.icons[this.variant].variant, type: this.icons[this.variant].type, size: 24 })), this.leadText && h("strong", { key: '022e92ada1f26ebde1846fdecde570d4bf381629', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '2e9f585f4d43faee6a52e3fe2211c54e0ae84ffa' }, this.content), this.link && (h("a", { key: 'e5d6b05478e4de18189ef5179e98c0da882902f5', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'de5bbd873d7f93c6f69e82c0f5e12f1ee32b6160', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '963b8fd68fcf2ca869db4a5aa2d1b008960ff3c9', class: "notification__dismiss" }, h("button", { key: '9274fa4c3df51bfb8b17ed9573e62135333daab3', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
+            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'ffd075f0a3f9e25b0b268538437f8ac7c5d63ce0', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'af29afd7d1bb209a94d31d23ca1bebe562fa44b0', class: "notification__dismiss" }, h("button", { key: '610803be38c0e0f0ff96886cf6eae92c7e4ea70a', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '7c72401e5c8ff914d54b7014069c8178ac0d0472', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '187ec9b2630b6190ae20a72296e9543a15e65e11', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '386acaaa7397e7dfa82601709c4b7d856ab467fa', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '603a3cb477f402bd65d29890f51b63270bd0ad53', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
     }
     static get is() { return "dga-notification"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-notification-toast/dga-notification-toast.js

@@ -37,8 +37,8 @@ export class DgaNotificationToast {
         };
     }
     render() {
-        return (h("div", { key: '81b0c5991275eb32275b22c160430b3923bd303a', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'd36f650f13ae715a4d2ce47043b088eb3c7fc2a5', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'd91d5937d27704ee2dc920a121999ff4cdc6708f', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: 'dfe749e3a0b2fcca440d105cde695986ead93b94', class: "notification-toast__body" }, h("h4", { key: '63259f5797ea01a43979264516428aa4eb855f43', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '7cb6927812f829db8e3a92a42e3d2a2b4b6ecdfb', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4741f5f7971e56d2ce3c27d7ce99ba3c0474458e', class: "notification-toast__close-btn" }, h("button", { key: 'd92fa853aeecb76ff7a8d5c6983dae23264053f2', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '138818d41c88ef9f48bab948f8bc4b95b38ab625', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'd20d4b10017b228041a284fb9081aa97d6ad860e', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: 'b68f00d6aac5dcf204110e1095bcc0c03f897fa9' }, h("div", { key: '5eb01a64604b9c15107438c43fee3d86e57ba8ca', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
-            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: 'a2b573d02b8c1e69622133bb9c1cb1e72d962845', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '1a4f1b6476867746d88781e4c26f7241ce98f36f', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: '75f4f5eeea72164de86093911e9d3819b6476d7b', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: '6952bfe52540347d0e469afb89af94521cf7f69c', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '3ab5ed31f539b2b9c231be95a01e8fdfec918d3d', class: "notification-toast__body" }, h("h4", { key: 'f8a981a242880ec536b8607fa278cd02c4b93cad', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '41f671d6be0fdada364973cb27fcd787c1336dea', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '4d4c84358973b0a8306a687fd727facc53aa5b88', class: "notification-toast__close-btn" }, h("button", { key: '417f431696013950501f6c53d5e77e6abe434774', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => { var _a; return (_a = this.onClose) === null || _a === void 0 ? void 0 : _a.call(this, e); } }, h("span", { key: '2e3e4f92064f845f5107749ba8a2bba709242e85', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'eefa5fa3e61893b766b56af4c46cdf02dac027cc', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '5111fab134811c314baaef9b7193ed4ea3c8bdaf' }, h("div", { key: 'd91375cba3e91324d6a2da36e383fc7927504f4e', class: "notification-toast__action" }, this.buttonsList.length > 0 &&
+            this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--subtle dga-btn--md ${extraClasses}` }, (title && { title: title })), label)))), h("div", { key: '0d4d4c5932f290df2997abaa753d13fac389e315', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
             this.buttonsList.map(({ id, onClick, extraClasses, title, label }) => (h("button", Object.assign({ key: id ? id : guid(), id: id ? id : guid(), onClick: e => onClick(e), class: `dga-btn dga-btn--secondary dga-btn--lg ${extraClasses}` }, (title && { title: title })), label))))))));
     }
     static get is() { return "dga-notification-toast"; }

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: '8ea46e3ceea9a9480bddc6e76fc1ddc6b827b1b5', id: this.componentId, style: this.rootStyles }, h("div", { key: 'ddab91b810d46042c9cd9def096fe12ba1d235ce', class: "dga-form-control" }, this.label && h("dga-label", { key: '40dda0ae731426bdfb955f638c185d1ecf0b0b54', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '6e1f96be3865da823dfee4bf8759f7e63da9a87a', 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: 'b8560de6ca70e77475f90f45b1d76c1a1a01a7ca', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: '144a49aad4b27d187684db97e0f184a191dbceeb', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: '7b3ecf6731c4012e101b9a95211c6770fffefc3e', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '4e1b87047f9ee7421e5737caf7d03391726aa5f7',
+        return (h(Host, { key: 'f5bdaa59b58f1f829d798b558dbac602fe5117f9', id: this.componentId, style: this.rootStyles }, h("div", { key: '7db80d23339daf4beab8f0c2eba0d9d86cd36c53', class: "dga-form-control" }, this.label && h("dga-label", { key: '057607b6fe032d3b4306ac9d46d9f61307527485', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: 'eaffaedc94003b3c34c7f5891eebfc395f453dad', 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: '6f4cc28f61fa2e3672565abc388e6edd6e941097', class: `dga-number-input__prefix`, onClick: this.handleIncrement, disabled: this.disabled || this.readonly }, h("span", { key: 'fd9bd43c62d8e64ec09ad6a78160971aab163f77', class: "dga-number-input__prefix-icon" }, h("dga-icon", { key: 'a052b44a7ebbf78b664e0363e01e4281774094bf', icon: "plus-sign", variant: "stroke", type: "rounded" }))), h("input", { key: '0078eed2af7970e2bc7e44fb54eaa4bbbced7629',
             // 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: '3522ea1a0e56a4b5b6b2fdbb1d63372f0c1bc72c', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: '7ea7eca63c83af8f7fa9a3e473d9e31f93fe9e23', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'c7c1ced12d1ace25405e9da803050e424f5ec46d', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'be3f0381bb1c9bbec08a7a453efb258da1a4a76c', 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: 'c0cf4b1775ebc48d632eb804c3f57cdab65ceb1d', class: `dga-number-input__suffix`, onClick: this.handleDecrement, disabled: this.disabled || this.readonly }, h("span", { key: 'e7749fefebc37305323b8f3a4104c0965be7b50a', class: "dga-number-input__suffix-icon" }, h("dga-icon", { key: 'a0339f89ccf78e20baf67baa4b6b9a5f9f785004', icon: "minus-sign", variant: "stroke", type: "rounded" })))), this.helperText && h("dga-helper-text", { key: 'cdfda5eb65940b57dd74627e1d7f8b803686ef9f', 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: '3626e0767ce4d2858ca09bbbf047208b17816918', class: `pagination pagination--${this.size}` }, h("li", { key: '63e6609b4dfdfc315a838be2673b2bf022f578b4', class: "pagination__item pagination__arrow" }, h("button", { key: 'fd0139c8ad613c77309ab7076075d8bae1c1c292', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: '0bab9d3618bab8b85d9a20fb52b7533495ebf89d', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e5787f672def619aea687454cc08f45deca09339', id: "Leading Icon" }, h("path", { key: '23c63e778fd9740e05e298be807f85d0b2a69fec', 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: '522c13da7cc4ecf3faa40eb77e230c92da9fe424', class: `pagination pagination--${this.size}` }, h("li", { key: '7f15475c0b53b1e72a652f1dee3f8f6cc038c1b1', class: "pagination__item pagination__arrow" }, h("button", { key: '5c70be275a685b1ca3dec3ea75bb57e1ddf949bf', onClick: this.onPrevious, disabled: this.currentPage === 1 }, h("svg", { key: 'b19da6f199c711400b807a175d8e38197c0658ca', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '72200ee4d739d4b430cc0cf15bb0b77f9dd77bd5', id: "Leading Icon" }, h("path", { key: 'a2da9ec7ee2d73498c953a9aceb0c1f130f4c754', 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: '574f437a37c9220207a44416359dbed63cc4c312', class: "pagination__item pagination__arrow" }, h("button", { key: 'b37233eedaf43a034ce44358acc2e6b6e6fd30a8', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: 'c812822cfaeada96e310a3eb38e271944e5b8b5e', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '5b39c3b69d5cb3168f14a020799216df34b419f7', id: "Leading Icon" }, h("path", { key: 'c4384a003775954868786a4696ed7e1c0b94d4c8', 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: '09473acabf311c941728d372c5cf2bbce30fa9e8', class: "pagination__item pagination__arrow" }, h("button", { key: '9ad50351c0c1092c012b76c467fd2015ec3b28b2', onClick: this.onNext, disabled: this.currentPage === this.totalPageCount }, h("svg", { key: '5c9c3e76bec4871b8c6149e7141a96f490bced4a', width: "17", height: "16", viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: 'e98dd855d832698b48d091c7594db8976c72f284', id: "Leading Icon" }, h("path", { key: 'e44adaf31ad7292604158cd91af5a0c0e7e84903', 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: '9f84b833ea44f62126faecac063359f3e064fa29', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'a641ae0043e8c0b935b1eb0aad55c94eefa525cf', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '7fea0344757a6242c7096b2d9bf78064d6852668', class: "step-label", "data-state": this.labelState }, h("span", { key: 'ba1b24ad2afdf1006d4159b17fbb7a74d1c15925', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '32ba97665227d1f0e8ad96518cd2856d75ee79e1', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '8eda496c093ff4d5bd2018ead4f17d84ba00b1a3', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6fcf2b93d70a0a083e5e20cf755cbc8fd4729133', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '24bba663d5463842760f83170d5ab108044df178', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: 'aa2b391709be61ff1473bcb8f93fdb63f4a36fad', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5ba08654a25a057153ae10d3184d98f731037747', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '05a7c51dd95dbacac231ce7074d19af8e0c3f99d', class: "step-label", "data-state": this.labelState }, h("span", { key: 'a4cdc98da09dd99d27d3a8fb264902b1d2b1e4ab', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: '1b0337ecc12a3a7b8f8ab69257eb021d0f2492aa', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: '9ce21a3e31430c593f0fdcd7a3bd9fd5a32a91f4', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: '6b766b90fe43b6e5c31fd1a5d073a4876ea68ba3', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: '3ea208356da35d3ce26ef659d676ad4ae793dc5c', 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: '4aea1c7173ba2d9274ba39419d8767d9e23c4f03', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8685c9e567cbf578c85be1e48000c91e2fb92467', name: 'progress-indicator-step' })));
+        return (h("div", { key: '9aac6756fbcd96576c6fa53e1b65fa41cb71e2ac', class: "progress-indicator dga-flex", "data-alignment": this.alignment, "data-progress-key": this.componentKey }, h("slot", { key: '8ab20e00781e8adbdd500dc66c777accede2cb6a', 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: '1dbf3a46fd2a16be1fed73c03024f3e6a4aab05f', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: 'fd7b1d9d72dc84e78a9b5a86febf9a3fe1477b14', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '20398cc4dbfe44280b10f13e5741a55c74aa2ae0', class: "step-label", "data-state": this.labelState }, h("span", { key: 'afc36029e3aedc6b657b4c71e43bc902c49660a8', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'e9ac3adb6f843e081e51c788163b3e4dc1a83490', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'a14606aa329d9c664577e92525c6a5969b43a5bd', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'aa46e054ae72ffda1c48a776195a41d2c0209c67', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'a24a8f4ff6b89bae49d9f3429a9a7bdbdb95c14f', class: `progress-indicator__step-connector ${this.isActive ? 'progress-indicator__step-connector--active' : ''}` })));
+        return (h("div", { key: '0b3880284791a4b0714512be41dd0259a40ac9b8', class: "progress-indicator__step", onMouseDown: this.handleFocus, onMouseUp: this.handleFocusOut }, h("div", { key: '5e0eff774e639788c688b796a2248e86c5ca3ad9', class: "progress-indicator__step-content dga-flex-column", ref: el => (this.stepContentRef = el) }, h("div", { key: '3df2da922c9d20601b45047f1a0e981498d07e7d', class: "step-label", "data-state": this.labelState }, h("span", { key: '73bdf3313205c8c9728e326cdefb96f754f80ca4', class: `step-label--${this.labelStyle}` }, this.labelStyle === 'circle' && this.labelChildren(this.currentStep))), h("div", { key: 'eabd41e9d4e8874d1ea652e81b1d6d6957a9128c', class: "step-text dga-flex-column" }, this.showStepName && h("span", { key: 'ff2b1ff6ee3b552ca9015425b47a617f72322d4b', class: this.isActive ? 'text-md-medium' : 'text-md-regular' }, this.title), this.showStepDescription && h("p", { key: 'ce360370fa4906872f30367120692dd18254506c', class: "text-sm-regular" }, this.description))), this.nextStep && h("span", { key: 'c1b14f4e03fb9279a1d45153ae678d126a0a188c', 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: '0ff5206d743479944290789f99366dfe4ef1bddf', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '8638e870e203323992f543bb281f820a509a7676', name: 'progress-indicator-step' })));
+        return (h("div", { key: 'b9835c5da618944163c794c3fb62ae302bfa1bb1', class: "progress-indicator dga-flex", "data-alignment": this.alignment }, h("slot", { key: '3907a21a9f1c5d6f0bc8b6a880612d94047cc02c', 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: '6d298040f80d9b3a85c60fd1cfdb39af09e7bb2a', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '426c29d2980c1216d15d7ee3850577e4b60bf94b', class: "dga-quote__body" }, h("dga-flex", { key: '50955674b71d2be6a8b0d6b65f226827f44de147', spacing: 9 }, h("span", { key: '80349c18221c8eb9a899c5979b3096b0794dcb43', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2ec58e6133709d118b8817b1d7fc0febc3f11cb1', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: 'b30b4f0cd2d9931f23b7f58cc49309579702beb4', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'a8a2ddeacf83ecd4264c6436f1de9371c63daa57', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: 'b19b301d684b0e6386c2d7af2691aadd821fa5b0', class: "dga-quote__auther-details" }, h("dga-flex", { key: '2c3f63e435e77f016988bdab303606f1628ee98c', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: '577ae619d155e08dbf0d673d0a8cd9e18534733f', size: 80, type: "image", border: false }), h("dga-flex", { key: 'e9cb2297279130fc183747fbefc41fec0a1e145c', direction: "column", spacing: 8 }, h("h3", { key: 'a1c33f6ae557de9fe2cd8537194451617539c7e5', class: "auther-title" }, this.authorName), h("p", { key: 'a9fb6b26c1c9ecb981fd5eb4b29f8db08294bf48', class: "auther-desc" }, this.authorDescription))), h("span", { key: '0b422f7d04c98567709d72a69006e8b428c65e4d', class: "quote-icon" }, "\u201C")))));
+        return (h("div", { key: 'fb35ac80585c933c25a5cb58d3087fdb5b8cd218', class: { 'dga-quote': true, 'dga-quote--white-bg': this.whiteBackground } }, h("div", { key: '463af797b482e462b7f6570b9b8c0e721f3310d3', class: "dga-quote__body" }, h("dga-flex", { key: '8d937c83d18bdc5904ba1eeb5a3f704ee9028cdc', spacing: 9 }, h("span", { key: '5401fb11a7e8c8f0f6dcd2990e7795d57d56d299', class: "quote-icon" }, "\u201D"), h("dga-flex", { key: '2d4f3441f4023ce7108979324cfbb12449584036', direction: "column", spacing: 16 }, this.showQuoteTitle && h("h2", { key: '7f3227d2a44ddf9849cdf0ec7fcff3f1abc8f4f6', class: "dga-quote__body-title" }, this.quoteTitle), this.showQuoteDescription && h("p", { key: 'b634b2084f309df61fb87136e1adacab787f45e9', class: "dga-quote__body-desc" }, this.quoteDescription)))), this.showAuthorDetails && (h("div", { key: '028cf1b9344eed5a37b60b7e079d13d63c1da9ba', class: "dga-quote__auther-details" }, h("dga-flex", { key: '197fb592768e52bf9b8917867f61d3eebf1658a1', direction: "row", spacing: 16, align: "center" }, this.showAvatar && h("dga-avatar", { key: 'af2a50edc81b2801db58b4e6843da7aa2d4d2c80', size: 80, type: "image", border: false }), h("dga-flex", { key: '870414b47d7f3530ca20711f25fd995182418558', direction: "column", spacing: 8 }, h("h3", { key: '0e786bdce329d14770327ca820f700476f2f397a', class: "auther-title" }, this.authorName), h("p", { key: '07fb34ce45805ac1d3861d29cef065095fee5f89', class: "auther-desc" }, this.authorDescription))), h("span", { key: 'd497031042b388dfaa7d6bd791d7c3356cc20ca0', 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: '8ac7aad0247d29ff43e0ba46741b1766ab89baa6' }, h("span", { key: '0df3e0827418d31f5101d09f0136fa618ce23b6b', 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: 'cd38dc21ae1deeddce0086424231dfeb30329ed3' }, h("span", { key: 'c7ae687c27cd5ea89480a653edf27ea035a5b25b', 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: 'a528957394f33a3c53d59d878ab2013b3713d05c' }, h("div", { key: '9e909c68c25a9126e1882640e2c706df91fd8629', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '6a8e4076d776294f5c79eeaa3023e12d34672129', class: "dga-label" }, this.label), h("div", { key: 'bc51d0a3785619097df985ac2f18483b9861a855', 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: '43bd3e693899310bcdcd7537cd52b9ebba18721b', class: "dga-search-box__icon" }, h("svg", { key: 'b034534233c5456b36b920a5644c41950a053f62', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1cdd50608bad13c1b550d99de2cfb45d1eaa9b64', "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: '45a1df0c9fca4e68da91826688adc8aa1d57fcf3', value: this.value, name: this.name, type: "text", onFocus: () => (this.isFocused = true), onBlur: e => {
+        return (h(Host, { key: 'd21b4458f8c9b555c7ce371ac71bf2ccfcaa1168' }, h("div", { key: '0a4b9a8c0e1de31656028c371b76a162c0d1bfdb', class: { 'dga-form-control': true, 'dga-form-control--fullwidth': this.fullwidth } }, this.label && h("label", { key: '68594bf29d5a56f3684b9787bf1c9719d835f8f8', class: "dga-label" }, this.label), h("div", { key: '2a593deed76fb0923b74362da6cb4e95c999da80', 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: '1fccb81711b7d06805e8bbec21e8c600d33de876', class: "dga-search-box__icon" }, h("svg", { key: '33079c68d16857ac3033c7d8ca5d5ca77412b367', width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '1fe8349b54e4c6fb2892261b8ed7a6b92d037cec', "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: '24b015346e4a09df97919115e3fabcae2a56dff9', 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: '2780db7bc250886840e34031280210cd726f8310', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '1deeb7f02f8bf07ee649fdadc13798d2bfd2d312' }, h("button", { key: '210bef28b57b135c50f40b92803ab045dced812a', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'ec4c528aeea65f9c16a170f3e27577e4e045d965', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '94b701fd4cc422c8d9eb0b67b837a17bde0012d9', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: 'c016c08c698329df88ba2bd658e67e4ea76bcd66', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '8f346ad1c6c1d484fcf80f93bb5349a0e3b93995', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: 'a8952b4321465ac42af87e5fea89d134b0a6b9f5', 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: '7456fa0bacbcfc924570d49ba03aee643634b03f', class: "dga-search-box__actions" }, this.value.length > 0 && (h(Fragment, { key: '18f2c1e4f650f34fb6b7b46834a00ec14aa8f512' }, h("button", { key: '83dcf8bb7af691e5f6e56c3c9a0264aa06b6c4c5', class: "dga-search-box__action-btn", onClick: this.handleResetInput }, h("dga-icon-v2", { key: 'b136b525a8fa02744b392fefbfac56b6a97874f0', name: "cancel-01", variant: "stroke", size: 20 })), h("svg", { key: '5b27a74e77217ea046915d954c4cd6edbee76420', xmlns: "http://www.w3.org/2000/svg", width: "1", height: "26", viewBox: "0 0 1 26", fill: "none" }, h("rect", { key: '85ebe6952fe5768f483dc3f74f3d5729144a5be5', x: "1", y: "0.5", width: "25", height: "1", transform: "rotate(90 1 0.5)", fill: "#D2D6DB" })))), this.showTrailingIcon && (h("dga-tooltip", { key: '0df6d0c2f889c4d74fcb8ca2666716e2d85bd6f6', tooltipTitle: "Search by voice", direction: "bottom", beakAlignment: "center", beakPlacement: "top" }, h("button", { key: '4223f5040e05237265ea15bedc197d8012190243', 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: 'd1e640c6c31419544931a943928581ef2ea7eb5c' }, h("div", { key: '0ed3577db3702c1a6a9541119c5869052bfdfc51', class: `items-container` }, h("slot", { key: 'a876aa2c50147c276c9c687b9a4588aa7c5aea0c' }))));
+        return (h(Host, { key: 'fec48112353fcd554b608780c7805c11ef383d51' }, h("div", { key: 'bb614b01662d01e7979638c6467014af2f5486e5', class: `items-container` }, h("slot", { key: '34dca111e83fd2489e3cb795dcf0083066a354a4' }))));
     }
     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: '91c825b1539a33b6c559e9e684428bd9af3e83ae' }, h("div", { key: '5e480a12ae5ffac72c5aad75c6b71f3ed3b1b733', class: `items-container` }, h("slot", { key: '091a6c6eea6c714f2366d977d54650b942b7adde' }))));
+        return (h(Host, { key: 'd9b732973272bc20a9407bfb291293ff8936a792' }, h("div", { key: 'dce382719b0b96c984dee57dd4b054325ff4834d', class: `items-container` }, h("slot", { key: '851ec4474a4630d627326c6daf4da23f635fd268' }))));
     }
     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: 'a85326c31b79ccdebf74482c9dd4e1dbb3647f69' }, h("slot", { key: '4cb233cf04983344e759015607e4eadbb3576a68', name: 'icon' }), h("slot", { key: 'a01ddbac3667222c95ab5e72169875c8fe0094e6', name: 'label' }, this.label)));
+        return (h(Host, { key: '87572880e04d67c78bbe24dce793d6147d166d37' }, h("slot", { key: 'e478e5be9f8231a25f8f76dc5b44b062552d3305', name: 'icon' }), h("slot", { key: 'bdf901885edd5f6edfe77ae63311748da8f6550e', 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: '97c98d0412b928e7690a34db9b858d065ed1a1a5' }, h("div", { key: '7311349c4fcde2f18cd6bf0f87305e0a60d5a4c2', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: 'f77d3a91f40b5f401b68381da4bff897b854a84a', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '90657750cdf05e52811c8394f84aca53b92a2e6c', class: `content` }, h("slot", { key: '3ef6c602e27d5092bfeac1fbc013e9f7664f3951', name: "content" })), h("div", { key: '288904638f4e47678ed852fcb58ff2e6e70d9d13', class: `actions` }, h("slot", { key: '1cbf8daedb8ade075c19e1f623ba03c7ac5d25d0', name: "actions" }))))));
+        return (h(Host, { key: '4d6a56396f788b3f018b3774c84fb6bc0d0849a9' }, h("div", { key: 'f6c6cf9410c08dfdab2c9889852649634b763dbe', class: `wrapper ${this.variant} `, "aria-label": 'a secondary navigation navbar' }, h("div", { key: '4b851ce02ce31b959365e7a09374097d369973ac', class: `container ${this.hideDivider ? '' : 'border'}` }, h("div", { key: '6214ce6582acd5ac51e252425546acd6a5edad46', class: `content` }, h("slot", { key: '3a70b02c824ba50ca99427169697341dc781c5d5', name: "content" })), h("div", { key: '2193cb09f2bd21e7741460d91ab3ab38c723370b', class: `actions` }, h("slot", { key: 'fa36abcb4f2e101b986b746af0dad2af3fee7fa4', name: "actions" }))))));
     }
     static get is() { return "dga-second-nav-header"; }
     static get encapsulation() { return "scoped"; }