@platformscode/core 0.0.34 → 0.0.37

package/dist/cjs/nds-link.cjs.entry.js

@@ -17,7 +17,7 @@ const NdsLink = class {
         };
     }
     render() {
-        return (index.h("a", { key: '908ca034b4688881c384b80ac3545a889631c646', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, index.h("span", { key: '2513a04e7a8c85b29930c41600a8e67f672adfed', class: "dga-link__label" }, index.h("slot", { key: 'ac9c5b8d85193abe9ea4cb33bbf805dd769d712f' }, this.label)), this.icon && index.h("span", { key: '611c05428ae23a08d28d94b9d7dcbf64a535ac95', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: '8d8dc7e4ac7f49c380a5fbcde64f6b7874f0fa1b', name: this.icon }, this.iconProps)))));
+        return (index.h("a", { key: 'f48b97ed18686f03cda9964e1ac9ea5d9bca372f', href: this.href, target: this.target, onClick: event => this.handleClick(event), class: `dga-link dga-link--${this.size} dga-link--${this.variant} ${this.inline ? 'dga-link--inline' : ''} ${this.disabled ? 'dga-link--disabled' : ''}` }, index.h("span", { key: '4178aa7bf5400b9335f084b62c974cf3d903e8e9', class: "dga-link__label" }, index.h("slot", { key: '740838deeea03a9899e9f51cfe8befbb40531ded' }, this.label)), this.icon && index.h("span", { key: '53a3c389da73235be626399658756e783d7936a8', className: "dga-link__icon" }, index.h("dga-icon-v2", Object.assign({ key: '7acdf111d7878345389d59d770d8427c98bb8075', name: this.icon }, this.iconProps)))));
     }
 };
 NdsLink.style = ndsLinkCss;

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: '558060ccaa4eddf8988f1cb81b6790c8a19c2502', style: {
+        return (index.h("div", { key: '819bd10e95e3edba4d0b6ea01eb1aed583dfce14', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: '208e70a4a41be72beb04373de755e7655127c938' }, "Table of Content Example"), index.h("section", { key: '757e33640bf9f766c72db92ea8b2a963a7c49bca' }, index.h("div", { key: '97a5d883974825d362c6b076807880f805cedfec', id: "section_1", style: {
+            } }, index.h("h1", { key: '91cdaf8b92dbc751441a84e6f094a006d997f632' }, "Table of Content Example"), index.h("section", { key: '3f4c366c5afe758b33c9ffc2be44ed355ca945ae' }, index.h("div", { key: '1f6144981097182371904b57900c0fab9ad1878f', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: '7a82c3ff97d030aee5efa50a83797d6b57a9c560' }, "Section 1"), index.h("div", { key: '5cd0f06ddad0a30925b6dc25a024e628b0e657d3', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: '55ac3d3c19bc52df21534a3aa5c45df41494db64' }, "Section 1"), index.h("div", { key: '80cbe9adf44c56ec310bd7822adf91407d23bacd', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd4f478dd5c96e65b714deff0bcf310c8318b2e53' }, "Section 1 Child 1")), index.h("div", { key: '4b0313f87d19a3c880a305e5fc8d82ccaccfd60c', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: '47c02a0cf9e96dc2c76c38069c2947b485bf2020' }, "Section 1 Child 1")), index.h("div", { key: '67a035faada4a72443202f3773b7b6852a548078', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd094624090a7c63d99f3d5cb4ecd0e3eddb3da78' }, "Section 1 Child 2")), index.h("div", { key: 'f171f9a53a8c4f52951ab130038db074238503ff', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: '13e167c6bb796405f61f4d7e2b07eb2295951537' }, "Section 1 Child 2")), index.h("div", { key: '19302f93f150f04498c76e7e3981cc9a937c460c', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '20ff9e162473f6400ab23454a1953bfd008a6ac7' }, "Section 1 Child 3"), index.h("div", { key: '83dfba9d129eb6c4da5d6e7e63b23477226b56a2', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: 'd14b0a6089b3cc61386e677022b33760446c94d3' }, "Section 1 Child 3"), index.h("div", { key: '16dfb4f0205e93efa321965488cc42936ae19520', 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: 'd3a66e5307a9c27b051962b1c7e82d6e342d6630' }, "Section 1 Sub Child 1")), index.h("div", { key: '0a4c48797236b862d97ba9b29b92ea7766657147', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: '55465560552ae3de409af8fbcd2b0ee88daf216b' }, "Section 1 Sub Child 1")), index.h("div", { key: '560c02814d745d8028077449150586bca956ea68', 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: '0f14c21aa1979933a798cea3a6b7883e6fda8307' }, "Section 1 Sub Child 2")), index.h("div", { key: 'c3adc9e8a02696ee6600abc0532626f912b309ad', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: '3198413f9f5e3c0c864cf12f4567375d079d645e' }, "Section 1 Sub Child 2")), index.h("div", { key: 'ce2a0fe28bd218334d403ba97739773aa987a22b', 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: '2baf7cd8a66716632e30bcfe0f53bb150f25a938' }, "Section 1 Sub Child 3")))), index.h("div", { key: '93860a35f607c28759eef7c54f968f9305a125fd', id: "section_2", style: {
+            } }, index.h("h4", { key: 'b60f9c9ca3b70638d971c6911f5d065e7b16459d' }, "Section 1 Sub Child 3")))), index.h("div", { key: '83ca6530654fbb0565e11955bda0f902d4aa7bbc', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '820694367784fff31bd78c86e0f78df9cf38448a' }, "Section 2")), index.h("div", { key: '0e43be22072320df8eb6a30d3e5363f8afa26366', id: "section_3", style: {
+            } }, index.h("h2", { key: '41b89f0c025644330e13495d8a231db3bc0766f0' }, "Section 2")), index.h("div", { key: '085a8c521c17fcace5ccce494f02df0b91f26ca8', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '7fae2ededd5c55f31cd1dc392ee55fe606da558b' }, "Section 3"), index.h("div", { key: '44af424dbadfaeee3d17a0b3da719ba5c8f0dda3', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: '0af0a0ef370ed82a5675fe43af2a49ca65d8385a' }, "Section 3"), index.h("div", { key: '1432fbdbad8487bd6d55a21d56646ca7fe36d005', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '6288fca59005bbe823c0c8165534d3ac2fc3885f' }, "Section 3 Child 1")), index.h("div", { key: '95ecceaf1176e5692e61a7594c2d92a92014d699', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: '1b1ac49d5652dbbbd2beba407ce1679ce3ae500c' }, "Section 3 Child 1")), index.h("div", { key: '1bdc723b43b40dcf4d10a2aaf6afaabf54f19749', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '5095a5f5ac22e0c069d48e918fbe56e60c8b000e' }, "Section 3 Child 2"), index.h("div", { key: 'daee08e2253a8b8a0d6aa10c60cf5b3904ab82b3', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: 'e1b0af152d3540d79a27396090fec1ee058b1a85' }, "Section 3 Child 2"), index.h("div", { key: '254db3888856828d40551f8f31c2e2a890f2353d', 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: '2c0584d9565b9ae786a19a489196351d6105d7f6' }, "Section 3 Child 2.1")), index.h("div", { key: 'a8b39d3152242bee3c9a14be3d8098465b4a26f1', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: '9b1eba61d3a94f3cf883e09e1953008902e171f1' }, "Section 3 Child 2.1")), index.h("div", { key: '5e2935f570c90f13334b4b9909e44041a9b94dd5', 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: '0d7ab69bd1b5c4333c344cbe4c71b1830ad2c407' }, "Section 3 Child 2.2")), index.h("div", { key: '4c1cc0dfa6d11f3c3d32cb3d24f29e971a0d752e', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '04e16bd451630e9b2518447899d73ee62cfd7aff' }, "Section 3 Child 2.2")), index.h("div", { key: '54fd805685bd48de1c96383a8ff65ea1dad19b10', 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: 'd66b28a5ed6a1743d2083d738a9f15f9937d4836' }, "Section 3 Child 2.3"))))), index.h("div", { key: '5b7712b555a84bfceb8abddef1ddf5771af50422', style: {
+            } }, index.h("h4", { key: '62d77b202b63f6b747d46df504562d52064516f9' }, "Section 3 Child 2.3"))))), index.h("div", { key: '143f4ef993450120c9aae58ee235d3ab0e6e2c9b', 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: '291bcbd0286641790095903cf898b9856050fd05', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: '68b905bdc574a0c36de16d2d52cc43f8af3f126a', 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: '11db639704f2a40958ae33b6d842307c197fd39b', style: {
+            ] })), index.h("div", { key: '53fbcabe9af9e2a9a9a27ca7a6896aa036a3bb92', 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: 'a2de5976dc7daa028448441a0162f51f7165f138', 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: '54559ebc83088265ce72d225d2ed5ff08816e5c0', 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/cjs/nds-table-of-content.cjs.entry.js

@@ -150,7 +150,7 @@ const NdsTableOfContent = class {
             _a.map(subSubTab => (index.h("ul", { class: "table-of-content__tab-sub-sublist" }, this.renderTab(subSubTab))))));
     }
     render() {
-        return (index.h(index.Host, { key: 'ac0ce1543b8a4556b22cfdb1f7e8761745c31c10', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: '854fbaa37dc984d9368bc6501035d36046c15c0e', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: '205782a0e4cadd5e711134f50b41178083fc740c', class: "table-of-content__header" }, index.h("p", { key: '9d75819bd96b5194f84cf24df34140c2be7d82dc', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: '47869006813d4fa830e53e1bc1b2a3c3d35790a8', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: '125041a9d96ef160f5389fa9e72a5400eec6499f', class: "table-of-content__body" }, index.h("ul", { key: 'c8d7cec0a4d30ea91dfd867b132fb633d775f01d', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
+        return (index.h(index.Host, { key: 'f2e245bc80253e20a360a8c7708b8237f77327bf', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, index.h("aside", { key: '5c06081a28321bc5d68f456c7b7cab6c6dd3dc4a', class: `table-of-content ${this.rtl ? 'rtl' : ''}`, dir: this.rtl ? 'rtl' : 'ltr' }, index.h("div", { key: 'bc3344e80b41d10da9df917ff72fdc1352bcb8c1', class: "table-of-content__header" }, index.h("p", { key: '2b112cc35eb8e700e9fc6ae32f09a6498afa7643', class: "text-sm-regular" }, this.subTitle), index.h("h4", { key: 'a665883b44f79613ed9a15c55f63b7f41c7a801a', class: "text-xl-semibold" }, this.tocTitle)), index.h("div", { key: 'ab41aa4803308358efa27ae544e67e16d548d068', class: "table-of-content__body" }, index.h("ul", { key: '29e2803d37928b0f1c14ae02f76d5e9633df2d34', class: "table-of-content__tab-list" }, this.sections.map(tab => tab.Children ? (index.h("div", null, this.renderTab(tab), tab.Children.map(subTab => this.renderSubTabs(subTab)))) : (this.renderTab(tab))))))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/collection/assets/{used-icons → icons}/index.js

@@ -12,6 +12,8 @@ export const filterStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http
 export const arrowUp01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M18 15s-4.419-6-6-6-6 6-6 6'/></svg>";
 export const link04StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M10 13.229q.213.349.504.654a3.56 3.56 0 0 0 4.454.59q.391-.24.73-.59l3.239-3.372c1.43-1.49 1.43-3.904 0-5.394a3.564 3.564 0 0 0-5.183 0l-.714.743'/><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='m10.97 18.14-.713.743a3.564 3.564 0 0 1-5.184 0c-1.43-1.49-1.43-3.905 0-5.394l3.24-3.372a3.564 3.564 0 0 1 5.183 0q.291.305.504.654'/></svg>";
 export const squareLockPasswordStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M14.491 15.5h.009m-5 0h.009'/><path stroke='currentColor' stroke-width='1.5' d='M4.268 18.845c.225 1.67 1.608 2.979 3.292 3.056 1.416.065 2.855.099 4.44.099s3.024-.034 4.44-.1c1.684-.076 3.067-1.385 3.292-3.055.147-1.09.268-2.207.268-3.345s-.121-2.255-.268-3.345c-.225-1.67-1.608-2.979-3.292-3.056A95 95 0 0 0 12 9c-1.585 0-3.024.034-4.44.1-1.684.076-3.067 1.385-3.292 3.055C4.12 13.245 4 14.362 4 15.5s.121 2.255.268 3.345Z'/><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M7.5 9V6.5a4.5 4.5 0 0 1 9 0V9'/></svg>";
+export const cancel01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19 5 5 19M5 5l14 14'/></svg>";
+export const mic01StrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-width='1.5' d='M17 7v4a5 5 0 0 1-10 0V7a5 5 0 0 1 10 0Z'/><path stroke='currentColor' stroke-linecap='round' stroke-width='1.5' d='M17 7h-3m3 4h-3M20 11a8 8 0 0 1-8 8m0 0a8 8 0 0 1-8-8m8 8v3m0 0h3m-3 0H9'/></svg>";
 /**
  * Solid Rounded Icons
 **/
@@ -20,3 +22,10 @@ export const tick03SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http:
 export const checkmarkCircle02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M1.25 12c0 5.937 4.813 10.75 10.75 10.75S22.75 17.937 22.75 12 17.937 1.25 12 1.25 1.25 6.063 1.25 12m15.426-3.737a1 1 0 0 1 .061 1.413l-5.5 6a1 1 0 0 1-1.444.031l-2.5-2.5a1 1 0 1 1 1.414-1.414l1.762 1.761 4.794-5.23a1 1 0 0 1 1.413-.061' clip-rule='evenodd'/></svg>";
 export const multiplicationSignCircleSolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25M9.207 7.793a1 1 0 0 0-1.414 1.414L10.586 12l-2.793 2.793a1 1 0 1 0 1.414 1.414L12 13.414l2.793 2.793a1 1 0 0 0 1.414-1.414L13.414 12l2.793-2.793a1 1 0 0 0-1.414-1.414L12 10.586z' clip-rule='evenodd'/></svg>";
 export const alertCircleSolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M1.25 12C1.25 6.063 6.063 1.25 12 1.25S22.75 6.063 22.75 12 17.937 22.75 12 22.75 1.25 17.937 1.25 12M11 16c0-.552.446-1 .995-1h.01c.55 0 .995.448.995 1s-.446 1-.995 1h-.01A1 1 0 0 1 11 16m0-4a1 1 0 1 0 2 0V8a1 1 0 1 0-2 0z' clip-rule='evenodd'/></svg>";
+export const tick02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M19.69 5.777a1 1 0 0 1 .033 1.413l-10.5 11a1 1 0 0 1-1.43.017l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.776 2.776 9.794-10.26a1 1 0 0 1 1.413-.032' clip-rule='evenodd'/></svg>";
+export const alert02SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M10.362 2.015a5.2 5.2 0 0 1 3.276 0c1.06.352 1.892 1.186 2.728 2.359.834 1.169 1.755 2.798 2.942 4.899l.046.082c1.188 2.1 2.108 3.73 2.682 5.051.577 1.328.864 2.475.635 3.576a5.4 5.4 0 0 1-1.628 2.88c-.827.76-1.952 1.08-3.37 1.235-1.408.153-3.252.153-5.624.153h-.098c-2.372 0-4.215 0-5.625-.153-1.417-.154-2.542-.475-3.369-1.235a5.4 5.4 0 0 1-1.628-2.88c-.23-1.101.058-2.248.635-3.575.574-1.322 1.494-2.951 2.682-5.052l.046-.082c1.187-2.1 2.108-3.73 2.941-4.899.837-1.173 1.669-2.007 2.729-2.359M11 17c0-.552.446-1 .995-1h.01c.55 0 .995.448.995 1s-.446 1-.995 1h-.01A1 1 0 0 1 11 17m0-4a1 1 0 1 0 2 0V9a1 1 0 1 0-2 0z' clip-rule='evenodd'/></svg>";
+export const checkmarkCircle02SolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 22.75C6.063 22.75 1.25 17.937 1.25 12S6.063 1.25 12 1.25 22.75 6.063 22.75 12 17.937 22.75 12 22.75m3.247-14.81-4.794 5.23-1.761-1.762-1.415 1.414 3.239 3.239 6.206-6.77z' clip-rule='evenodd'/></svg>";
+export const informationCircleSolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 22.75C6.063 22.75 1.25 17.937 1.25 12S6.063 1.25 12 1.25 22.75 6.063 22.75 12 17.937 22.75 12 22.75M11 6.5V8h2V6.5zM10 11h1v6h2V9h-3z' clip-rule='evenodd'/></svg>";
+export const alert02SolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12.656 2.636a.75.75 0 0 0-1.312 0l-10 18A.75.75 0 0 0 2 21.75h20a.75.75 0 0 0 .656-1.114zM11.25 16.5V18h1.5v-1.5zm1.5-1.5v-5h-1.5v5z' clip-rule='evenodd'/></svg>";
+export const alertCircleSolidSharpIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path fill='currentColor' fill-rule='evenodd' d='M12 1.25C6.063 1.25 1.25 6.063 1.25 12S6.063 22.75 12 22.75 22.75 17.937 22.75 12 17.937 1.25 12 1.25M13 17v-2h-2v2zm0-4V7h-2v6z' clip-rule='evenodd'/></svg>";
+export const multiplicationSignStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' class='ionicon'><path stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m18 6-6 6m0 0-6 6m6-6 6 6m-6-6L6 6'/></svg>";

package/dist/collection/collection-manifest.json

@@ -25,6 +25,7 @@
     "components/dga-header/dga-header.js",
     "components/dga-header/dga-header-menu.js",
     "components/dga-header/dga-header-mobile-actions.js",
+    "components/dga-icon/dga-icon.js",
     "components/dga-list/dga-list-item.js",
     "components/dga-list/dga-list-v2.js",
     "components/dga-loading/dga-loading.js",
@@ -64,7 +65,6 @@
     "components/dga-content-switcher/dga-content-switcher-item.js",
     "components/dga-content-switcher/dga-content-switcher-panel.js",
     "components/dga-content-switcher/dga-content-switcher.js",
-    "components/dga-data-table/dga-data-table-old.js",
     "components/dga-data-table/dga-data-table-usage.js",
     "components/dga-data-table/dga-table.body.js",
     "components/dga-data-table/dga-table.js",
@@ -83,7 +83,6 @@
     "components/dga-floating-button/dga-floatingButton.js",
     "components/dga-footer/dga-footer.js",
     "components/dga-header/dga-nav-header-sub-menu.js",
-    "components/dga-icon/dga-icon.js",
     "components/dga-inline-alert/dga-inline-alert.js",
     "components/dga-linear-progress-bar/dga-linear-progress-bar.js",
     "components/dga-link/dga-link.js",

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { SxStyleManager } from "../../utils/sx-style-manager";
+import { arrowDown01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaAccordion {
     constructor() {
         this.title = '';
@@ -73,10 +74,10 @@ export class DgaAccordion {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '0420ad1be0d0ceb6580ecf33a5d28eb7a77a11cb', id: this.componentId, style: this.rootStyles }, h("div", { key: '5deca9dc78a29a8dbb5706906ed2c310563ca4d5', class: `dga-accordion-item dga-accordion-item--${this.size} 
+        return (h(Host, { key: '6b7f248d049962a31852494982aae097f845b6d2', id: this.componentId, style: this.rootStyles }, h("div", { key: 'dc779632150b7131b3a10df8456d3483c425a093', class: `dga-accordion-item dga-accordion-item--${this.size} 
           ${this.iconAlignment === 'leading' ? 'dga-accordion-item--icon-leading' : ''}
           ${this.flush ? 'dga-accordion-item--flush' : ''} 
-          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'c735bc6226fd656b86a27eec32f6c0ab7cf56ca9', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '034036e028dfbd95ccad983a39215cc536964b19', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '336ac8cc37808cfe6c35b8fe5e9dee337171ebc0', name: "arrow-down-01", variant: "stroke", size: 16 }))), h("div", { key: 'b035d4537e4c33c684ff7ea47a7c74f13302d0ca', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: 'ae77b443f4ffbb2faa483f2aad9fbd242f7ab809', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '682bc249b1c878cf96f74d0d9ae60b5c1ae5486a', name: "arrow-down-01", variant: "stroke", size: 16 })))), h("div", { key: 'dbe141764bbb4acb5982843c6e139168cd88d057', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
+          ${this.disabled ? 'disabled' : ''} ${this.isOpen ? 'active' : ''}` }, h("a", { key: 'eb0765180720a772ed051376804e91c974f6350d', href: "#", onClick: e => this.handleAccordionClick(e), onKeyDown: e => (e.code === 'Space' ? this.handleAccordionClick(e) : null), class: "dga-accordion-item__header" }, this.iconAlignment === 'leading' && (h("div", { key: '10a7179aa3f63b20fe62adc424c7ee6f66c3d543', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: '1d3d202d04d7064ebd07fd1787668b1faa4800bb', icon: arrowDown01StrokeRoundedIcon, size: 16 }))), h("div", { key: 'dfa6c94d8459ac12fde816b8b0a141510216ad4f', class: "dga-accordion-item__title" }, this.title), this.iconAlignment === 'trailing' && (h("div", { key: '240fa1783b6bb6a97f8816cd80db4c597e48c147', class: "dga-accordion-item__arrow" }, h("dga-icon", { key: 'f9b8857f2777b816d56ae9dd631dd054a3754f93', icon: arrowDown01StrokeRoundedIcon, size: 16 })))), h("div", { key: 'c329052e497804e895268ee0ff42b5e559bc0eb6', ref: el => (this.bodyElement = el), class: "dga-accordion-item__body" }, this.content))));
     }
     static get is() { return "dga-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class DgaActions {
             justifyContent: this.justify === 'between' ? 'space-between' : this.justify,
             flexWrap: this.wrap ? 'wrap' : 'nowrap',
         };
-        return (h(Host, { key: '50cef7edfd91a7e340e515705ed9ccbdfa3c7b00', style: styles }, h("slot", { key: '1fff4c90bc6c0e2e720473d16b1877b0765a1dec' })));
+        return (h(Host, { key: 'f7c79187b7f5799278e2ce7ca0efda9c23f7db39', style: styles }, h("slot", { key: 'db1c57152433530bc830280fe66d6c5472679688' })));
     }
     static get is() { return "dga-actions"; }
     static get encapsulation() { return "shadow"; }

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

@@ -55,7 +55,7 @@ export class chart {
         }
     }
     render() {
-        return h("div", { key: 'bfa0d15e1ace18cb648fa212f26ef4d5ee733005', ref: el => (this.chartRef = el) });
+        return h("div", { key: 'd4f8a6910fdde2a8cb8971049055a4204ead7e3a', ref: el => (this.chartRef = el) });
     }
     static get is() { return "dga-apex-chart"; }
     static get originalStyleUrls() {

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

@@ -33,6 +33,9 @@ export class DgaAvatar {
     componentDidLoad() {
         // Process styling after the component is fully loaded and shadow DOM is ready
         this.processStyling();
+        // window.alert('componentDidLoad');
+        // const closestAvatarGroup = this.el.closest('dga-avatar-group')
+        // console.log('closestAvatarGroup , closestAvatarGroup', closestAvatarGroup, closestAvatarGroup?.stacked);
     }
     componentDidUpdate() {
         // Re-process styling after updates
@@ -51,7 +54,7 @@ export class DgaAvatar {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'a8237e63662daaa26bad59d18e001ecb5bf42305', id: this.componentId, style: this.rootStyles }, h("div", { key: '9bfb5e59de3041427941a1a61ba174ef0995af20', class: {
+        return (h(Host, { key: 'c35e7be94cc165e3fe49f08e3e3cc026d434763f', part: "dga-avatar-root", id: this.componentId, style: Object.assign({}, this.rootStyles) }, h("div", { key: '5a7152b6a8da9d633569fa319566541c5168b4e4', class: {
                 'dga-avatar': true,
                 [`dga-avatar--${this.type}`]: true,
                 [`dga-avatar--${this.size}`]: true,

package/dist/collection/components/dga-avatar-group/dga-avatar-group.css

@@ -2292,13 +2292,18 @@ a:focus {
   align-items: stretch;
 }
 
+:host {
+  display: block;
+  height: fit-content;
+}
+
 .dga-avatar-group {
   display: flex;
 }
-.dga-avatar-group--stacked > dga-avatar {
+.dga-avatar-group--stacked > dga-avatar:nth-child(n) {
   margin-left: -10px; /* Adjust this value to control the overlap */
   z-index: 1; /* Ensures proper stacking */
 }
-.dga-avatar-group--stacked > dga-avatar:nth-child(n+1) {
+.dga-avatar-group--stacked > dga-avatar:nth-child(n):nth-child(n+1) {
   z-index: auto;
 }

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

@@ -17,10 +17,10 @@ export class DgaAvatarGroup {
         this.sxHandler.cleanup();
     }
     render() {
-        return (h(Host, { key: '7b1d993133eeb8dafaf4b047119bb7f41204e322', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '2cde79186beb2593f3597b6e0401e367216c9f00', class: {
+        return (h(Host, { key: '05dddcabdfd21f085c3b651a30a45c97d4602a4b', id: this.sxHandler.getId(), style: this.sxHandler.getStyles() }, h("div", { key: '69b4101afa1c95f3072416be1903cd75e3b405ac', class: {
                 'dga-avatar-group': true,
                 'dga-avatar-group--stacked': this.stacked,
-            } }, h("slot", { key: '72cdfe846f77dbf0104e9738d1f59a954d014e73' }))));
+            } }, h("slot", { key: 'debeddb16d7819fd4120c63cdc00f0741d648711' }))));
     }
     static get is() { return "dga-avatar-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,7 @@
 import { Fragment, Host, h } from "@stencil/core";
 import { SxStyleManager } from "../../utils/sx-style-manager";
 import { isRTL } from "../../utils/rtl";
+import { arrowLeft01StrokeRoundedIcon, arrowRight01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaBreadcrumbs {
     constructor() {
         this.items = []; // Items will be passed as a JSON string
@@ -100,14 +101,14 @@ export class DgaBreadcrumbs {
     }
     // Add a helper method to get the correct arrow icon
     getArrowIcon() {
-        return isRTL(this.el) ? 'arrow-left-01' : 'arrow-right-01';
+        return isRTL(this.el) ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon;
     }
     render() {
         const { el } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
-        return (h(Host, { key: '809b725c67474fe19feeb8e4729916fa3bbf36c3', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '7ccaa370e55cf267084961d0a9939cfa1bb04289', "aria-label": "breadcrumb" }, h("ul", { key: '41ea1bf8ad5daaea63285c009ae47b5698656c0a', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
+        return (h(Host, { key: 'fb59028d99df07ab8d9e39de982f43d9f4404b5e', id: this.componentId, style: this.rootStyles, dir: dir }, h("nav", { key: '1a3e10885e2a76ce6052400118f2a8c84049e476', "aria-label": "breadcrumb" }, h("ul", { key: '42b42572022ec7e3ed8ecad3474191307df51d9f', class: `dga-breadcrumb dga-breadcrumb--${dir}` }, this.breadcrumbItems.map((item, index) => {
             if (this.isEllipsisItem(item)) {
-                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: () => {
+                return (h("li", { key: index, class: "dga-breadcrumb-item ellipsis" }, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: () => {
                         this.toggleMenu();
                         return false;
                     }, "aria-haspopup": "true", "aria-expanded": this.isMenuOpen ? 'true' : 'false', class: "link link--md link--neutral" }, "..."), this.isMenuOpen && (h("ul", { class: "dga-breadcrumb-dropdown" }, item.items.map(ellipsedItem => (h("li", { key: ellipsedItem === null || ellipsedItem === void 0 ? void 0 : ellipsedItem.label, class: "dga-breadcrumb-dropdown-item" }, h("a", { onClick: e => this.handleClick(e, ellipsedItem.path, ellipsedItem), class: {
@@ -119,10 +120,10 @@ export class DgaBreadcrumbs {
             return (h("li", { key: index, class: {
                     'dga-breadcrumb-item': true,
                     'active': isLastItem,
-                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, "aria-current": isLastItem ? 'page' : undefined }, item.path && !isLastItem ? (h(Fragment, null, !first && (h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() }))), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
-                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { name: this.getArrowIcon(), variant: "stroke", type: "rounded" })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
+                }, href: item.disabled ? undefined : item.path, "aria-disabled": item.disabled ? 'true' : 'false' }, h("span", { class: "link__label" }, item.label)))) : (h(Fragment, null, h("span", { class: "dga-breadcrumb-icon" }, h("dga-icon", { icon: this.getArrowIcon() })), h("a", { onClick: e => this.handleClick(e, item.path, item), class: {
                     'link link--md link--neutral': true,
                     'disabled-link': item.disabled,
                     'link_empty': true,

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

@@ -6,7 +6,7 @@ export class DgaButtonLeadingIcon {
     }
     render() {
         // Check if there are any child elements
-        return (h("span", { key: '51c5201ff4b203cf8a7477e3df2a421c97de4195', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '182780f3a87c0cbc32d53cff242c02b530d912d1', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
+        return (h("span", { key: 'db0d8ce47cca568760b5a56ada4737f0c5d980c9', class: "dga-btn-icon dga-btn-icon--leading", "aria-hidden": "true", slot: "leading-icon" }, h("dga-icon", { key: '4fea51670a6b90143938ffb4df711239337bd353', name: this.name, size: this.size, color: this.color, variant: this.variant, type: this.type })));
     }
     static get is() { return "dga-button-leading-icon"; }
     static get properties() {

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

@@ -68,11 +68,11 @@ export class DgaCard {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '92d8223dbdf380e6abf0c84adcc7113913171bf1', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '17e629113fa3b63da0b5bcd2d0a10c016ecbd960', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2cc1475feac62d9a88d786885e03a30a4d473d6e', class: "card__image-container" }, h("img", { key: '80eaddecaa9fc62da6ed8ba0a1d67bc40c057c04', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '6cd1b606906aec5a9462e1f3b73fc5186a8be86c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '04cd695c516849851187acf44e6ee2092735cc30', class: "card__checkbox-container" }, h("dga-checkbox", { key: '11ffe84880401dd179f81653006ef907c8f59986', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '254a4a2a44cbd4f921977f6b80a3f3da7370af18', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '9b164b6b6349e465ad9545d5a9bab97468493fbb', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'c5b4087bab83eba9a0e07e3e63d1d1bbb034242f', class: "text-md-regular" }, this.description))), h("slot", { key: '7ea574428c3c489dab02cecccd6b3c07c2874c5e' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '5365bcc49cf1b9d36cf81729dc08b760b22065bb', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'c2d8e2dd4f0f0dc1398f65057b89566c19895d1f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'bad1ab80e0b8e5a37d211af57891e8a4059631ba', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: 'deac29b7adc8113cbf0c4356cfeaff3faf25139b', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (h(Host, { key: '5f984a8fa298497fa4c324d5598c2b470fb5e4ea', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'be5d649ff2b7e2ae0409957b5877e204104af759', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2bff7dfdd88f7e430ba8d568a69edb4ccfcf6122', class: "card__image-container" }, h("img", { key: '3aaae792f3cb3969f530eea3cd6cb41c019f9e8d', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '52bafea535ea1e31e4aafd6145f0e38f7d464348', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: 'f55b7e4627a6fa925d0cd67cfbde0fe4f884d284', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'fe5d6a83e5fe6387d4df72500134c4b7bfd36ca7', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '30740b1fd6317d673b17941a9fcce69b1177a164', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '469b8d468d97694f74f82c91dcbaa48506692ef2', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '03011f15ed5c92539fdd7cb675e42975d3f887f4', class: "text-md-regular" }, this.description))), h("slot", { key: 'd823d50383b179fad90521b6c562463fcb4736da' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'eccf25e86d814796af19803b28257df5a75ab279', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: '17da0786a62340606a1e1a6e9d3c11a8040f1470', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: '3c96c6b7461d8a4a9e7bb8d075aaa81102428cfb', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '970fa7d096e5a6c52ba403643898e92a2e21c4f7', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
                 name: this.expanded ? 'arrow-up-01' : 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
-            } }))), h("div", { key: '2f2e74c273fef25654aeb767cb8da3cb072cf87e', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '9807f312e18e320295d8f66f5aee337b6275e627', name: "collapse-content" })))));
+            } }))), h("div", { key: '2bc60336a0e0ab818499e273dd0d682bbba3b6a1', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: 'b5c86a17cc33d51048faf9c684fe2e9a3813eb76', name: "collapse-content" })))));
     }
     static get is() { return "dga-card"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class DgaCardActions {
         this.expanded = !this.expanded;
     }
     render() {
-        return (h("div", { key: '6ae00ef9e35323193548b09181d98661f6a2236c', class: "card__action card__action--default" }, h("slot", { key: '8c0b33666776f9c8d3cc3c4e4d121ecf25b9e6c0' })));
+        return (h("div", { key: '8411921d6ca431b3cb45051933c205128c7b7e5c', class: "card__action card__action--default" }, h("slot", { key: '024ad76fc3009fd8f625a420185e0502c95f07dc' })));
     }
     static get is() { return "dga-card-actions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-content.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaCardContent {
     render() {
-        return (h("div", { key: '6954c1c5983c948327f71cb46e01787af52b2bf6', class: `card__content` }, h("slot", { key: '874321faa6047fc96953099ee0323f6a12ab152d' })));
+        return (h("div", { key: 'b8478b51f23b92d1b6b1d430801c1328dae27c9e', class: `card__content` }, h("slot", { key: '524656e00a5a23dae1d0ef798df904cbe6fc4fd3' })));
     }
     static get is() { return "dga-card-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-expandable-content.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class DgaCardExpandableContent {
     render() {
-        return (h(Host, { key: '3ef125b82ea273ec7ddc8311bb7d4569a6e22160' }, h("slot", { key: 'd4c254d27b712c28f32dee8e19f9ecba076c6d5e' })));
+        return (h(Host, { key: '171a3b2b3095e45897771a48137b5bcc07061226' }, h("slot", { key: 'a1ded8bfb7362a7f817459b27a3306e527208a01' })));
     }
     static get is() { return "dga-card-expandable-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-card-v2/dga-card-image.js

@@ -47,7 +47,7 @@ export class DgaCardImage {
     //     minWidth: this.minWidth
     //   }
     render() {
-        return (h("div", { key: '5f95886d11de7ffd2ba0de1a853a275ef1ecc895', class: "dga-card__image-container" }, h("img", { key: '82966daf75003e7a86d752c74f5a78bac7ec020c', src: this.src, alt: this.alt })));
+        return (h("div", { key: '9a5df0363b10d8d057821efddec426c770dbd097', class: "dga-card__image-container" }, h("img", { key: '333e4debfd9600fbffe253c7347a4fc2f9f7ec73', src: this.src, alt: this.alt })));
     }
     static get is() { return "dga-card-image"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,7 +53,7 @@ export class DgaCardTitle {
         });
     }
     render() {
-        return (h("h4", { key: '8785b473294f99d0c5a8ba750538bfb02e13c080', class: "text-lg-bold" }, h("slot", { key: 'e068f8b309e912bb7c769b8f310a0b3649b97b48' })));
+        return (h("h4", { key: 'ec4a4345f5882f474eaeb044bfcba5a891740b1f', class: "text-lg-bold" }, h("slot", { key: '72a35cc65e56e340bfea05dae2af3b7ad1cec48a' })));
     }
     static get is() { return "dga-card-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,7 +87,7 @@ export class DgaCardV2 {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '4be28fe16ebf66b1d77b5c9def28c85f1be7c877', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '230790bac6c0704835da70b140bdbbed8f8df90e', class: "card__checkbox-container" }, h("dga-checkbox", { key: '80851ec1f48eaba8a5025a477dd0c1ea21d03a34', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: 'dd61b4d598e7182e64825018dcf595292ea7b811', name: 'card-content' }), this.type === 'default' && h("slot", { key: '63a9a08e5c3ceaea106524d4311b55cf97316c03', name: 'card-actions' }))));
+        return (h(Host, { key: 'ebfb5e9bef8e602e2d59ef0f1b505962f098f9b9', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'b34a9d1bb46613715616b54bed365587bb03d205', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '7a7457fadbef6b228daf35c94ef598d289094b4f', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'dabf53712eebf3ac0258a68cf556320aec6b2246', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '1bd2d7b03a6986ec82d6ae77962174e0449e286f', name: 'card-content' }), this.type === 'default' && h("slot", { key: 'dd550bdd41b36be56a5a7435b9a62c3e2e1177b2', name: 'card-actions' }))));
     }
     static get is() { return "dga-card-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h, Host } from "@stencil/core";
+import { arrowLeft01StrokeRoundedIcon, arrowRight01StrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaCarousel {
     constructor() {
         this.DIRECTION = {
@@ -9,7 +10,7 @@ export class DgaCarousel {
         this.showDots = true;
         this.steps = 1;
         this.transitionDuration = 600;
-        this.Dir = 'rtl';
+        this.Dir = 'ltr';
         this.size = 'lg';
         this.arrowsVariant = 'primary';
         this.arrows = {
@@ -90,20 +91,20 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h(Host, { key: 'b346ab54ddb4cc3484e2a0a6fd1dfa3d3369145e', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '77acce250b8cf26da0824d202919899557da1663', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '323da00b147fa7db0a1b61ac7832bd5881375ca8', class: {
+        return (h(Host, { key: 'dc950a5127fcf0d2494292dc65e606927bbc725a', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: 'edc3f5ab7927670769094b0df60172c812fc71af', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '9940760e8b572b1f12f0b7959643d684759235a4', class: {
                 'KCarousel-arrow': true,
                 'KCarousel-arrow--active': this.showLeftArrow(),
                 [this.isRTL() ? 'right' : 'left']: true,
                 [`KCarousel-arrow--${this.arrowsVariant}`]: true,
-            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '97be1096ff4062aeb584d00f132a78dd2c7c8e55', name: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), h("div", { key: 'd1f7b8c1009f4aa7e58f5dd5463a4f9212d5f3a8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: '32c47394aca42d309314a11b07c1c70deb238946', style: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: 'c61e7d802e20d24a200720931ff46480eac5d521', icon: this.isRTL() ? arrowRight01StrokeRoundedIcon : arrowLeft01StrokeRoundedIcon, size: 24 }))), h("div", { key: 'a73f5dbc7dc7f5b183e78ad2269e451afebd9619', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'c46d896345b1fad1c770d356a5a659e81ac049f1', style: {
                 display: 'flex',
                 transition: `transform ${this.transitionDuration}ms ease-in-out`,
-            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '7590de7cc7398b93a563d469e4c590212a8a7e85' }))), this.variant === 'arrows' && (h("a", { key: '271cf82120df9c3bf7c5887e304e3a4721122ef9', class: {
+            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '4919aeb6ccb9a776501bc658ffb70f5a231a1aae' }))), this.variant === 'arrows' && (h("a", { key: 'f5fcf92cb7b65c7341b7a2c258a9f61b43f749cd', class: {
                 'KCarousel-arrow': true,
                 'KCarousel-arrow--active': this.showRightArrow(),
                 [this.isRTL() ? 'left' : 'right']: true,
                 [`KCarousel-arrow--${this.arrowsVariant}`]: true,
-            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '87651fb515125ee2bb8e2e36ae3c4dd6c5d24294', name: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '0a0c7621233bb51da617375b7c97e6645c85aefb', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: 'b3ce42feeef312e23890953e13c42ac67c5b093d', icon: this.isRTL() ? arrowLeft01StrokeRoundedIcon : arrowRight01StrokeRoundedIcon, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: 'ed8d58023b7eaa294085d05a7d4b94e7b646ea75', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
                 'KCarousel-dot': true,
                 'is-active': this.isHighlighted(index),
             }, onClick: () => {
@@ -222,7 +223,7 @@ export class DgaCarousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "defaultValue": "'rtl'"
+                "defaultValue": "'ltr'"
             },
             "size": {
                 "type": "string",

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class CarouselItem {
     render() {
-        return (h(Host, { key: '5de58bac361baad96bcf735c15a133801854c0ca' }, h("slot", { key: 'dbddb8ae8602b5f95991d784ce7816e56b936bde' })));
+        return (h(Host, { key: 'c61ebca11634ace6e3610b5e6150035b2f9c4776' }, h("slot", { key: '7b86d916254e1f0d8a8795ac1d3067370d810ec5' })));
     }
     static get is() { return "dga-carousel-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -92,7 +92,7 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h("section", { key: 'd4bfbb847179b61417ac3eb5453af8aed881870f', class: "embla" }, h("div", { key: '530f1ac5ed39be782bc69378807fb884b9748234', class: "embla__viewport" }, h("div", { key: 'f56b89070d00a29eef72b27478c2d3083363e881', class: "embla__container" }, h("div", { key: '78cee2a6ab972860a1b8cd70148ed2cb0842957b', class: "embla__slide" }, h("div", { key: '3162557b787224494b63a6522c2ca05c5da27200', class: "embla__slide__number" }, "1")), h("div", { key: '06cacad1aa2c07ed188a2e6d38a3b7ac729bc28e', class: "embla__slide" }, h("div", { key: '6578c8c9663d7d0bd6a8e7980565092e9269fc81', class: "embla__slide__number" }, "2")), h("div", { key: '6c88fa5ce07a009b46a3a8ca0d5213b9df3a0676', class: "embla__slide" }, h("div", { key: '74772c46f3437417efef32278ff9d9cb92033ba1', class: "embla__slide__number" }, "3")), h("div", { key: 'aa075a34d6b99d9a2b76018a6da168d4667180f0', class: "embla__slide" }, h("div", { key: 'd31adc6af31e3cf7039c3692939d7cb645583fff', class: "embla__slide__number" }, "4")), h("div", { key: '3b89c9a08df708d8f7f8700397a28d2e1676ceac', class: "embla__slide" }, h("div", { key: '7f8ee18821c5476cb468d2a83b067dbfafa18d41', class: "embla__slide__number" }, "5")))), h("div", { key: 'c2764da8c4d9f4d17bd5fffc4016c70a1ecf3552', class: "embla__controls" }, h("div", { key: '72e20f6a9c48380861f856f67e48e7c23758ecba', class: "embla__buttons" }, h("button", { key: '4c32a600c3618cde98e96add6be0bb5f6b3bb613', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '7160cdb032e4b67e9f545d84882d661000f4ad7a', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '779ccf6a7159465c8466a8aa133bc4a1e43f00bd', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: 'ca7f99c8efb668c3431e429738e08f8426cb7301', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'bfa44646a9510e08c605b8a9e5a0653c4af62505', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'fb0e3c105a12651544c083c28ab2a47822a244d9', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'fc6246271312cf8721d7d5dfc6689c3852b67ff8', class: "embla__dots" }))));
+        return (h("section", { key: '570d83c85e58b5009f42ebce4b57cb6e02fe30d4', class: "embla" }, h("div", { key: '619322c515830d486f463ee3567ccf3d6e848122', class: "embla__viewport" }, h("div", { key: '9957880649b602280da659241865576b3be61740', class: "embla__container" }, h("div", { key: '33a5fe6a19aed44690d7719e80213997415c1e4c', class: "embla__slide" }, h("div", { key: 'ec98e6742b8bcfbcf28e4eb6b03e27b3763e3318', class: "embla__slide__number" }, "1")), h("div", { key: '726b8429858f89da647d4c59c49bc2bd20527186', class: "embla__slide" }, h("div", { key: '922597ce56e09a28732fc637a9a2b263d74506ce', class: "embla__slide__number" }, "2")), h("div", { key: '4ea3c927a4bef78732c06b638445f9fc65adcddf', class: "embla__slide" }, h("div", { key: '920b4424f4556f95049dfc6f123a6bb573659870', class: "embla__slide__number" }, "3")), h("div", { key: '85a655116d99f2d943450d12eb31001feeea367d', class: "embla__slide" }, h("div", { key: '76e448362e3cd53e391d7bc80cd2660075c58ce4', class: "embla__slide__number" }, "4")), h("div", { key: '521dac2537dd54e214bda5ce4962d081c0b1ac40', class: "embla__slide" }, h("div", { key: 'b5e22084b439ec476e115fe6c6ddc0d497c469ac', class: "embla__slide__number" }, "5")))), h("div", { key: '0fe534f525967eb43991a19a79d0deccebe0edbd', class: "embla__controls" }, h("div", { key: 'a12d9228c882aeb396edf728a4a89fd4b6ddae08', class: "embla__buttons" }, h("button", { key: 'bfa041ffb4be57f27cb493b0e780493c38ff9a8b', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: 'f1bbfc60ebc32c73aea3cfabca6da5e25a3a89e7', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'bbb331f1036d5ccb01baa7ae74106d239780b949', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: '1b0cd6a85a977d5c8d95711ba84f88609263ea8a', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'e4ceb67055d003f856911a633bad793a758b88e3', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'eac83fa44383eb8cc3b650955474144630292f68', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'e5471fe0eec776b42b017a362364440a512bd936', class: "embla__dots" }))));
     }
     static get is() { return "dga-carousel-v2"; }
     static get originalStyleUrls() {