@platformscode/core 0.0.43 → 0.0.44

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: '819bd10e95e3edba4d0b6ea01eb1aed583dfce14', style: {
+        return (index.h("div", { key: 'aa7c5ae293e0e5f72f16ce9bd510f8e4363239b3', style: {
                 position: 'relative',
                 width: '100%',
                 maxWidth: '1200px',
                 margin: '0 auto',
                 padding: '20px'
-            } }, index.h("h1", { key: '91cdaf8b92dbc751441a84e6f094a006d997f632' }, "Table of Content Example"), index.h("section", { key: '3f4c366c5afe758b33c9ffc2be44ed355ca945ae' }, index.h("div", { key: '1f6144981097182371904b57900c0fab9ad1878f', id: "section_1", style: {
+            } }, index.h("h1", { key: 'b6d789cdfde56c92a531cb52bf998be27e15136d' }, "Table of Content Example"), index.h("section", { key: 'a78f5a80c8a8dcb6d09eff620f314b654a6c8671' }, index.h("div", { key: '17c42f730d92eb2492b02f3933115e3d5a401f2d', id: "section_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "gray",
                 padding: "20px",
                 margin: "20px 0 200px 0"
-            } }, index.h("h2", { key: '55ac3d3c19bc52df21534a3aa5c45df41494db64' }, "Section 1"), index.h("div", { key: '80cbe9adf44c56ec310bd7822adf91407d23bacd', id: "section_1_child_1", style: {
+            } }, index.h("h2", { key: 'bdd9debd0eda62a3f6b809b5648ac6461256fd34' }, "Section 1"), index.h("div", { key: 'a23687d5fe4bc634a86a447785bd294ca5a6f0aa', id: "section_1_child_1", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(255,0,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '47c02a0cf9e96dc2c76c38069c2947b485bf2020' }, "Section 1 Child 1")), index.h("div", { key: '67a035faada4a72443202f3773b7b6852a548078', id: "section_1_child_2", style: {
+            } }, index.h("h3", { key: '1354c540ba3d858187f2823f9436671257638cf3' }, "Section 1 Child 1")), index.h("div", { key: 'd280848343c6fb896a0842dba316b7926e3864dc', id: "section_1_child_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '13e167c6bb796405f61f4d7e2b07eb2295951537' }, "Section 1 Child 2")), index.h("div", { key: '19302f93f150f04498c76e7e3981cc9a937c460c', id: "section_1_child_3", style: {
+            } }, index.h("h3", { key: 'db2b1d2bd652c4f842652b383199e8c223e9d853' }, "Section 1 Child 2")), index.h("div", { key: '4d42bab8b8f0011cc2790d6c112d0b02d79399e5', id: "section_1_child_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,255,0,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'd14b0a6089b3cc61386e677022b33760446c94d3' }, "Section 1 Child 3"), index.h("div", { key: '16dfb4f0205e93efa321965488cc42936ae19520', id: "section_1_sub_child_1", style: {
+            } }, index.h("h3", { key: '7b92591b54d02843d2d5c0fba5988896bfc34cb1' }, "Section 1 Child 3"), index.h("div", { key: '2dc8b47631d3ca115bcfd67002e7eb13b162a818', 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: '55465560552ae3de409af8fbcd2b0ee88daf216b' }, "Section 1 Sub Child 1")), index.h("div", { key: '560c02814d745d8028077449150586bca956ea68', id: "section_1_sub_child_2", style: {
+            } }, index.h("h4", { key: '58d58b16cb55306e8e4f703142b212d253107b54' }, "Section 1 Sub Child 1")), index.h("div", { key: 'f98c40d2f8f175e45ad80e370231143028a04cf5', 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: '3198413f9f5e3c0c864cf12f4567375d079d645e' }, "Section 1 Sub Child 2")), index.h("div", { key: 'ce2a0fe28bd218334d403ba97739773aa987a22b', id: "section_1_sub_child_3", style: {
+            } }, index.h("h4", { key: '7b6c15eb655ddc1f113b3bcf662861635032435a' }, "Section 1 Sub Child 2")), index.h("div", { key: 'ba155f5a1bf7821873e88422b77787bdc5ded031', 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: 'b60f9c9ca3b70638d971c6911f5d065e7b16459d' }, "Section 1 Sub Child 3")))), index.h("div", { key: '83ca6530654fbb0565e11955bda0f902d4aa7bbc', id: "section_2", style: {
+            } }, index.h("h4", { key: 'b8747a987f17733eb483626079b4d6b7def38c97' }, "Section 1 Sub Child 3")))), index.h("div", { key: 'c36cbd8ba63e14f8e1b7119b5140aa539dc9d181', id: "section_2", style: {
                 minHeight: "100vh",
                 backgroundColor: "rgba(0,0,0,0.8)",
                 color: "white",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '41b89f0c025644330e13495d8a231db3bc0766f0' }, "Section 2")), index.h("div", { key: '085a8c521c17fcace5ccce494f02df0b91f26ca8', id: "section_3", style: {
+            } }, index.h("h2", { key: '123c606fa824628ae66584e5cf1db45fc9ba2fae' }, "Section 2")), index.h("div", { key: '1192fc576ebe2585e122aff836fe66bdad22eb1e', id: "section_3", style: {
                 minHeight: "100vh",
                 backgroundColor: "brown",
                 padding: "20px",
                 margin: "20px 0"
-            } }, index.h("h2", { key: '0af0a0ef370ed82a5675fe43af2a49ca65d8385a' }, "Section 3"), index.h("div", { key: '1432fbdbad8487bd6d55a21d56646ca7fe36d005', id: "section_3_child_1", style: {
+            } }, index.h("h2", { key: '86d3267da8664e932ec0ee04f8a4f673c8e8736d' }, "Section 3"), index.h("div", { key: '4f77d7096c755c01858bfa41ba0f8c356757c1d5', id: "section_3_child_1", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: '1b1ac49d5652dbbbd2beba407ce1679ce3ae500c' }, "Section 3 Child 1")), index.h("div", { key: '1bdc723b43b40dcf4d10a2aaf6afaabf54f19749', id: "section_3_child_2", style: {
+            } }, index.h("h3", { key: 'cae91f5201b63d24ec33cf56a0bb8d98374f8968' }, "Section 3 Child 1")), index.h("div", { key: '215616c389252fa8675a9bc90900169c780e935a', id: "section_3_child_2", style: {
                 minHeight: "50vh",
                 backgroundColor: "rgba(255,255,255,0.3)",
                 margin: "20px 0",
                 padding: "20px"
-            } }, index.h("h3", { key: 'e1b0af152d3540d79a27396090fec1ee058b1a85' }, "Section 3 Child 2"), index.h("div", { key: '254db3888856828d40551f8f31c2e2a890f2353d', id: "section_3_child_2_1", style: {
+            } }, index.h("h3", { key: '3b66e0a9cb051b06667d6097325dc3eae2f619b3' }, "Section 3 Child 2"), index.h("div", { key: '24f5e9ba1087d91097fdb02e489c2609b4612a4a', 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: '9b1eba61d3a94f3cf883e09e1953008902e171f1' }, "Section 3 Child 2.1")), index.h("div", { key: '5e2935f570c90f13334b4b9909e44041a9b94dd5', id: "section_3_child_2_2", style: {
+            } }, index.h("h4", { key: 'd53f0cd40b39ddef12bc9ead1eecf2359d766e53' }, "Section 3 Child 2.1")), index.h("div", { key: 'ca374c9dc0b6ef2d597feccec28034b132f4260a', 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: '04e16bd451630e9b2518447899d73ee62cfd7aff' }, "Section 3 Child 2.2")), index.h("div", { key: '54fd805685bd48de1c96383a8ff65ea1dad19b10', id: "section_3_child_2_3", style: {
+            } }, index.h("h4", { key: '4ed5fec9bbff3be0c2d7fd3f2735dd32dbe138ca' }, "Section 3 Child 2.2")), index.h("div", { key: '02264ed0635acd9f672a212ffd4cf1585c9f1caa', 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: '62d77b202b63f6b747d46df504562d52064516f9' }, "Section 3 Child 2.3"))))), index.h("div", { key: '143f4ef993450120c9aae58ee235d3ab0e6e2c9b', style: {
+            } }, index.h("h4", { key: '7d1c2326f42e9ceb229544c114c5c0788ceac854' }, "Section 3 Child 2.3"))))), index.h("div", { key: '19ba0c5c6127d326553cace3089d792dd1035936', 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: '68b905bdc574a0c36de16d2d52cc43f8af3f126a', title: "On this Page", subTitle: "Page Title", sections: [
+            } }, index.h("dga-table-of-content", { key: 'd7e17c2119064dfc33d5712ccef59c6c7d9ca812', 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: '53fbcabe9af9e2a9a9a27ca7a6896aa036a3bb92', style: {
+            ] })), index.h("div", { key: 'b2fe01106bbaa8ea78b751039c3a7dedf274534e', 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: '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: [
+            } }, index.h("dga-table-of-content", { key: '494c80f5eca61d7c35f7642cce7610980b66509a', title: "\u0641\u064A \u0647\u0630\u0647 \u0627\u0644\u0635\u0641\u062D\u0629", subTitle: "[\u0627\u0633\u0645 \u0627\u0644\u0635\u0641\u062D\u0629]", rtl: true, sections: [
                 {
                     Name: 'قسم صفحة',
                     Target: 'section_1',

package/dist/collection/collection-manifest.json

@@ -90,9 +90,9 @@
     "components/dga-menu/dga-action-menu.js",
     "components/dga-menu/dga-menu-group.js",
     "components/dga-menu/dga-menu-item.js",
+    "components/dga-menu/dga-menu-list.js",
     "components/dga-menu/dga-menu-v2.js",
     "components/dga-menu/dga-menu.js",
-    "components/dga-menu/dga-meu-list.js",
     "components/dga-metric/dga-metric-chart.js",
     "components/dga-modal/dga-modal.js",
     "components/dga-modal-v2/dga-modal-actions.js",

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

@@ -1,3 +1,4 @@
+import { arrowLeft01Stroke, arrowRight01Stroke } from "@platformscode/icons";
 import { h } from "@stencil/core";
 export class DgaCarousel {
     constructor() {
@@ -92,7 +93,7 @@ export class DgaCarousel {
         }
     }
     render() {
-        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" }))));
+        return (h("section", { key: 'b61a2168fd4309ca842e905f707529ff7d55e49a', class: "embla" }, h("div", { key: '52c6c2183ed9935b8d6bc2aaab3343dfa2be61fe', class: "embla__viewport" }, h("div", { key: '3cb1663c0b12f976059cdbddaeeba058be31399f', class: "embla__container" }, h("div", { key: '0ab1cfa3d63890e737ff556d5435c4ca1145f998', class: "embla__slide" }, h("div", { key: '450ecc710f0b54a9bd6ea919a96205218de277e3', class: "embla__slide__number" }, "1")), h("div", { key: 'ad787841460a36e90aadac8d74763961d7956381', class: "embla__slide" }, h("div", { key: 'f2b10b390556b984cf8116aa93e5b6a05c53e7dd', class: "embla__slide__number" }, "2")), h("div", { key: '1a5059c34f2499d1a0428978d7642859d6f0039a', class: "embla__slide" }, h("div", { key: '8b0f3e56f5d9f8ab2726a6f6da4070f553eee90e', class: "embla__slide__number" }, "3")), h("div", { key: 'af69542441ffd30126fb3b2232e6cf2f0fdd7d7b', class: "embla__slide" }, h("div", { key: '54bad6df66a7d915f4ba2834701d0483545d9857', class: "embla__slide__number" }, "4")), h("div", { key: '09eb6153f9d4ef6671ad4578ee556e16f40a2465', class: "embla__slide" }, h("div", { key: 'f9272cc4492ada7ade99ae06eb4325373fa22188', class: "embla__slide__number" }, "5")))), h("div", { key: 'edb17a672d7012fc2e189dbc35f1e0c6b168890c', class: "embla__controls" }, h("div", { key: 'fd36003b9bd2c3411e58768f289889dbfb1fe834', class: "embla__buttons" }, h("button", { key: '9f0aa80cadfdd948c852bee5444641a70de7dc2e', class: "embla__button embla__button--prev", type: "button" }, h("dga-icon", { key: '7f1baca00554f318d96d5525edbfc996790f4a64', class: "embla__button__svg", icon: arrowLeft01Stroke, size: 24, color: '#161616' })), h("button", { key: '0685334652bfe1f85ea689cac95cf0d235b5c509', class: "embla__button embla__button--next", type: "button" }, h("dga-icon", { key: 'ef506eedbb5efc81ac8a67684dd5753085041ef5', class: "embla__button__svg", icon: arrowRight01Stroke, size: 24, color: '#161616' }))), h("div", { key: 'bf123b4b7d53396392872d0161436f4e0186f6ba', class: "embla__dots" }))));
     }
     static get is() { return "dga-carousel-v2"; }
     static get originalStyleUrls() {

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

@@ -52,18 +52,18 @@ export class DgaCheckbox {
         const { el, disabled } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
         console.log(dir);
-        return (h("label", { key: 'ed75568da7227f06b7d6990e4f10492eb4b0465c', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: 'd5d8164b5fb66641f9cb18d99484b9775d78cd37', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
             // onMouseDown={this.handleActive}
             // onMouseUp={this.handleRemoveActive}
             // onMouseOut={this.handleRemoveActive}
             // onChange={() => this.handleRemoveActive}
             //   htmlFor={id}
-            tabindex: disabled ? undefined : 0 }, h("div", { key: '07ed6d67c79d63aecb4c95310cd61d986ad9117f', class: "checkbox-main" }, h("div", { key: 'a3035f9f3b4bf70a7645642638c5bbd247223b07', class: "checkbox-main__content" }, h("input", { key: '7366ac79c5ea7d41b81b46cf5c5c91ea91d9f4a5', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
+            tabindex: disabled ? undefined : 0 }, h("div", { key: '35404cf5a943d29bd3147d5707a01a0062e3f3f6', class: "checkbox-main" }, h("div", { key: 'daa1e7669fbf02c05703778986d4b2680e7a24f2', class: "checkbox-main__content" }, h("input", { key: '5674ddf1b8af772d642eab1a187464229c2046e7', type: "checkbox", name: this.name, value: this.value, disabled: this.disabled, onFocus: this.handleFocus, onBlur: this.handleFocusOut, onChange: e => {
                 var _a;
                 (_a = this.onChange) === null || _a === void 0 ? void 0 : _a.call(this, e);
                 const target = e.target;
                 this.isChecked = target.checked;
-            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'd66f8308f488ee08a6e2418eefab966da61cb9d9', class: "checkbox-container" }, h("span", { key: 'a7c8141cca44b52c8f86ac57178ddfaafe4638f4', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '38efe16ce548e2cdb83250a3bef63c8cd0a7006c', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'a53749dc91764914e997a7b45159de3b034e3d0a', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'a158ab9dd10f6d47d7a51fa4600fe19ba58044da', class: "checkbox__warning" }, h("span", { key: 'bf4598419344a13397be31434f6472860fe2a55a', class: "checkbox__warning-icon" }, h("dga-icon", { key: '172e9f65e293d92f65da0be8823bccb67d86cc76', icon: alertCircleStroke, size: 16 })), h("span", { key: '4ca7ce4da7c31a7e3364aeed10acc4c0b36ea643', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '771fdd690702f80f27bb2faa30b66a0860ae3050', class: "checkbox-container" }, h("span", { key: '7ec4636946d329776109c73f47760aa46e34b5aa', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolid }) : h("dga-icon", { icon: tick03Solid })), h("span", { key: '217aecd03deb08c8854a6cb81cc43280d57cbb7e', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd48a85e47497242a1e16b4fd0ae17039471574ef', icon: remove01Solid }))), !this.helperText ? (this.label && h("span", { class: "checkbox__label" }, this.label)) : (h("div", { class: "dga-flex-column" }, h("span", { class: "checkbox__label" }, this.label), h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (h("div", { key: 'fece3ebf480e4cea5b3c7d5149eeafc0a70b88e5', class: "checkbox__warning" }, h("span", { key: '406ed15055dcda32d16a5b8836b3aea1fc8a6e79', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'fc2acfcc23ab8e94b2253dd5d89d2094b3c94877', icon: alertCircleStroke, size: 16 })), h("span", { key: '8815a5fd9bc84b27e6421528e55478824aceca03', class: "checkbox__warning-text" }, this.alertText))))));
     }
     static get is() { return "dga-checkbox"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class DgaChip {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'ee09ba2577425c1ac2afe7254b563cc57935ae64', id: this.componentId, style: this.rootStyles }, h("span", { key: '36dfb7ca4972f51d2fabcb2da806ee1a33afa272', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.isSelected ? "selected" : ""}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+        return (h(Host, { key: 'b45e82abd297ad28cd4b4c91fc1bd520592c53ee', id: this.componentId, style: this.rootStyles }, h("span", { key: 'a1eba904c424ecf00f6d12fa7d11bbc91b3bf013', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.isSelected ? "selected" : ""}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
                 if (this.isSelected) {
                     this.isSelectedState = false;
                 }
@@ -53,7 +53,7 @@ export class DgaChip {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, this.leadIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', h("slot", { key: '8b8433a505dbac68b7635578bd85104dda657a4d' }))));
+            } }, this.leadIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', h("slot", { key: 'c3c0fc376ae83a4fbc6fcac51f4f3c59e5a6c038' }))));
     }
     static get is() { return "dga-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class DgaCircularProgressBar {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = dashArray * (1 - this.percentage / 100);
-        return (h("div", { key: '575295d19f409148a195b9b13e9cdf8ea0ae2632', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '3fb3b51c9aad789ff74077207bb4750ac618ab1c', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: 'efcd17e487aba3bd0c58f68379c99a64a55410a7', icon: checkmarkCircle02Solid, size: 20 }), this.variant === 'error' && h("dga-icon", { key: '20ef6255c4e068585eb4dd79a9f9ee4648998d70', icon: multiplicationSignCircleSolid, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: '30ad1c9fd7c5f407ba118fb4bf14173cfdc2e9fc', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: 'f1f3f9ac38eb40ac98562175c1f80ff72be7cdd6', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '57e52247278f3dfb972b401557828da4cacb6505', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '09e16507158e928f55294842bdeafc39c021ca0f', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'de0eb137d69c6d8f3bfa25bfc73f18584e5a6758', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
+        return (h("div", { key: '269737614a688212c6a3be7d0f5a4cc665403a79', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '7466aedc240e20ebd85fa43ca98eccb54e0c1543', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '02a65ebb8548977420c8b511ec0546052fdbf8fe', icon: checkmarkCircle02Solid, size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'b663fc95fdac5bb2c597ccd9e0324084d3d4d813', icon: multiplicationSignCircleSolid, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: '1ec127356add95ded1a1d29f221f6e5ff1bdbfb2', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '596f158292e422ba86fc1d2d7abaae13e9b3c0b5', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '5d499d24e0987391fbf194477668eb3ed055348b', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'a0dc1655c92b48e229399a8ac1c1edd602d79708', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), h("circle", { key: 'd4828373965d0e1919432b7c49a857c5d2fec93d', class: `tail tail--${this.variant}`, fill: "none", stroke: "currentColor", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth, "stroke-linecap": 'round', "stroke-dasharray": dashArray, "stroke-dashoffset": dashOffset, transform: `rotate(-180 ${this.sizes[this.size] / 2} ${this.sizes[this.size] / 2})`, style: {
                 transition: 'stroke-dashoffset 0.5s ease',
             } }))));
     }

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

@@ -35,17 +35,17 @@ export class CodeSnippet {
         }
     }
     render() {
-        return (h("div", { key: 'e7653cd02a9bfef1e634bcde97ca4071ad053903', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'eeb88c21e84685c1a0962df44b57cf9b84d9a196', class: "code-snippet-tabs" }, h("dga-tabs", { key: 'd957965b304b1f5f795bcee249574adeb211e5c2', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        return (h("div", { key: 'c8b8f6966d3a5697d391710ec7c49a7c7812d6dc', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'e12158c24ef3271e4d42ae37d59b3295d59bcb6b', class: "code-snippet-tabs" }, h("dga-tabs", { key: 'b34b729e67baf2ebf06059bda346422a07e73604', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), h("pre", { key: '80a8983dcf3e98ce0d751c8e1a548b5ef75c89be', class: "code-snippet-code-display" }, h("dga-button-v2", { key: '7d4215c943bb965eb46116b6e832e53bbf318bf3', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), h("pre", { key: 'c27a625639f0331d7d062de7867d58baa7b5f343', class: "code-snippet-code-display" }, h("dga-button-v2", { key: 'c3e27261b30dbe7f50636a5f2dea31fc9dc7c9b0', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
                 name: 'copy-01',
                 size: 24,
                 color: '#161616',
                 variant: 'stroke',
-            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: 'b3b0132873647ca920fdd88f0060b31d7e562018', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: 'cf5a2a615b327b37e1e1cbd29ad9fedc6b78b2d9', style: {
                 height: this.showButton && this.type === 'multi-line' && !this.showMore ? '150px' : 'auto',
-            } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === 'multi-line' && (h("div", { key: 'be3fc5e867acc53320f6015ea85b92b6f3715230', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '102edbfd001741c2913ef59bd7708454b428ac6c', label: this.showMore ? 'Show Less' : 'Show More', size: "md", trailIcon: true, variant: 'subtle', trailIconProps: { name: !this.showMore ? 'arrow-down-01' : 'arrow-up-01', size: 20, color: '#161616', variant: 'stroke' }, onClick: () => (this.showMore = !this.showMore), onColor: false }))))));
+            } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === 'multi-line' && (h("div", { key: '5935a319d08f6d09a09aedd0d92dcda804d27885', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '5b6a869a8930a807c2a4f95b8a5c4cba95643b4a', label: this.showMore ? 'Show Less' : 'Show More', size: "md", trailIcon: true, variant: 'subtle', trailIconProps: { name: !this.showMore ? 'arrow-down-01' : 'arrow-up-01', size: 20, color: '#161616', variant: 'stroke' }, onClick: () => (this.showMore = !this.showMore), onColor: false }))))));
     }
     static get is() { return "dga-codesnippet"; }
     static get originalStyleUrls() {

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

@@ -35,7 +35,7 @@ export class DgaCollapse {
     }
     render() {
         const styles = Object.assign(Object.assign({ overflow: 'hidden', transition: `height ${this.transitionDuration} ${this.transitionType}`, height: `${this.height}px` }, (this.height === 'auto' ? { height: 'auto' } : {})), this.customStyle);
-        return (h("div", { key: 'b9bac899c18eaaed83b77a6a806c3cfb6b01aa7f', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2686d02d09c2c6a5b83ff4aee5820d1d8660df6f' })));
+        return (h("div", { key: '9715bed0f6b0c892fc33ea1264b010a47e8876c3', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2b7465b46183841607468dd39d13ec3d4b356ca6' })));
     }
     static get is() { return "dga-collapse"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dga-content-switcher/dga-content-switcher-item.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaContentSwitcherItem {
     render() {
-        return h("slot", { key: '44990e27f2aad3127b4df028976b38ec87ec92c5' });
+        return h("slot", { key: '98721cdda8e2c8e9386f1d1bf5f67c5745f580b1' });
     }
     static get is() { return "dga-content-switcher-item"; }
     static get properties() {

package/dist/collection/components/dga-content-switcher/dga-content-switcher-panel.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaContentSwitcherPanel {
     render() {
-        return (h("div", { key: 'a22c2f91076dd8135722c0f1e618b769af067cb7', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'dbb50bb83bb6770d1714280ff30ea6e858c31a2e' })));
+        return (h("div", { key: 'dc4acdb1cb410fa9b98033c237a3512f36feaebf', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'da6642b7fb04e23668b84593d70f1d6881f63d8b' })));
     }
     static get is() { return "dga-content-switcher-panel"; }
     static get properties() {

package/dist/collection/components/dga-content-switcher/dga-content-switcher.js

@@ -26,7 +26,7 @@ export class DgaContentSwitcher {
         };
     }
     render() {
-        return (h("div", { key: '8eeaed1bb66e6030793111fa46c14032ba1056fd', class: "content-switcher" }, h("div", { key: '7a9d7bcb4aba55703e6a7b16b7903007a0f87238', class: "content-switcher__items" }, this.items.map((item, index) => {
+        return (h("div", { key: '224b50a52ff908b5ac25889adbb2447314ee83e0', class: "content-switcher" }, h("div", { key: 'c09f715a4127180acc5a47d7a4a3a1e4cabeedaf', class: "content-switcher__items" }, this.items.map((item, index) => {
             const selected = index === this.selected;
             const itemType = index === 0 ? 'first' : index === this.items.length - 1 ? 'last' : 'mid';
             const className = `content-switcher__item content-switcher__item--${itemType} ${this.onColor ? 'content-switcher__item--on-color' : ''} content-switcher__item--${this.size} ${selected ? 'content-switcher__item--selected' : ''}`;

package/dist/collection/components/dga-data-table/dga-data-table-usage.js

@@ -4,7 +4,7 @@ export class DgaDateFieldUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: '810bae158ef077da2ee827fd53fe55b09c46cc36' }, h("h1", { key: '54b812c6333913cb0b4b4c1c097e155e5929043b' }, "Date Field Example"), h("div", { key: 'ea62559b37226897da2b0f5f3ba1957fb8059317', style: { padding: '50px' } }, h("div", { key: 'feef0a2caaca75a5c2fd0a6a07f8274ae2efdd41', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '32767430dda85dcfaeed3316c3455aa5df79e7d3', cells: [
+        return (h("div", { key: 'f2d1edbbeba6cfe313594a5978776b3aae31b8a3' }, h("h1", { key: '0f55838e3e9897a7cf800ea2c619a45e829567c1' }, "Date Field Example"), h("div", { key: 'a4fd65f269fcdd1ffb2b0e3a4970fa114adfc686', style: { padding: '50px' } }, h("div", { key: 'b6f7bc10dc16ac25d5b4564e3cab8fdf9631ffb8', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '634d7d0f79c18dc404a5911002ae060977d0b7ae', cells: [
                 {
                     colSpan: 1,
                     isFilter: true,

package/dist/collection/components/dga-data-table/dga-table.body.js

@@ -115,7 +115,7 @@ export class DgaTableBody {
     //         this.selected = index;
     //     };
     render() {
-        return (h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
+        return (h("tbody", { key: 'c33758ed852c5cf3e42ca4876908e34144bde9ca' }, h("slot", { key: '7cbfa5ffc8c18bcb50ab658ef58cbf3dd5514544' })));
     }
     static get is() { return "dga-table-body"; }
     static get properties() {

package/dist/collection/components/dga-data-table/dga-table.js

@@ -92,7 +92,7 @@ export class DgaTable {
         this.sortedData = cloneData;
     }
     render() {
-        return (h("div", { key: '12dcb8323266045ffde8d407f4d24a69b6f1cbf0', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'd235161e5ff70d099cd4b2ab927c2dbc37581b6d', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'ea31be8317bbd7a5a0c7ec31425aa74213c46286' }))));
+        return (h("div", { key: '8a0ba339376e5bed29d3b6b5a1a502f9e2df7e32', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '841015f06bcc0348a8b3370262eca685cc936c4c', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'bcdc3bd79adffdcd888b9cb1cdce7c60985260e5' }))));
     }
     static get is() { return "dga-table"; }
     static get properties() {

package/dist/collection/components/dga-datepicker/DateCell.js

@@ -35,7 +35,7 @@ export class DateCell {
             className += ' date-cell--mid-range--first-child';
         if (this.isLastRangeChild)
             className += ' date-cell--mid-range--last-child';
-        return (h("button", { key: '1aff134c81adbf407c68a8cb01ebec06c230f55b', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: 'fb611f9d9808a30f47f5d558fef21fca22ec28d1', class: "date-cell__label" }, h("span", { key: '9e1aedf28e847f49a57f4189bb74c916ce5f9f88' }, this.date.getDate()))));
+        return (h("button", { key: '58a4eb5cc88a184c56f3b73b0dacfabd68743fec', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: '703c49231348ba8ced7330cbff71ecb1a0eb843a', class: "date-cell__label" }, h("span", { key: '8732f074dff20bd10abc4eb7e40a19ee88ad4546' }, this.date.getDate()))));
     }
     static get is() { return "date-cell"; }
     static get originalStyleUrls() {

package/dist/collection/components/dga-datepicker/MonthNavigator.js

@@ -80,21 +80,21 @@ export class MonthNavigator {
         }
     }
     render() {
-        return (h("div", { key: 'd5d6f91dd8b63d62391662e3e445bd380745c168', class: "date-picker__navigator" }, h("div", { key: '124d03584f1b45185532bdf57f4394ee8fa63907', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
+        return (h("div", { key: '4833e25a7d64c1abc51012761b086a81526ed524', class: "date-picker__navigator" }, h("div", { key: '59d2b2b1dd38e28ae3110fb02c7be04c33b0defa', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
             month: 'long',
             // year: 'numeric',
-        }), " ", h("span", { key: 'f061c07ce0753df7b59945acd2f09247d3a284e0', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
+        }), " ", h("span", { key: '90938ca6bf121ffa3375d1c881b9e9f903e4bb9a', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
                 cursor: 'pointer',
                 position: 'relative',
                 display: 'inline-flex',
                 alignItems: 'center'
             } }, this.currentMonth.getFullYear(), this.isYearsDropdownOpen && (
         // {true && (
-        h("ul", { key: '2fbc6bccb80527cf248e8b2b34a07effb3ebadc0', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, h("a", { onClick: (e) => this.handleYearSelect(year, e) }, h("span", { class: "link__label" }, year))))))))), this.showArrows && (h("div", { key: '5d881c9ab91d4d8d2c66d816ff6c455de4050ee5', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: '3226b006b436517ec9aee877e856557666efe47d', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+        h("ul", { key: '9ca6d55665915040e487bcad3dff2056d65feaf1', class: "dga-breadcrumb-dropdown", ref: (el) => this.yearDropdownRef = el }, this.yearsList.map(year => (h("li", { key: year, class: `dga-breadcrumb-dropdown-item ${year === this.currentMonth.getFullYear() ? 'selected-year' : ''}` }, h("a", { onClick: (e) => this.handleYearSelect(year, e) }, h("span", { class: "link__label" }, year))))))))), this.showArrows && (h("div", { key: 'f41913e4140114eac2db3a217352fea01e78bb4d', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: '9cddbab346c29729e64e3a5d3e009529b0350502', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-left-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '3967c5314bceb125bb9bef98aab255e0b7672fc0', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '90a70ff55bfebdb85914bd80cf2230826c1c5be9', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
                 name: 'arrow-right-02',
                 variant: 'stroke',
                 type: 'rounded',

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

@@ -139,10 +139,10 @@ export class DgaDatepicker {
         }
     }
     render() {
-        return (h(Host, { key: '3e8b9fa4beb613d2832ef1b4f551619e0e27eeb4' }, h("div", { key: '02da1c2d5a0437e1eb5deff72020d8fcfae22df8', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '72271b59dc9718679a25c215a4dd19dc339e3f35', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: 'ecfe1b606194a33a1dfc64aa1cdd81be6460685e', class: "date-picker-root__quick-options" }, h("span", { key: '11a62db0f632227e1e3d2c9a60d97e8bb59d49e4', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: '431728488f23b2df37e2def731d2d7a524caf00d', class: "options-list" }, defaultStaticRanges.map(({ label, range }) => (h("li", { key: label[this.RTL ? 'ar' : 'en'] }, h("button", { class: "text-md-medium", onClick: () => {
+        return (h(Host, { key: '1cf903fa9cdde7000ab0e54ee5b1d320299f9cbb' }, h("div", { key: '49b686a6dfcbf7d054326cd44fedf39d1a4d1f06', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'a0de13c5ee544792325eaef45e294c359d60226c', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: '50880a5111ef22fccd2a8299801d14ce9e757245', class: "date-picker-root__quick-options" }, h("span", { key: '9830929ec60aee9b177af10caf803c0961a1bf86', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: 'be06ba57993c16ef61bb8bdfd09dd1dfb729dd13', class: "options-list" }, defaultStaticRanges.map(({ label, range }) => (h("li", { key: label[this.RTL ? 'ar' : 'en'] }, h("button", { class: "text-md-medium", onClick: () => {
                 this.rangeDates = range();
                 console.log(range, "rrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaange");
-            } }, label[this.RTL ? 'ar' : 'en']))))))), h("div", { key: '954b123940bf9ca05e05b7c18b7554bc5409c7c9', class: "date-picker-root__main" }, this.inputField && (h("div", { key: '1bd382f3cabd095c4c1e56961f5a85a961ddafb7', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: 'b72ad320b64fa7ce0ee62002fcd623a3988b961f', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }, label[this.RTL ? 'ar' : 'en']))))))), h("div", { key: '73d03c50ec8c0f710dded935a002f78654472c6d', class: "date-picker-root__main" }, this.inputField && (h("div", { key: '4b153e113161744aa327f3f410fb8da53f94f3f3', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: '47e1253771e6946ecf0aa83e4dd2ff3884898e1b', placeholder: "Month DD, YYYY", name: "startDate", value: this.inputDates.startDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -165,7 +165,7 @@ export class DgaDatepicker {
                         this.selectedDate = date;
                     }
                 }
-            } }), this.range && (h("dga-text-input", { key: 'f24c1c43bbd7f2bd1399c7c66b1fa947e7a14345', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }), this.range && (h("dga-text-input", { key: 'e1b796d8175c2657a25daf921b27debe0f67929d', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
                 if (validateInputDate(e.target.value)) {
                     const date = new Date(e.target.value);
                     if (this.range) {
@@ -199,19 +199,19 @@ export class DgaDatepicker {
                         this.selectedDate = date;
                     }
                 }
-            } })))), h("div", { key: '341b7f73903de240ffa5b153b727b2c3dcc4c1c2', class: "date-picker-root__main__content-wrapper" }, h("div", { key: '691dc3d7225af890cb1672e368f7960bde06ed86', class: "date-picker" }, h("month-navigator", { key: '68d578183244569f9217b2708805ce29a3b8847f', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '5e19fea13626d88ea7c1ea789202d3aa63352833', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '1b0ee65e66a1707ef60f2df716db253e1a88b323', class: "date-picker__date-grid" }, this.days.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
+            } })))), h("div", { key: '17c3e33b2b62910f6c6d072e7fb2173c2a13648a', class: "date-picker-root__main__content-wrapper" }, h("div", { key: '1c3c064ce2489f491248accdd66d28c8b57e66aa', class: "date-picker" }, h("month-navigator", { key: '19b166387d5cc6733139be12e09bbc2073290cad', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '4367f01945c46b42cb14240b1e60a128c2fa868b', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: 'cbed2f1fa2b0ff45bc8df6a06815c227ae95c6b3', class: "date-picker__date-grid" }, this.days.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.currentMonth.getMonth(), isSelected: (this.range)
                 ? (!!this.rangeDates.startDate &&
                     compareDatesWithoutTime(date, this.rangeDates.startDate)) ||
                     (!!this.rangeDates.endDate &&
                         compareDatesWithoutTime(date, this.rangeDates.endDate))
                 : this.selectedDate
                     ? compareDatesWithoutTime(date, this.selectedDate)
-                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (h("div", { key: '21cf779cbf7894aea02384538e04139f4f28b5e4', class: "date-picker" }, h("month-navigator", { key: 'e145acadde4bb7e475f109f624bda09e39317d43', currentMonth: this.nextMonth, onChange: (date) => {
+                    : false, isToday: new Date().toDateString() === date.toDateString(), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), midRange: this.isMidRange(date), onSelect: (date) => this.handleSelectDate(date) }))))), this.dualMonthView && (h("div", { key: 'fae294631b17572eecbf63969907ab75dfd1bbe5', class: "date-picker" }, h("month-navigator", { key: 'c49d1a8dc777bd74f7adef4c03e6b4059f12f138', currentMonth: this.nextMonth, onChange: (date) => {
                 const newMonth = date.getMonth() === this.currentMonth.getMonth()
                     ? new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() - 1)
                     : new Date(this.currentMonth.getFullYear(), this.currentMonth.getMonth() + 1);
                 this.handleChangeMonth(newMonth);
-            }, showArrows: true }), h("div", { key: '62460dd802203b5897d6901d558c7eda7192ce9e', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '5b6d193b92a1418df4ef9fb9dd1a98784725bce5', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
+            }, showArrows: true }), h("div", { key: '6faedc87c5559c2b53087628d848514862f87e6d', class: "date-picker__weekdays" }, ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '3a132975da9625f14a15ed53efced86955757d6c', class: "date-picker__date-grid" }, this.nextMonthDays.map((date) => (h("date-cell", { key: date.toString(), date: date, isCurrentMonth: date.getMonth() === this.nextMonth.getMonth(), isSelected: this.range
                 ? (!!this.rangeDates.startDate &&
                     date.getTime() ===
                         this.rangeDates.startDate.getTime()) ||
@@ -219,7 +219,7 @@ export class DgaDatepicker {
                         date.getTime() === this.rangeDates.endDate.getTime())
                 : this.selectedDate
                     ? date.getTime() === this.selectedDate.getTime()
-                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (h("div", { key: '58e9870cd35e1db2068ae8668bef0aa0508df376', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: 'e69913e478885924c4d7c34652cbb913de3a95b0', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: 'b20a8c2a35ba2e292483fbfbd96c4d6754616d5e', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
+                    : false, isToday: new Date().toDateString() === date.toDateString(), midRange: this.isMidRange(date), isFirstRangeChild: this.isFirstRangeChild(date), isLastRangeChild: this.isLastRangeChild(date), onSelect: (date) => this.handleSelectDate(date) }))))))))), this.submitButton && (h("div", { key: '5ac175a4a9e3df056e10a66e1c6ed10b2daa31c2', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: '1caa85dc93c0290c715a87d2537b21d4a300fc21', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: 'b082de548375341c5b7bff0df865ab883cf2b382', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
     }
     static get is() { return "dga-datepicker"; }
     static get originalStyleUrls() {