@platformscode/core 0.0.34 → 0.0.37

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

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

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

package/dist/types/assets/{used-icons → icons}/index.d.ts

@@ -12,6 +12,8 @@ export declare const filterStrokeRoundedIcon = "data:image/svg+xml;utf8,<svg xml
 export declare 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 declare 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 declare 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 declare 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 declare 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 declare const tick03SolidRoundedIcon = "data:image/svg+xml;utf8,<svg xmln
 export declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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 declare 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/types/components/dga-icon/dga-icon.d.ts

@@ -1,3 +1,7 @@
+type ActiveIconVariant = 'stroke' | 'solid';
+/** @deprecated Use "stroke" or "solid" instead. */
+type DeprecatedIconVariant = 'duotone' | 'twotone' | 'bulk';
+export type IconVariant = ActiveIconVariant | DeprecatedIconVariant;
 export declare class Icon {
     private io?;
     private iconName;
@@ -19,12 +23,20 @@ export declare class Icon {
      */
     name?: string;
     /**
-   * The variant of the icon.
-   * Available options are: `"stroke"`, `"solid"`, `"duotone"`, `"twotone"`, `"bulk"`.
-   * @default "bulk"
-   */
-    variant?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+     * The variant of the icon.
+     * Supported options are: `"stroke"` and `"solid"`.
+     *
+     * Deprecated options:
+     * - `"twotone"` → `"stroke"`
+     * - `"duotone"` → `"solid"`
+     * - `"bulk"` → `"solid"`
+     *
+     * Deprecated options: `"duotone"`, `"twotone"`, `"bulk"`.
+     * @default "stroke"
+     */
+    variant?: IconVariant;
     /**
+     * @deprecated This prop will be removed in a future release.
      * The type/style of the icon.
      * Available options are: `"rounded"`, `"sharp"`, `"standard"`.
      * @default "rounded"
@@ -44,7 +56,7 @@ export declare class Icon {
      * The size of the icon.
      * Available options are: `"2xs"`, `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`.
      */
-    size?: number;
+    size?: string | number;
     /**
      * If enabled, gds-icon will be loaded lazily when it's visible in the viewport.
      * Default, `false`.
@@ -75,9 +87,10 @@ export declare class Icon {
      */
     private waitUntilVisible;
     /**
-     * Watch for changes to the icon name, src, icon, variant, or type properties.
+     * Watch for changes to the icon name, src, icon, or variant properties.
      * When a change is detected, the icon will be loaded.
      */
     loadIcon(): void;
     render(): any;
 }
+export {};

package/dist/types/components/dga-icon/utils.d.ts

@@ -1,4 +1,17 @@
 import { Icon } from './dga-icon';
+declare const VALID_VARIANTS: readonly ["stroke", "solid", "duotone", "twotone", "bulk"];
+type IconVariant = (typeof VALID_VARIANTS)[number];
+export interface ParsedIcon {
+    name: string;
+    variant?: IconVariant;
+}
+/**
+ * Parses an icon string in the format `[icon-name]-[variant]`
+ * Example: `1st-bracket-circle-solid` -> { name: '1st-bracket-circle', variant: 'solid' }
+ * Also handles legacy `[icon-name]-[variant]-[type]` strings by stripping the type.
+ * If no variant suffix is found, returns the original string as the name.
+ */
+export declare const parseIconString: (iconString: string) => ParsedIcon;
 export declare const getIconMap: () => Map<string, string>;
 /**
  * Convert ordinal numbers and special cases to words to create valid JavaScript identifiers
@@ -13,3 +26,4 @@ export declare const getSrc: (src: string | undefined) => string;
 export declare const isSrc: (str: string) => boolean;
 export declare const isStr: (val: any) => val is string;
 export declare const toLower: (val: string) => string;
+export {};

package/dist/types/components/dga-quote/dga-quote.d.ts

@@ -27,6 +27,7 @@ export declare class DgaQuote {
     authorName?: string;
     authorDescription?: string;
     showAvatar?: boolean;
+    avatarSrc?: string;
     sx?: SxProps | string;
     el: HTMLElement;
     private sxHandler;

package/dist/types/components.d.ts

@@ -28,6 +28,7 @@ import { GridAlignment, GridSize } from "./components/dga-grid/dga-grid-item";
 import { IHeaderConfig } from "./components/dga-header/dga-header";
 import { Action } from "./components/dga-header/dga-header-menu";
 import { Action as Action1 } from "./components/dga-header/dga-header-mobile-actions";
+import { IconVariant } from "./components/dga-icon/dga-icon";
 import { ListItemProps } from "./components/dga-list/dga-list-item";
 import { ListItem } from "./components/dga-list/dga-list-v2";
 import { LoadingSize, LoadingStyle } from "./components/dga-loading/dga-loading";
@@ -70,6 +71,7 @@ export { GridAlignment, GridSize } from "./components/dga-grid/dga-grid-item";
 export { IHeaderConfig } from "./components/dga-header/dga-header";
 export { Action } from "./components/dga-header/dga-header-menu";
 export { Action as Action1 } from "./components/dga-header/dga-header-mobile-actions";
+export { IconVariant } from "./components/dga-icon/dga-icon";
 export { ListItemProps } from "./components/dga-list/dga-list-item";
 export { ListItem } from "./components/dga-list/dga-list-v2";
 export { LoadingSize, LoadingStyle } from "./components/dga-loading/dga-loading";
@@ -724,7 +726,7 @@ export namespace Components {
     }
     interface DgaCarousel {
         /**
-          * @default 'rtl'
+          * @default 'ltr'
          */
         "Dir": 'rtl' | 'ltr';
         /**
@@ -1047,45 +1049,6 @@ export namespace Components {
          */
         "showSelectCheckBox": boolean;
     }
