@platformscode/core 0.0.22 → 0.0.24

package/dist/cjs/nds-table-of-content-usage.cjs.entry.js

@@ -7,84 +7,84 @@ const NdsTableOfContentUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '64a31f2dbb9e263d1ade4d63fb29087f7658c7fd', style: {
+        return (index.h("div", { key: '08ef62ed62cf509578851b30ab86ea0b7440d220', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: 'b4a2d667914333669e99300d385f9afbc68288ff' }, "Table of Content Example"), index.h("section", { key: 'df83ae54f8e1266bed37e6163056621b11680f80' }, index.h("div", { key: 'cb596c92f5efc3557549cd9459f6b9017ff8a6da', id: "section_1", style: {
+            } }, index.h("h1", { key: 'c2d330f396960b4830736688dbab2eef9fa0b860' }, "Table of Content Example"), index.h("section", { key: '1c7cab9e2ab9f04b441f624cf882e8451b589d08' }, index.h("div", { key: '5e97da792b83ded35315d2e2db15aeff5647325c', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: 'a1cfa10847985a750df7bbbb13750c202b1824d6' }, "Section 1"), index.h("div", { key: '5e724725f0fbb7e67920b432f0b383fea5c9e3df', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: '46482448844591b794277bf088f0315b28ef1584' }, "Section 1"), index.h("div", { key: '6c23e555476adb9fde24fa366fe584c472d0229d', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '773f1ddd2d8ba7620028533779697663e5d84e4a' }, "Section 1 Child 1")), index.h("div", { key: 'c41bdad38785e328974de4e599e313050cc607af', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: 'b0620e3b0d6ca899c98a35a41866a844cdcc1ac0' }, "Section 1 Child 1")), index.h("div", { key: 'f597cdf63bebfa6f8ddeb1532b2b43e795b81ac3', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'ef1a1aa5dc5670c1d37c47468f3a4d8252d0af6b' }, "Section 1 Child 2")), index.h("div", { key: 'eb809e02ea0d5ea086d044ea03da36a86b3d2d00', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: '88733eb8c99ce54307f3ffab1e89a3f770a50b9a' }, "Section 1 Child 2")), index.h("div", { key: '65958c07d5d77036607dff603f90e547457bcb1c', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '475d5b942af24a9567aaae935d4e70153b4f166b' }, "Section 1 Child 3"), index.h("div", { key: '5f9acafacab63139b7d77559c876db3c4351031d', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: '0e4757f1ac0c54c5d238c16594190798ac56f418' }, "Section 1 Child 3"), index.h("div", { key: '4de58a15faa06562e900e5399f5f44bed58dde62', id: "section_1_sub_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '4c7150e6e3fb0d157e0e35f09a6be99367bb5bc4' }, "Section 1 Sub Child 1")), index.h("div", { key: 'a9154370dffe63d585596d16725b24a9fda82af5', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: '7495eec28c45f59b9d956662ca19fa516c988097' }, "Section 1 Sub Child 1")), index.h("div", { key: '769cecbddda4c6560359cc4fcefaac34ffe62b0a', id: "section_1_sub_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'cfe9027db754ce49ef932fe181d4f9ab8f4985f3' }, "Section 1 Sub Child 2")), index.h("div", { key: '72e0cc31f4d83e34063abd7dc74686c3d8b298a1', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: '7b7391c2d9639ec027ecd72cda73847ba3a7078f' }, "Section 1 Sub Child 2")), index.h("div", { key: 'd621388186f91d0bdc6ad5b70af7ed0ba0c051e0', id: "section_1_sub_child_3", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'd80d45570fceec9e53ddd8da5a93d6b7f38c6650' }, "Section 1 Sub Child 3")))), index.h("div", { key: '0468e4190f70aa284093970f7bc8e71939e75671', id: "section_2", style: {
+            } }, index.h("h4", { key: '24a8363b30f6999a3a0a980c04379700c77036f8' }, "Section 1 Sub Child 3")))), index.h("div", { key: 'd1189a5e68047ddc58d7241460b6b4d55649cf0d', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: 'd0df70eb09ce6280a408610780fa26f8acdcf136' }, "Section 2")), index.h("div", { key: 'f480d8333cb212566ef7f380d4322baae9b5dd23', id: "section_3", style: {
+            } }, index.h("h2", { key: '67b3a4ef1426aae03692d62b49c9a50b47a0ace9' }, "Section 2")), index.h("div", { key: 'a0efaf0a89008c7a95c057f1e426a9af3e1951d5', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '028fec1dcc368f31408df031e3fca7ead887ed1a' }, "Section 3"), index.h("div", { key: '8289344d61f65ced7671c6eb91263d25779459d6', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: 'f85011bf44a3b996a06b821d19357c272c892302' }, "Section 3"), index.h("div", { key: '6fe787703c0b9f5ceeecf89e43e2ae1308059075', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '3a580da64dc57c693ed053d1fcece19a4e960c98' }, "Section 3 Child 1")), index.h("div", { key: '8708f7d0336b7400af775823e9294111aedaa441', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: 'a5b31387554071a02cf9dfb053b1ed536da69cb8' }, "Section 3 Child 1")), index.h("div", { key: 'c795e0ae106b416f305e1b107df36824b6336e63', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '71b022629ea471f3afaf745ba55ca02dcd98187f' }, "Section 3 Child 2"), index.h("div", { key: 'ff39795551e434f895e6aaeb31dc7bfe685b9825', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: '72b131df579c8c71c971df06ac492351e42f75dc' }, "Section 3 Child 2"), index.h("div", { key: '1f81ad745133c1d21e88610c25cd80f9e57ed702', id: "section_3_child_2_1", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '89690e908d1e165227b020b93688aad87ee2fd25' }, "Section 3 Child 2.1")), index.h("div", { key: '03690c3de65920d22e9475949f4287397cdc86ab', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: 'f44a0b1e8e593669a32e9ef481b299dfba8b58c4' }, "Section 3 Child 2.1")), index.h("div", { key: 'b29ad3a89980372fde70c41d1baf2f59b4892a1c', id: "section_3_child_2_2", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: '11cd2c3c88f9437cf2928906ca3429543f1a1d3e' }, "Section 3 Child 2.2")), index.h("div", { key: '3c9c52f0c4210ce1d3d834cc7db9766471217141', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '70df7c2a91a8f36306e5a7bddd010a0d722de056' }, "Section 3 Child 2.2")), index.h("div", { key: '4ae37d520c94682c7408b5d598efc8479306cb2b', id: "section_3_child_2_3", style: {
                 minHeight: "30vh",
                 backgroundColor: "rgba(0,0,0,0.1)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h4", { key: 'fe7645c63c3715a3b853aab57789f468f42eefbd' }, "Section 3 Child 2.3"))))), index.h("div", { key: '3d31c729edd91bbf4dc58c1ae10ed4956b3ace2d', style: {
+            } }, index.h("h4", { key: '3344deed2dee429630c6ff72bd0c2fe92aa80bd2' }, "Section 3 Child 2.3"))))), index.h("div", { key: '917d563a7779d083efb7b273216781ae4dc849f8', style: {
                 position: "fixed",
                 top: "100px",
                 left: "40px",
@@ -92,7 +92,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: 'eda1dd3769f2b2ed9d5461aca40f0ec2b1949cdf', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: '61334484bec7d8d875ef8b3faa80f800271761c7', title: "On this Page", subTitle: "Page Title", sections: [
                 {
                     Name: 'Section 1',
                     Target: 'section_1',
@@ -127,7 +127,7 @@ const NdsTableOfContentUsage = class {
                         }
                     ]
                 }
-            ] })), index.h("div", { key: '35ed5749b2f4e446260880f8ae5349a773447855', style: {
+            ] })), index.h("div", { key: '4c95f00c49c6366f04701bc7313e52b9e5f3b127', style: {
                 position: "fixed",
                 top: "100px",
                 right: "40px",
@@ -135,7 +135,7 @@ const NdsTableOfContentUsage = class {
                 background: "white",
                 borderRadius: "8px",
                 boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
-            } }, index.h("dga-table-of-content", { key: '50656964fc7053ee7262813d029e94b02ef125b6', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
+            } }, index.h("dga-table-of-content", { key: 'c56bbd6c85504e4af510f2fc765ffd43d9c8ce81', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

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

@@ -1,46 +1,92 @@
-import { h } from "@stencil/core";
+// import { Component, Prop, h, Watch } from '@stencil/core';
+// @Component({
+//   tag: 'dga-icon-v2',
+//   // styleUrl: 'dga-icon.scss',
+//   shadow: true,
+// })
+// export class DgaIconV2 {
+//   @Prop() name: string; // Icon component (e.g., CancelIcon)
+//   @Prop() size: number;
+//   @Prop() color?: string;
+//   @Prop() variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk' = 'bulk';
+//   @Prop() type?: 'rounded' | 'sharp' | 'standard' = 'rounded';
+//   private container!: HTMLDivElement;
+//   // Initialize class name on component load
+//   componentDidLoad() {
+//     this.updateIcon();
+//   }
+//   // Update class name when properties change
+//   @Watch('icon')
+//   @Watch('variant')
+//   @Watch('type')
+//   updateIcon() {
+//     if (this.container) {
+//       // Convert the name to lowercase, replace "Icon" suffix, and separate words with hyphens
+//       const className = this.name
+//         .replace(/([a-z])([A-Z])/g, '$1-$2')
+//         .replace(/([A-Z])([0-9])/g, '$1-$2')
+//         .replace(/([a-z])([0-9])/g, '$1-$2')
+//         .toLowerCase()
+//         .replace('-icon', '')
+//         .replace('icon', '')
+//         .trim();
+//       // Build the final class string
+//       const iconClass = `hgi-${this.variant || ''} ${this.type ? `hgi-${this.type}` : ''} hgi-${className}`;
+//       // Apply the class to the icon element
+//       this.container.className = iconClass;
+//     }
+//   }
+//   render() {
+//     return (
+//       <div
+//         style={{
+//           width: '100%',
+//           height: '100%',
+//           display: 'flex',
+//           alignItems: 'center',
+//           justifyContent: 'center',
+//           fontSize: 'inherit',
+//         }}
+//       >
+//         <i
+//           style={{
+//             fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
+//             color: this.color,
+//           }}
+//           ref={el => (this.container = el as HTMLDivElement)}
+//         ></i>
+//       </div>
+//     );
+//   }
+// }
+import { getAssetPath, h } from "@stencil/core";
 export class DgaIconV2 {
     constructor() {
+        this.size = 24;
         this.variant = 'bulk';
         this.type = 'rounded';
     }
-    // Initialize class name on component load
-    componentDidLoad() {
-        this.updateIcon();
-    }
-    // Update class name when properties change
-    updateIcon() {
-        if (this.container) {
-            // Convert the name to lowercase, replace "Icon" suffix, and separate words with hyphens
-            const className = this.name
-                .replace(/([a-z])([A-Z])/g, '$1-$2')
-                .replace(/([A-Z])([0-9])/g, '$1-$2')
-                .replace(/([a-z])([0-9])/g, '$1-$2')
-                .toLowerCase()
-                .replace('-icon', '')
-                .replace('icon', '')
-                .trim();
-            // Build the final class string
-            const iconClass = `hgi-${this.variant || ''} ${this.type ? `hgi-${this.type}` : ''} hgi-${className}`;
-            // Apply the class to the icon element
-            this.container.className = iconClass;
-        }
-    }
+    // In your dga-local-icon.tsx file
     render() {
-        return (h("div", { key: 'faca047226e9f7b7959ca4801fca040fac3fd255', style: {
-                width: '100%',
-                height: '100%',
-                display: 'flex',
-                alignItems: 'center',
-                justifyContent: 'center',
-                fontSize: 'inherit',
-            } }, h("i", { key: '0b785d0c009de74c386588f3f190dc9c0d740ee4', style: {
-                fontSize: `${this.size ? `${this.size}px` : 'inherit'}`,
-                color: this.color,
-            }, ref: el => (this.container = el) })));
+        // 1. Exit early if the icon prop is missing
+        if (!this.name) {
+            return null;
+        }
+        // 2. Resolve the asset path
+        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) {
+            // If the path is not yet available, render nothing to avoid the error.
+            // The component will re-render automatically when the path becomes available.
+            return null;
+        }
+        // 4. Construct the final URL only when the path is valid
+        const finalIconUrl = `${spriteFileUrl}#hgi-${this.variant}-${this.type}-${this.name}`;
+        return (h("svg", { width: this.size, height: this.size, style: { color: this.color || 'currentColor' }, "aria-hidden": "true" }, h("use", { href: finalIconUrl })));
     }
     static get is() { return "dga-icon-v2"; }
-    static get encapsulation() { return "shadow"; }
+    static get assetsDirs() { return ["assets"]; }
     static get properties() {
         return {
             "name": {
@@ -79,7 +125,8 @@ export class DgaIconV2 {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "defaultValue": "24"
             },
             "color": {
                 "type": "string",
@@ -142,16 +189,4 @@ export class DgaIconV2 {
             }
         };
     }
-    static get watchers() {
-        return [{
-                "propName": "icon",
-                "methodName": "updateIcon"
-            }, {
-                "propName": "variant",
-                "methodName": "updateIcon"
-            }, {
-                "propName": "type",
-                "methodName": "updateIcon"
-            }];
-    }
 }

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

@@ -16,9 +16,9 @@ export class DgaInlineAlert {
         };
     }
     render() {
-        return (h("div", { key: '0316a4b5b6a748f8a015adc3dc94bf3e61570f03', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: '5e57b9d143dcf1b92d2112c2ec27dfa02dde4b38', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '071027113f98674c48ab9fd7504ced8f541fe89d', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: '03df670c5d9d25dc490bb8ccff9e00c247392857', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: '171636e188e8ee401ddcf93e29051891921cd1c9', class: "alert__body" }, h("h4", { key: 'e38027ee7a54a947d89aeea2852eb8d2f00201ac', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: '904fb9b86f1ae06353c479da19b9ab551cccb134', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'ab8a735090b8ac7f6fdd23b7d7da6e052e5056b4', class: "alert__close-btn" }, h("button", { key: 'd45a9025504e9f42d9c535c7e9d3a5f178876a93', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: 'b74a2d01368fedcdc7e92d4fb3a14d6d5caa9aeb', class: "dga-btn-icon" }, h("i", { key: '46350295244a6efed568368b36e08659c467e492', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: '5bc0a7e921b1a0c1cc4b364f5b949d632c0c9778' }, h("div", { key: '209fa3d861ecb8c5327889ef0d19fcac74040ffb', class: "alert__action" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        return (h("div", { key: '8ba7ba6f28b62f6e8fcf329e657784894d0bcb9d', class: `alert alert--${this.type} ${this.colored ? `alert--${this.type}-bg` : ''}` }, h("div", { key: 'f0fe9baefd39747bde85b7f73ad368992068a5d3', class: `alert__header ${this.helperText ? '' : 'dga-flex-center-y'}` }, h("div", { key: '79a57b6d815d0e0ca36b3d57e505c885d4b762c4', class: `featured-icon featured-icon--circle featured-icon--md featured-icon--light-${this.type === 'neutral' ? 'gray' : this.type}` }, h("i", { key: 'db6847493e402cc52b53447d30d632dbe7bf9a15', class: this.icons[this.type], style: { fontSize: '20px' } })), h("div", { key: 'e294fc51f5053a0701c4e4c115690166c9f5d8d4', class: "alert__body" }, h("h4", { key: 'b7c6956f861237df496b366bc68acf3ce0e417fd', class: "alert__title text-md-semibold" }, this.leadText), this.helperText && h("p", { key: '6acc46312a77e7df634f661355e7e3fe4a33a156', class: "alert__content text-sm-regular" }, this.helperText)), this.isCloseButton && (h("div", { key: 'a49f1ad6e07902a055e4e439d6acbf975363a4c8', class: "alert__close-btn" }, h("button", { key: '77b8e3be663a4d232f92a7a70b2dcb37d5812c67', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: e => this.onClose && this.onClose(e) }, h("span", { key: '717d7c3ee7b4e230b68b72bfa86e443f71588989', class: "dga-btn-icon" }, h("i", { key: '2860fa42b2634c275cf3e85bbff15b48aecb13a7', class: "hgi-stroke hgi-multiplication-sign", style: { fontSize: '20px' } })))))), this.isactionButtons && this.buttonsList.length > 0 && (h(Fragment, { key: 'b66850820e36d0842d6da38fa78836845ee1c264' }, h("div", { key: '28f857c073948e192bc470d4e0caa50512647bc6', 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: '2d99de0116a00c67600ae446784fdd457bf6bd84', class: "alert__action-mobile" }, this.buttonsList.map(({ id, onClick, exraClasses, title, label }) => {
+        })), h("div", { key: 'd842108f8a72aff841a9c8e04b1bd9eab6e54c21', 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: '3524ccffb3ca344772ecdfad1985262c84baeeec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '59f54a5f351e5a4eaf7f0c951dc1e656de0151ba', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: 'edf6c61a57ced3eb05e74b6c9383ec04dad87b6d', 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: '455c4049a9c513faca57ce29eee1e981e2106f7b' }, h("clipPath", { key: 'e0f06f6e3e3defa502327ec28c4461e899cc1ad5', id: "clip0_17869_405" }, h("rect", { key: '7005cc17df3dc686a7cb0f5dbf0e375856cf0aff', width: "16", height: "16", fill: "white" }))))),
-            primary: (h("svg", { key: 'b7d57ca1cd0ea80f9291050e4bdee2b8db57af96', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'c70ef09274c0bba1396c3149ab7ee97ffd869d21', "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: '2f408aeb21d57b6bdd94d93d60040ff02fda63f4', "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: '81ec52dd9fa98ec9f8d2f48679de07a03c4378c2', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '0d30cbc94be9b4aeebedff792f1dc7854b777ea9', "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: '1791cd32804ef47152d5f53cfefdd6fae76de6af', "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: 'db3f56a4d84ef25b6b784f4d3fcdb29aeace19de', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '1f226dc3a739262592a0bc0453a5739e82e06cf8', "clip-path": "url(#clip0_17869_405)" }, h("path", { key: '87441954449fa89d2d45f72964ae4ed249e5df1a', 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: 'a11afb78ada25e29ab5b55eea9503b5595efd57f' }, h("clipPath", { key: '47d109f8fe50ab257629578244a2cbe96c919b03', id: "clip0_17869_405" }, h("rect", { key: 'c447e7b6de84e9f7ad8fc847b36b8a4ad81a808a', width: "16", height: "16", fill: "white" }))))),
+            primary: (h("svg", { key: '7eca17e58a1e8971db808d26218e044a55f2bdec', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: 'cdb135e8de3cb36c7511ef6126bc95f5070a6b32', "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: '6dabb261281988452ec995498c052511188f1e8c', "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: '638532d892b1ce29e7b24537f593131100960fc8', width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { key: '3ffc9449249a75605a682281b53045ced605f316', "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: '059d734ec85088919e12369c350327725e6032f2', "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: 'a2d4a5c63cfe28a0b8e6973ddf8186916621298c', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: '7eb2dbd0df19108d2c024345a797441917bfeb66', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '29d0979fcd57eea13a4aa640928c2bd6b215476e', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '5dfe711a010b42bef02f9cd5e62524243ad7c578', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '9c77ce31f09eca1616243034c1a0c4a8af5e9977', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '8ff8d446ce03ac4cd807a058570e316609f3083e', class: "progress-bar__note" }, h("div", { key: 'f1a51d51ce6432bc7179c877055d9ef83c92df8e', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '3f9c78e09d5e7a612b38fe1dbd19b582e130bdb8', class: "content" }, h("p", { key: '739547d5def7fe3624c4a3724ae93d39188d218a', class: `progress-bar-content ${this.success && "success"} ${this.error && "error"} ${sizeMapper[this.size]}` }, this.helperText))))));
+        return (h("div", { key: '6b403ad2e2c4328bfc4cf695db734f2e884e9409', class: 'progress-wrapper', style: { direction: this.RTL ? "rtl" : "ltr" } }, this.showLabel && h("h3", { key: 'fa8d66d6435f40fc286fa0006eaabd508351a7d5', class: `${sizeMapper[this.size]}` }, this.label), h("div", { key: '9c7bb6ab80ccae07e1a68e9655d02040475ac4bc', class: `progress-bar-container ${sizeMapper[this.size]}`, title: `${progressPercentage.toString()}%` }, h("div", { key: '344c1d7a5f1baa954cbf9bf72bd35cff899e4d59', class: `progress-bar ${progressStyle}`, style: { width: `${progressPercentage}%` } }, this.size === "large" && progressPercentage > 8 && h("span", { key: '831c328bc363f7f45829277636e3a01e0389fc22', class: "progress-bar-text" }, progressPercentage, "%"))), this.showHelperText && (h("div", { key: '3fa81c86891f1693ac9bbcd04c5ac327a259e15d', class: "progress-bar__note" }, h("div", { key: '1d7c95407f7d612a8e29bca4132b298ae6af73ba', class: "icon" }, this.error ? icon["error"] : this.success ? icon["primary"] : icon["neutral"]), h("div", { key: '5028e423dcc8ef35f6d35466906be91ee5dd5925', class: "content" }, h("p", { key: '5271d843b5112bc73538b8b97cef99fba810a93e', 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: 'cde375e896fb7695a84a3876be7dd40e6e35d327', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: 'd56530ce4073a3af8162aa08c5350f2e944c9cba', class: "list-title" }, this.title), h(Tag, { key: 'f1704b6f9f5a73d7eb84beb1f3676a03fab7dac1' }, 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: 'f615a82a1fc3cc60968c453542e7bb4e73b28363', class: `list list--${this.type} list--${this.color}` }, this.title && h("h3", { key: 'e654d3fdd9f7c3bf7f4b3ab5bb7aa9ef63700515', class: "list-title" }, this.title), h(Tag, { key: 'b2e00e488122792dc22d012414976e68fa3efc19' }, 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: 'e251bc3d14cf3669ce76e41d3148ccea2b9c2b84', dir: document.documentElement.getAttribute('dir') }, h("div", { key: '202d2b19c98c7622d43389ee70a12e3aefdc3b13', style: { position: 'relative' } }, h("slot", { key: 'f64eae03415aadcebf16f4ab9cdf640563fb89b2', name: "trigger" }), this.open && (h("div", { key: 'b08ee6b406d61b2dc51bc29bc09e5b2a57ed73a7', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: 'd3853a1ecca1e642f689fced7b284b80d1bace93', name: "menu" }))))));
+        return (h(Host, { key: '7cb7d290099c94f78637dd527de4d9c197a9ad95', dir: document.documentElement.getAttribute('dir') }, h("div", { key: 'c33f17f2050481a96168e8d4ac0b8d4bde7cdd88', style: { position: 'relative' } }, h("slot", { key: 'db78680dc4f1cc33e0c9ff4ab1b0e0db50b3459c', name: "trigger" }), this.open && (h("div", { key: '083f299591f893532e02049ae10c6c50e6101fd3', class: "dga-breadcrumb-dropdown", style: this.getPlacementStyle() }, h("slot", { key: 'bbd031e274cb367bd2fced2f82e62d3b21cc5f63', 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: '875fbe2cf14944fb7854dfeb8b5c9bf0f904b748', class: "menu-group" }, this.groupLabel && h("span", { key: '9c2d8546f065f75163eb2053b856405fd54791a8', class: "menu-group__label" }, this.groupLabel), h("ul", { key: 'b90e6f56fa7f66939633a0663a0b7dd61e547e6b', class: "menu-group__items" }, h("slot", { key: '45866573313e374b16722acde7f7b9ca38b47a60' }))));
+        return (h("div", { key: '94ce80b1dd57576b12666b15d806e9e5f1ed0d85', class: "menu-group" }, this.groupLabel && h("span", { key: '14cc4318166235caf28480811f96ae895abb49cf', class: "menu-group__label" }, this.groupLabel), h("ul", { key: 'a4e8212e9bfcf69cf01de25350705093f95b8d53', class: "menu-group__items" }, h("slot", { key: '7a0697568d98f9116be430f318eaacea46655222' }))));
     }
     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: '2dcf1a79334e11f4893149abc55b919df336427f', 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: 'da935f32b98abddb67d67bd6da168578bfa4d126', class: "menu-item__icon" }, h("slot", { key: '9513e1af3401a3ddee8d0ed028d750e2fdab5c47', name: "lead-icon" })), h("span", { key: '292c13b0b7edee8800937ec87ec43b125decfcf7', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: '918f8f3e916557066d311605e63ee4ed2145fc16', class: "menu-item__trail-element" }, h("slot", { key: '03d069e30c2b9e8d7847afb2a7c5761831f3dd9f', name: "trail-element" }))));
+        return (h("li", { key: '0190b399d047169f65cb91c77d969067d3a19b9b', 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: '72f51f5883486cf1e760e7fad3097b0128aa491d', class: "menu-item__icon" }, h("slot", { key: '5d6c920310fbed88915fffff4ed8a682b9c54659', name: "lead-icon" })), h("span", { key: 'a540e59c288d763f724e77abe017d6ef1d7d568e', class: "menu-item__label" }, this.label), this.hasTrailElement && h("div", { key: 'e18ddca00ba9fa0a3563153ea58bdb3c1bb2e3d8', class: "menu-item__trail-element" }, h("slot", { key: 'c731a9a7edca2c56174d1debb22265a7391dd3b2', 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: '833de21e00d4ca01edec859b9d80fb4c3b667c5a' }, this.open && (h("ul", { key: '1f041fabd360245351d09381cb64a0c70ee19986', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '24d32b3a6595e92b93edeaf2e1355503008cce19' })))));
+        return (h(Fragment, { key: '6fcd673197792109fedf9b63eea183dec56c751e' }, this.open && (h("ul", { key: '9a604ed2ed80d063bb100eb90e6cbb32dba28332', class: "menu", style: this.menuStyle, role: "menu", "aria-hidden": !this.open }, h("slot", { key: '0550557d95d8c7b99c012ad99f509f83feff3f17' })))));
     }
     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: 'ffe4af3cd2e5923ec1112e8b1b9a56837c356256' }, this.open && this.anchorEl && (h("ul", { key: '6fe64b49ab1021b96af3c430a463bdd5745f9e41', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '4c05b7fdb0a3d83f50a276ad1a825cde9e1a952f' })))));
+        return (h(Fragment, { key: '7be8e401d4a5ff14f7afbf0147781b69de2dce42' }, this.open && this.anchorEl && (h("ul", { key: '90d0d2f33b6a5ac6dc3c5470d697cdda5d6c4aff', class: "menu", style: this.getMenuStyle() }, h("slot", { key: '6b0090edbff7518991b2f2af3e87d8715301713a' })))));
     }
     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: '2e2e928b43dd7c3534cbb3148f4b5eadad32cae5' }, h("slot", { key: 'cdad632914785cedd26df399c799819a432250ce' })));
+        return (h(Fragment, { key: 'a249e20cf3d04f76ad283c52864da71c3b0eb201' }, h("slot", { key: 'fb131b1eca158f886bf63fb45e02899734f82acb' })));
     }
     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: '2894448623571d2e0d991181ac6976ef96ad6d15', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: 'bb013c81258d021044889ae74f8fecfb2e43cedf' }, h("linearGradient", { key: 'fcb344e673cf92e17b1f29bf2e41646f25c51825', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: 'e7543c0b0519e88bc45b96717377760267b904e4', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '3cb7527e8670b2589f80c699db5c21e304f9bcad', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '9cb23358348eeac74611e36d8cdeb899aa45ead0', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: 'e38201fa564e77df1ad648dcd7244ba863ff3958', 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: 'a4a0abeb7777c5c670efbc352d9b033a312269e2', width: this.width, height: this.height, viewBox: `0 0 ${this.width} ${this.height}` }, h("defs", { key: '0128873b3d5ae436cfe099529abc8620751446a3' }, h("linearGradient", { key: '0cf2eeedf1651b27421c79034b3a6d5c107dcf5b', id: "areaGradient", x1: "0", x2: "0", y1: "0", y2: "1" }, h("stop", { key: '7060c9f986866b1d51d22477be68970835d57197', offset: "0%", "stop-color": this.fillColor, "stop-opacity": "0.25" }), h("stop", { key: '722c5fadaf1a648e77a2bc792d65ac9c98a61cab', offset: "100%", "stop-color": this.fillColor, "stop-opacity": "0" }))), h("path", { key: '796e7bc807965432741b9e80c85d9b3405ddcd82', d: areaPath, fill: "url(#areaGradient)" }), h("path", { key: '20a8bc1efdf6fb9029b2b00c2330d1d7e59929bf', 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: '71bf0344c31d3ac1cecf72c14a973ea281964d25', onClick: e => this.handleClickOutside(e), ref: el => (this.dialogRef = el),
+        return (h("dialog", Object.assign({ key: 'd1c32cfe295a5c3d5a2ca1ab3a5fc48639dc5671', 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: '3da240650c304b768541d6a968c2c1d322b7989a', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '077e4ae9b53f2a6052dbb143771e43340664d846', class: "modal__header" }, h("div", { key: 'fdd5034a5abc793ddb13fe564ddb30a25541eef4', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: '7947c7ffab050d67b9247431472377766f6cd950' }, this.featuredIconProps))), this.closeButton && (h("div", { key: '7c0012571c85e0ad8c6e1d7073044d28006a6cd0', class: "modal__close" }, h("dga-button-v2", { key: 'f5f56ead5837612cfd24e0c0b61f338ff04af44c', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
+            class: `dga-flex-align-${this.position}` }, (this.open && { open: this.open }), { hidden: !this.open }), h("div", { key: '62d7374470a42a3936715bd73d2bc403326b46ea', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, h("div", { key: '3274bebfc172861325639afa22be4753bb92b806', class: "modal__header" }, h("div", { key: '70313af6cc3fa537afe33f880bc9a77381236d67', class: "modal__icon", style: this.alignmentCenter ? { justifyContent: 'center', width: '100%', display: 'flex' } : {} }, h("dga-featured-icon", Object.assign({ key: 'd52e100b933c3280117870a9b176088540044917' }, this.featuredIconProps))), this.closeButton && (h("div", { key: 'e9e72b399575a345f655a8c37f81a0471cab1009', class: "modal__close" }, h("dga-button-v2", { key: '08bcdbda52ff0f7a4c67ffeee3f433685ed1abc4', size: 'md', iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'multiplication-sign',
                 variant: 'stroke',
                 color: "#161616",
                 type: 'rounded'
-            }, onClick: this.onClose, variant: 'subtle' })))), h("div", { key: 'de8ec4f6421dec09373f253b17793de63744d850', class: "modal__body" }, this.modalTitle && (h("h4", { key: 'd6df96106dc035653bc7cca1a958615a8fd15b0b', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '098c4df3e0ed98f2ffdfc25c5701003793683245' })), h("div", { key: 'ef3c9bef101c9fb54aa743562e545e07db66f7b5', 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: '4eee75857f9c0874a9f453c907b9f65f917ce803', class: "modal__body" }, this.modalTitle && (h("h4", { key: '375dc870e7517302a49a4e9c69628ba14b7f83cc', class: "modal__heading", style: this.alignmentCenter ? { textAlign: 'center', width: '100%' } : {} }, this.modalTitle)), h("slot", { key: '9bbbd49c7cc31333c0170e7e5131338e5855f488' })), h("div", { key: '183bb89b8598ecca190dda5f9bdb1c77d5c4ee9f', 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: '168d1240722de21e7bcbc7dca1a6a936526b411d', class: "modal__actions", style: {
+        return (h("div", { key: 'bf0e4e76d88bc83cf3dd0241b2a432d8201169a8', 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: 'ff01cefaa20cc19ba4cd95c4eb851c48918dbd91' })));
+            } }, h("slot", { key: '5bfbfdce4f370b97922888ac8bdc29dd852acb5e' })));
     }
     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: 'e4ba9c01994a68b23a656497372100d0c951d456', class: "dga-modal__body" }, h("slot", { key: '3698ede6b4e955460f18207009b3b75f93e74a32' })));
+        return (h("div", { key: '55a1913a781c227f06ea92d14329b9b3b55b1a85', class: "dga-modal__body" }, h("slot", { key: 'ca5161cc9580ab8d06bdb9496cbea14802be0c1b' })));
     }
     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: '8cee64d7a5a4ab362a093049952166b9b0582293', class: "modal__header" }, h("slot", { key: '997f02d657ba53c4fc6f723dc171377b7a2be9d9' })));
+        return (h("div", { key: '8816d442c8569d990b353ae711a778e5da47e697', class: "modal__header" }, h("slot", { key: '971b41d0ea5f2fbee599dd05e2f5470f2aa374a9' })));
     }
     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: '482d04ed87ed4b54fe4735c10c13d29439ff3f5b', class: "dga-modal__title" }, h("slot", { key: '91d35f1866ca9d5031742892949993ea8ee77619' })));
+        return (h("h4", { key: '8fcfd3e34dc3a78c6e1c30f93df18ac6a5696475', class: "dga-modal__title" }, h("slot", { key: '9a2f9b79bb2e1e2f456a913d4761b0f2c076b350' })));
     }
     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: 'a8883d60e01c79d559afa20e8492834e96fa2fe3', 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: 'e2ea9ef375718aa2533406e5fddc3a3767cc3f57', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '3cde8a258c2b6f24f11930c81fd4342430069b80', class: "modal__close-btn" }, h("dga-button-v2", { key: '7a92670ed25f53cdae3ddf6e46034aedbd43cffc', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
+        return (h("dialog", Object.assign({ key: 'f5238d2dd7e604e5eb4c49106f5ac0216d724941', 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: 'ed518b3303b2a89ba4e635672921d389dc976c40', class: "modal", ref: el => (this.containergRef = el), onClick: e => e.stopPropagation() }, this.showCloseButton && (h("div", { key: '7ef3a08835e58f1b063f5fc86366d6498b2fd3fa', class: "modal__close-btn" }, h("dga-button-v2", { key: 'c80357eb4b731e199d28e6a39d1b8494fd11bc03', size: "md", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'Cancel01Icon',
                 variant: 'stroke',
                 color: '#161616',
                 type: 'rounded',
-            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '0336d1bad961f3e157b7d0a0a255c91142c60c00', name: "modal-header" }), h("slot", { key: 'e006d5c10830fa2b3655013faecb7dbea701b09d', name: "modal-body" }), h("slot", { key: '96edecba932cdf60c173cfd36813250c8fb5176a', name: "modal-actions" }))));
+            }, onClick: this.onClose, variant: "subtle" }))), h("slot", { key: '97327d10f7daf98cc0c70839dfa800f74d991862', name: "modal-header" }), h("slot", { key: '1a8dc99bb4530999ae4e1238ae908e8a9510bd98', name: "modal-body" }), h("slot", { key: '27356760c1255f893b3ae8f085d002db59006624', 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: '8267abbbe1b3fe44dd304d3abbc43e9dabeeec62', id: this.componentId, style: this.rootStyles }, h("div", { key: '4f469972b3fa07664cc10add3df1920d9707fe6c', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: 'af39aa4561f94847b3ec855387bfa8952d21df93', class: "notification__content" }, this.icon && h("div", { key: '2a1e8ceeee8b7cdc2ed9f01968e2ce6cdbe87981', class: "notification__icon" }, h("dga-icon-v2", { key: '030e20045d99e3c7f9ca228601a6d0a063d2ec6c', 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: '6aa70cb44cb4369e0daf843a9c392095ab12d1d8', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: '0f98c02428497d268defeb846356af94aa10261c' }, this.content), this.link && (h("a", { key: '7365cc64253a2748609952f7715ae7c1c329ff5e', onClick: () => {
+        return (h(Host, { key: 'e8f4e5abac031ebdf619f90ad5a5a5c8a4925525', id: this.componentId, style: this.rootStyles }, h("div", { key: '1edff36a7571ccdc57daede1ea546ae42cf870ed', class: `notification notification--${this.variant}`, role: "alert" }, h("div", { key: '8c85df36ffb2a3252a55cbf752e558ae829ea70f', class: "notification__content" }, this.icon && h("div", { key: 'ec3616fd8559eb100c3434500cb3623349de2ffc', class: "notification__icon" }, h("dga-icon-v2", { key: '186c13d662eae350545b64aa83c56ca949a9daa7', 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: '06940e11714106bad828d1a27bf2b84524d88d4c', class: "notification__lead-text" }, this.leadText, ": "), h("p", { key: 'd4621ee6745a5dee4f0d1241e8ccf35e63c39ba3' }, this.content), this.link && (h("a", { key: '7f8e124c8021a9f2bfe7084cdf2e16dd0b62c6f5', onClick: () => {
                 this.navigateTo && this.navigateTo(this.setNavigateTo);
-            }, class: "notification__link link link--md link--neutral link--inline" }, h("span", { key: 'ed4ef7237b5784853813402f26bbbad5216e1ff3', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: 'bef6ef6f8ff189453912a2f4d3e27f3a30391a10', class: "notification__dismiss" }, h("button", { key: '04ee6d81adc638075458886b437cee1add13be16', 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: '6c56d886725b86c4701f20d8622f683d8462fd36', class: "link__label" }, this.textLink)))), this.dismissable && (h("div", { key: '36ae59ed8dc29074197bb77ebb04f9fd379144d5', class: "notification__dismiss" }, h("button", { key: '4b864cb7450e655520a76d378fafe5f7695419f0', class: "dga-btn dga-btn--close dga-btn--icon dga-btn--md", onClick: () => {
                 this.dismmissed && this.dismmissed();
-            } }, h("span", { key: '067d1aa3456e5a3120c09f128aae7cb3abf82093', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '1691f5292e941f86a326b38fad9cc6597dbdbd6e', name: "multiplication-sign", variant: 'stroke', size: 20 }))))))));
+            } }, h("span", { key: '161ff89c231f44c2ffc220fabd2ac06fc339e7f0', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '89ae8723d7a67e19bb4a2cd1fc8cad35cb01e99d', 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: '0968cd2e52dea9d007224491d94c09a0daf1247f', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'ceaa2f5fdb63a03af6fae054d35b53bf97420b7b', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'f6b0e2c88f99d3e44e4f05a39a8597af50b2b495', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '24dad82dd1b266acc9a8c5227207a000de9bc7c8', class: "notification-toast__body" }, h("h4", { key: '450e27582aa0a8fc1509d0e14600e5611aaebec3', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: 'bdde34bed630e20082435e7bb65f4ef37833249c', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: 'f9f2c438f5e5635ae01793ab0ef070ecc5f00177', class: "notification-toast__close-btn" }, h("button", { key: 'b4040106b69a759cd05a3830157d0fef0f8d43e3', 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: 'f96f1c1a1598066158c7ff28e6e8b17986f41626', class: "dga-btn-icon" }, h("dga-icon-v2", { key: 'f1d201719c6d6c48eba955163f175af64a5a427b', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '85113efecb80287cbf33cc5bf8f8004b8441e1ba' }, h("div", { key: '18801032fed9081f8cc52c178b7ae195835a49e9', 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: '6b486c008e5929e7870df9b506f2bcfa0f0b04e9', class: "notification-toast__action-mobile" }, this.buttonsList.length > 0 &&
+        return (h("div", { key: '6ae70fb90186e145f34afca45dc85125533a0569', class: `notification-toast notification-toast--${this.type} dga-vpostion-${this.vPostion} dga-hpostion-${this.hPostion} ${this.open ? 'active' : ''}` }, h("div", { key: 'aa58aa4bf2c2f97547bc1e2a59aa0626f9aa3984', class: `notification-toast__header ${this.hasHelperText ? '' : 'dga-flex-center-y'}` }, h("dga-featured-icon", { key: 'd790980671b795f5c94e0c6aecf9d813e3cd29f0', icon: Object.assign(Object.assign({}, this.icons[this.type]), { size: 20 }), color: this.type, size: "lg" }), h("div", { key: '00e6221b6751cefacf9706ad716cf3fb91881b26', class: "notification-toast__body" }, h("h4", { key: 'd1cab9a82670a97f0ce990ac061e67ab14530e09', class: "notification-toast__title text-md-semibold" }, this.leadText), this.hasHelperText && this.helperText && h("p", { key: '6e5be9740946f66a17fdbca78988be0e31ece87b', class: "notification-toast__content text-sm-regular" }, this.helperText)), this.closeButton && (h("div", { key: '037d26719384c637b2f446779b5d43bb0020dd0c', class: "notification-toast__close-btn" }, h("button", { key: '13449f774a0bf2984084834648eed888c26ab1cb', 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: '4a5aa132ef0b080e9090c7d0abc3f0aab5dcc920', class: "dga-btn-icon" }, h("dga-icon-v2", { key: '03da45d3dd6a53af629bab89e992536e446fbf59', name: "multiplication-sign", variant: "stroke", type: "sharp", size: 20 })))))), this.action && (h(Fragment, { key: '5ecddc95931cfc86f0812ba5004a5c5cf8202154' }, h("div", { key: '08bedaf15b1e7e33707ac2f4fea1534e5d5a7fbb', 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: '1a4467ff6e81b13f8db0e0ae70124ec9e514b6e3', 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"; }