-    interface DgaDataTableOld {
-        /**
-          * @default true
-         */
-        "alternate": boolean;
-        /**
-          * @default [     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },   ]
-         */
-        "cells": {
-    title: string;
-    isSort: boolean;
-    isFilter: boolean;
-    sort?: 'up' | 'down';
-    propertyName: string;
-    type: 'element' | 'propertyName';
-    El?: HTMLElement;
-    elProperties?: string[];
-    colSpan?: number;
-    // elProperties: { [key: string]: any };
-  }[];
-        /**
-          * @default true
-         */
-        "contained": boolean;
-        /**
-          * @default [     {       selected: true,     },     {       selected: true,     },   ]
-         */
-        "data": { selected: boolean; }[];
-        "getSelectedRows": any;
-        "pressOnFilter": any;
-        /**
-          * @default true
-         */
-        "rowDivider": boolean;
-        /**
-          * @default true
-         */
-        "showSelectCheckBox": boolean;
-    }
     interface DgaDataTableUsage {
     }
     interface DgaDateField {
@@ -1781,21 +1744,21 @@ export namespace Components {
           * The size of the icon. Available options are: `"2xs"`, `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`.
           * @default 24
          */
-        "size"?: number;
+        "size"?: string | number;
         /**
           * Specifies the exact `src` of an SVG file to use.
          */
         "src"?: string;
         /**
-          * The type/style of the icon. Available options are: `"rounded"`, `"sharp"`, `"standard"`.
+          * @deprecated This prop will be removed in a future release. The type/style of the icon. Available options are: `"rounded"`, `"sharp"`, `"standard"`.
           * @default "rounded"
          */
         "type"?: 'rounded' | 'sharp' | 'standard';
         /**
-          * The variant of the icon. Available options are: `"stroke"`, `"solid"`, `"duotone"`, `"twotone"`, `"bulk"`.
-          * @default "bulk"
+          * The variant of the icon. Supported options are: `"stroke"` and `"solid"`.  Deprecated options: - `"twotone"` → `"stroke"` - `"duotone"` → `"solid"` - `"bulk"` → `"solid"`  Deprecated options: `"duotone"`, `"twotone"`, `"bulk"`.
+          * @default "stroke"
          */
-        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+        "variant"?: IconVariant;
     }
     interface DgaInlineAlert {
         /**
@@ -2798,6 +2761,10 @@ export namespace Components {
           * @default ''
          */
         "authorName"?: string;
+        /**
+          * @default ''
+         */
+        "avatarSrc"?: string;
         /**
           * @default ''
          */
@@ -4268,12 +4235,6 @@ declare global {
         prototype: HTMLDgaDataTableElement;
         new (): HTMLDgaDataTableElement;
     };
-    interface HTMLDgaDataTableOldElement extends Components.DgaDataTableOld, HTMLStencilElement {
-    }
-    var HTMLDgaDataTableOldElement: {
-        prototype: HTMLDgaDataTableOldElement;
-        new (): HTMLDgaDataTableOldElement;
-    };
     interface HTMLDgaDataTableUsageElement extends Components.DgaDataTableUsage, HTMLStencilElement {
     }
     var HTMLDgaDataTableUsageElement: {
@@ -5525,7 +5486,6 @@ declare global {
         "dga-content-switcher-panel": HTMLDgaContentSwitcherPanelElement;
         "dga-content-switcher-usage": HTMLDgaContentSwitcherUsageElement;
         "dga-data-table": HTMLDgaDataTableElement;
-        "dga-data-table-old": HTMLDgaDataTableOldElement;
         "dga-data-table-usage": HTMLDgaDataTableUsageElement;
         "dga-date-field": HTMLDgaDateFieldElement;
         "dga-date-field-usage": HTMLDgaDateFieldUsageElement;
@@ -6328,7 +6288,7 @@ declare namespace LocalJSX {
     }
     interface DgaCarousel {
         /**
-          * @default 'rtl'
+          * @default 'ltr'
          */
         "Dir"?: 'rtl' | 'ltr';
         /**
@@ -6644,45 +6604,6 @@ declare namespace LocalJSX {
          */
         "showSelectCheckBox"?: boolean;
     }
-    interface DgaDataTableOld {
-        /**
-          * @default true
-         */
-        "alternate"?: boolean;
-        /**
-          * @default [     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },     {       propertyName: 'test',       isFilter: false,       isSort: false,       title: 'Test',       type: 'propertyName',       colSpan: 1,     },   ]
-         */
-        "cells"?: {
-    title: string;
-    isSort: boolean;
-    isFilter: boolean;
-    sort?: 'up' | 'down';
-    propertyName: string;
-    type: 'element' | 'propertyName';
-    El?: HTMLElement;
-    elProperties?: string[];
-    colSpan?: number;
-    // elProperties: { [key: string]: any };
-  }[];
-        /**
-          * @default true
-         */
-        "contained"?: boolean;
-        /**
-          * @default [     {       selected: true,     },     {       selected: true,     },   ]
-         */
-        "data"?: { selected: boolean; }[];
-        "getSelectedRows"?: any;
-        "pressOnFilter"?: any;
-        /**
-          * @default true
-         */
-        "rowDivider"?: boolean;
-        /**
-          * @default true
-         */
-        "showSelectCheckBox"?: boolean;
-    }
     interface DgaDataTableUsage {
     }
     interface DgaDateField {
@@ -7381,21 +7302,21 @@ declare namespace LocalJSX {
           * The size of the icon. Available options are: `"2xs"`, `"xs"`, `"sm"`, `"md"`, `"lg"`, `"xl"`, `"2xl"`.
           * @default 24
          */
-        "size"?: number;
+        "size"?: string | number;
         /**
           * Specifies the exact `src` of an SVG file to use.
          */
         "src"?: string;
         /**
-          * The type/style of the icon. Available options are: `"rounded"`, `"sharp"`, `"standard"`.
+          * @deprecated This prop will be removed in a future release. The type/style of the icon. Available options are: `"rounded"`, `"sharp"`, `"standard"`.
           * @default "rounded"
          */
         "type"?: 'rounded' | 'sharp' | 'standard';
         /**
-          * The variant of the icon. Available options are: `"stroke"`, `"solid"`, `"duotone"`, `"twotone"`, `"bulk"`.
-          * @default "bulk"
+          * The variant of the icon. Supported options are: `"stroke"` and `"solid"`.  Deprecated options: - `"twotone"` → `"stroke"` - `"duotone"` → `"solid"` - `"bulk"` → `"solid"`  Deprecated options: `"duotone"`, `"twotone"`, `"bulk"`.
+          * @default "stroke"
          */
-        "variant"?: 'stroke' | 'solid' | 'duotone' | 'twotone' | 'bulk';
+        "variant"?: IconVariant;
     }
     interface DgaInlineAlert {
         /**
@@ -8405,6 +8326,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "authorName"?: string;
+        /**
+          * @default ''
+         */
+        "avatarSrc"?: string;
         /**
           * @default ''
          */
@@ -9529,7 +9454,6 @@ declare namespace LocalJSX {
         "dga-content-switcher-panel": DgaContentSwitcherPanel;
         "dga-content-switcher-usage": DgaContentSwitcherUsage;
         "dga-data-table": DgaDataTable;
-        "dga-data-table-old": DgaDataTableOld;
         "dga-data-table-usage": DgaDataTableUsage;
         "dga-date-field": DgaDateField;
         "dga-date-field-usage": DgaDateFieldUsage;
@@ -9753,7 +9677,6 @@ declare module "@stencil/core" {
             "dga-content-switcher-panel": LocalJSX.DgaContentSwitcherPanel & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherPanelElement>;
             "dga-content-switcher-usage": LocalJSX.DgaContentSwitcherUsage & JSXBase.HTMLAttributes<HTMLDgaContentSwitcherUsageElement>;
             "dga-data-table": LocalJSX.DgaDataTable & JSXBase.HTMLAttributes<HTMLDgaDataTableElement>;
-            "dga-data-table-old": LocalJSX.DgaDataTableOld & JSXBase.HTMLAttributes<HTMLDgaDataTableOldElement>;
             "dga-data-table-usage": LocalJSX.DgaDataTableUsage & JSXBase.HTMLAttributes<HTMLDgaDataTableUsageElement>;
             "dga-date-field": LocalJSX.DgaDateField & JSXBase.HTMLAttributes<HTMLDgaDateFieldElement>;
             "dga-date-field-usage": LocalJSX.DgaDateFieldUsage & JSXBase.HTMLAttributes<HTMLDgaDateFieldUsageElement>;

package/dist/types/utils/index.d.ts

@@ -1,3 +1,17 @@
 import { JSX } from '../stencil-public-runtime';
 export declare const guid: () => string;
 export type StripHTML<T> = Omit<T, keyof JSX.Element>;
+/**
+ * Parse a CSS dimension value from string or number.
+ * Numbers are converted to pixels, strings with units are returned as-is.
+ *
+ * @param value - The value to parse (string or number)
+ * @returns The parsed CSS value string or undefined
+ *
+ * @example
+ * parseCSSValue(16) // "16px"
+ * parseCSSValue("100%") // "100%"
+ * parseCSSValue("2rem") // "2rem"
+ * parseCSSValue(0) // undefined
+ */
+export declare const parseCSSValue: (value: string | number | undefined) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platformscode/core",
-  "version": "0.0.34",
+  "version": "0.0.37",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -41,6 +41,14 @@
     "dist/",
     "loader/"
   ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate",
+    "watch:scss": "sass ./src/assets/styles/main.scss:./src/assets/styles/main.css"
+  },
   "devDependencies": {
     "@stencil/angular-output-target": "^0.8.4",
     "@stencil/core": "^4.36.0",
@@ -60,17 +68,7 @@
   },
   "license": "MIT",
   "dependencies": {
-    "apexcharts": "^4.2.0"
-  },
-  "peerDependencies": {
-    "@platformscode/icons": "0.0.4"
-  },
-  "scripts": {
-    "build": "stencil build",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate",
-    "watch:scss": "sass ./src/assets/styles/main.scss:./src/assets/styles/main.css"
+    "apexcharts": "^4.2.0",
+    "@platformscode/icons": "workspace:*"
   }
-}
+}