@platformscode/core 0.0.35 → 0.0.38

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: '3273ee7c79260c43cb23eec37f11d88633b7ade7', class: `card__content` }, h("slot", { key: 'ec21d55853eb8eb7fd368083741bdc32629ad9d8' })));
+        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: '5c00a92e4b2baaac202519bb977e5e82fbed3f44' }, h("slot", { key: '8e9281b20bac3c0bc36373ab9f1188ef48a46427' })));
+        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: 'a9d3e98d3e8fb48529a54ae9052061a9dd782497', class: "dga-card__image-container" }, h("img", { key: 'dbc4df877868715483bdf89744451a778ec2b49a', 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: '1b09c0c4850e623f60260b6f3d8ffe730c2f31e5', class: "text-lg-bold" }, h("slot", { key: 'a611028c66a9512443db355eab99f7120384cd12' })));
+        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: 'a93295ad53084e429137964b066c95284220a3f8', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '8187ffd12f5ab3dd5bbcb8c9c34a4bfb7dd38e1c', 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: '943487106159fe3b9a862e4afb7457e47cabf4c0', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'a5e6027383e8d04ec45ecc3951596abcbed78a8b', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '3ac729592e66616dec54fbb78db51b3a21f234c7', name: 'card-content' }), this.type === 'default' && h("slot", { key: '7a006e5de0e47d951fab3eda9252ba0149953696', 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: '121c11b7ad56da299670a6bb0833e86a0b7b64ef', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: 'c4e449d7d8d79b3eb498263cc1f54428eb478486', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '87d889f0857518c0617b0dde52e1b5e5ae5fb6a3', 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: '7822c4aa6c16370af1a16f75104c3df9ae402900', name: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), h("div", { key: '831057d00033771eb60b7b4ad3fdd629758a5e25', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: '923c08268061ac7b4d801c847ad7d2e1bac48fdb', 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: '77b29c2b8425da5cc493ec343389a1f55228afbd' }))), this.variant === 'arrows' && (h("a", { key: '85d14141b64ae4725cb583c8e5cbded3f09f0464', 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: '62b28f40cca2be7cdbe12a1869b347be437e36e8', name: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '9a4f65e2159d8b9226fb780c89414589bad31746', 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: 'df350f2304f37884d27296655c281db2e26ac4d7' }, h("slot", { key: '522543d2b3b2f3a22dcd49868bb20fa077ad72f7' })));
+        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: '5a9a68d69d47f962749b559f8322729f39e0a034', class: "embla" }, h("div", { key: '073e9e250860eb58240f935c9add8202aeb98207', class: "embla__viewport" }, h("div", { key: '66080acd88a29c501fa1567a1e06e928332a0ca6', class: "embla__container" }, h("div", { key: '088472b484f3b390eeb5e03d9d60fd657c615548', class: "embla__slide" }, h("div", { key: '3e71ee7e8a9c3c576765edb92df2620f4cc8b24d', class: "embla__slide__number" }, "1")), h("div", { key: '26278d8d4b0dfc2e2d4e792add6a481529c69c43', class: "embla__slide" }, h("div", { key: '37ac1c9840e223aedf26761a59a31aa31a8d154f', class: "embla__slide__number" }, "2")), h("div", { key: 'ecbde2ee0ce22806164ea2cfaa0b6668110fc367', class: "embla__slide" }, h("div", { key: 'c85ed1d36ffbd61a316a80406b3a9aefc910cf94', class: "embla__slide__number" }, "3")), h("div", { key: '624137dec0043536f6d39557987af40b11a28d10', class: "embla__slide" }, h("div", { key: 'e2bce54a55fea277bad5ae2acab0c35b6f83b4d3', class: "embla__slide__number" }, "4")), h("div", { key: '5783249c060efd949bf5d2420579f947f6b702bc', class: "embla__slide" }, h("div", { key: 'b84cbafd2534e94f6e808c6bd958015ec9a0e8d7', class: "embla__slide__number" }, "5")))), h("div", { key: '43742f9cd346e6f05f1bf5eb0d5105dd182f0828', class: "embla__controls" }, h("div", { key: 'e8e5ef5d53f3d1451c6dd4003bc0fb46e25a8e38', class: "embla__buttons" }, h("button", { key: '6a3a02e6e7c201665e8de58f59a1300872da9ac1', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '6f86679497acc8292e3f50fe5dc80937b4b879f4', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'a0d10ad5b1d7e2d4327be6a3b95ba80b0c3e6452', 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: 'a6c79ec7c3b89edb7b65e19edb122fe1aeda125e', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: '760f613f5dc0dd6d07f614c3e669792cd717bca5', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '80a57ef8713b758e37c242897eff1e9f88f5918e', 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: '3046d98340595ac406df9e7ae21df86f0bf96227', 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() {

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

@@ -408,7 +408,7 @@ export class DgaChart {
                     "references": {
                         "ApexChartType": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
                             "id": "src/components/dga-chart/dga-chart.tsx::ApexChartType"
                         }
                     }
@@ -436,7 +436,7 @@ export class DgaChart {
                     "references": {
                         "ApexChartWidth": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
                             "id": "src/components/dga-chart/dga-chart.tsx::ApexChartWidth"
                         }
                     }
@@ -464,7 +464,7 @@ export class DgaChart {
                     "references": {
                         "ApexChartHeight": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
                             "id": "src/components/dga-chart/dga-chart.tsx::ApexChartHeight"
                         }
                     }
@@ -519,7 +519,7 @@ export class DgaChart {
                     "references": {
                         "ApexOptionsSeries": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
                             "id": "src/components/dga-chart/dga-chart.tsx::ApexOptionsSeries"
                         }
                     }
@@ -546,7 +546,7 @@ export class DgaChart {
                     "references": {
                         "ApexOptionsLabels": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
                             "id": "src/components/dga-chart/dga-chart.tsx::ApexOptionsLabels"
                         }
                     }

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: '89d197e6d492f63836cbbc1acdb11930bb78adbf', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: '914bef532c5b8db2f14286da148559cfb9e01a05', 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: 'ad05d35d342e0056d62d9b43c3d2cc2a688e3c70', class: "checkbox-main" }, h("div", { key: '984821bbe1f32a5b2bfb47ce143be47b85531721', class: "checkbox-main__content" }, h("input", { key: 'b873bb169083b8420f0b4975f55efd12268aa287', 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: '9da5b55a5d2f723c855b8763d23dac56a053b4c3', class: "checkbox-main" }, h("div", { key: 'b495d64ead27edc57fdfc14ea8d1fcfcc4f5f9ac', class: "checkbox-main__content" }, h("input", { key: '551676bc6b093fede2803a2be402d1fc0764218f', 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: '8ea4b43c69117f1614513d0c3cd671d79b210733', class: "checkbox-container" }, h("span", { key: '8543884ce9a28097cabdaa61869a2f219cc7f199', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '4b7ad1bfffb3e853eb1f568852280bc6883fe13f', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd0d1dbf5a943144c29e8f5fd23e03d6d2e82984e', icon: remove01SolidRoundedIcon }))), !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: '83124d4756a64f50e025f4f07e563d8a4c0d1394', class: "checkbox__warning" }, h("span", { key: '175c7e33cd767eb682130b374aa8f602527b0728', class: "checkbox__warning-icon" }, h("dga-icon", { key: '0dff6c6258871ddaf756a92069bf82a58488680b', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'c4d7d1d5e6483c9bb1976e12c664d3e06d1e1846', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: '73271ba2c977965bc2f0adfa36a8a5c38bfa50d6', class: "checkbox-container" }, h("span", { key: 'e923228b8e5b0c284c43ddf780d63869035a12c8', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { icon: minusSignSolidRoundedIcon }) : h("dga-icon", { icon: tick03SolidRoundedIcon })), h("span", { key: '6a5d54480965d27fe58febee30b25f44b3bf10a8', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: 'd7fd216760b839fae1c39c3cd1774fcaea918e92', icon: remove01SolidRoundedIcon }))), !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: '491e606096b61f29761871b03750771673ae5f4f', class: "checkbox__warning" }, h("span", { key: 'c5c9d4941f05c095168fb0c88eb76c236b662d1c', class: "checkbox__warning-icon" }, h("dga-icon", { key: 'd87ef6bab51cdb6d2cf5e045a5e236d64e4fa8b1', icon: alertCircleStrokeRoundedIcon, size: 16 })), h("span", { key: 'e76e886ef019852b2b5a0eb4dbac9e14aefb05d7', 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: 'b1ea47c54e4139d4c00b2b6000ab03fddc513dce', id: this.componentId, style: this.rootStyles }, h("span", { key: '276f2cd90ea665e09b96c98af644b84cdc78ac9b', 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: '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: () => {
                 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: 'a700eecd269df494102d234382aeae4a42f45a23' }))));
+            } }, 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' }))));
     }
     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: '291033816c03db4d77a13c4ac388a57d4a54b744', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'd26868af3a0401153c55090a9f443dd773aa2f02', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '28461b96e858abf4a408eb72f4ff3d4ec360ca4e', icon: checkmarkCircle02SolidRoundedIcon, size: 20 }), this.variant === 'error' && h("dga-icon", { key: '79373d85687effb8b0dab66a574dab976398c70b', icon: multiplicationSignCircleSolidRoundedIcon, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'd5df43d3d7f0f5e796407f8e5a9cbda59cad70a3', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '7c3ecccfcf8f82b5082c1e0b7b5bd24b11e4bb73', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '6c61a192ccd9c5ea94dcb3c9679be3e2d4c51ad6', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '44db2d34749b0e27093ba0050f039e97fe1899a1', 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: '42611fc781757fc90531f7a5ac41363a85c842ce', 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: 'e19eea82b29577b3b5a10744310baeb68bd065f4', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '4debad3d859108b85e7aabfb13dc070f78aa22a5', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '04e3531bdb853df778c2fd9baa460ef4eb1b5e63', icon: checkmarkCircle02SolidRoundedIcon, size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'fff85de7aa2b8805f077809d7c0380c1ac517d1d', icon: multiplicationSignCircleSolidRoundedIcon, size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'd261b201b5fb077a67afc7c6a24206aa1e9ea4f8', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '41561b7f2b2610e8e24da433dc56e5e6f3297c2f', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '904e53f8b7a900e66d33eaa0da2604ea9e6fa10d', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: 'e11d4f89a63659d2fb29f9b49a07453bfac3a519', 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: '58ce3b502c3a46420b12ce66690f82dc2dff5bce', 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: 'f78045c8331a251ef51fcca43ebf25a3ef016d0d', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'd1def53ad4fd933e4c8efef340d4d4acf7c3e5b7', class: "code-snippet-tabs" }, h("dga-tabs", { key: '0c4e63d9d7d9ef131513d31eec449bc1bef843c7', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        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 => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), h("pre", { key: '5f8478b994d4c0a8b38fb0672a42d632c401acdb', class: "code-snippet-code-display" }, h("dga-button-v2", { key: 'b13f8f1dbe0b7d8ca3899dcf29f62489e05b3ead', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), h("pre", { key: '80a8983dcf3e98ce0d751c8e1a548b5ef75c89be', class: "code-snippet-code-display" }, h("dga-button-v2", { key: '7d4215c943bb965eb46116b6e832e53bbf318bf3', 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: '8f50ebfb4710153e320f37a5a3cbea26ae0ddeea', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: 'b3b0132873647ca920fdd88f0060b31d7e562018', 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: '97d1dc497f1b9e6bc13ff74dc3b6dffe169d6f85', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '6e843a04be23922f952f64b5f910d66c02699db1', 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: '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 }))))));
     }
     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: 'b38eeb7b187504e9a8c91f09a5bf5cfb0033e45d', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2bf0440b12d1cb7fd709691854ffee14d1df07e4' })));
+        return (h("div", { key: 'b9bac899c18eaaed83b77a6a806c3cfb6b01aa7f', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2686d02d09c2c6a5b83ff4aee5820d1d8660df6f' })));
     }
     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: 'e6e96a01a223b5899137acfa146a1c915477daae' });
+        return h("slot", { key: '44990e27f2aad3127b4df028976b38ec87ec92c5' });
     }
     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: '11b6c9cacf81551eb6b19325366c051032810d87', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: '2c437043353ecdfc7586f63010b8b9b3f6c1ffd2' })));
+        return (h("div", { key: 'a22c2f91076dd8135722c0f1e618b769af067cb7', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'dbb50bb83bb6770d1714280ff30ea6e858c31a2e' })));
     }
     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: '2466b35db0280a8325df5b74a22c71b192666141', class: "content-switcher" }, h("div", { key: '348081a64adfd115ef5715bb5f05004cf475ea5c', class: "content-switcher__items" }, this.items.map((item, index) => {
+        return (h("div", { key: '8eeaed1bb66e6030793111fa46c14032ba1056fd', class: "content-switcher" }, h("div", { key: '7a9d7bcb4aba55703e6a7b16b7903007a0f87238', 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: 'f5634d14aa0af69dfec196238e9771ea4387afaf' }, h("h1", { key: '10b89f738ada8b9dffa038131f1b922fff9a7d2d' }, "Date Field Example"), h("div", { key: '27d4efdf00c4af04bd276891bed9d79dfc09ee97', style: { padding: '50px' } }, h("div", { key: '3a8e86317ca962d6aff3e87c35b18c638b44e07b', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '320dfe63275dc14537c762771e4ce56814a8378a', cells: [
+        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: [
                 {
                     colSpan: 1,
                     isFilter: true,

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

@@ -202,7 +202,7 @@ export class DgaDataTable {
                     "references": {
                         "IColumn": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
                             "id": "src/components/dga-data-table/dga-data-table.tsx::IColumn"
                         }
                     }
@@ -306,7 +306,7 @@ export class DgaDataTable {
                     "references": {
                         "CellConfig": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
                             "id": "src/components/dga-data-table/dga-data-table.tsx::CellConfig"
                         }
                     }

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: 'a0713a4db7cc2551fe392a82136ae655f92df198' }, h("slot", { key: '113d40d6704388bd16e3e920caa9fb720d444e24' })));
+        return (h("tbody", { key: '8e8a3dce53d6a8a2161c6cd3a631ef80d975d664' }, h("slot", { key: '72774de033b3410dec5162a535b857a910d5007a' })));
     }
     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: 'd38d52b18e87603e51e71cdefa062c4a2d46e26f', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a14b9b38dd38cf0d4f6ffed8b2214014bbe13edc', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd75de225f47ee31f9c5f4658649a4214ef4eccfa' }))));
+        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' }))));
     }
     static get is() { return "dga-table"; }
     static get properties() {

package/dist/collection/components/dga-date-field/dga-date-field.js

@@ -422,7 +422,7 @@ export class DgaDateField {
                     "references": {
                         "DatepickerOptions": {
                             "location": "local",
-                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-date-field/dga-date-field.tsx",
+                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-date-field/dga-date-field.tsx",
                             "id": "src/components/dga-date-field/dga-date-field.tsx::DatepickerOptions"
                         }
                     }

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: 'f19d7c39f48b2251c91a519ff59ba2150a198278', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: '867c3587d1bba6aec44264fd637d30bbb577efd6', class: "date-cell__label" }, h("span", { key: '764becdfe76dcc3b0f88a0da2ba960d4b2fdea5f' }, this.date.getDate()))));
+        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()))));
     }
     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: '7341dcb50c1cae79a19b7e014878907e90df8655', class: "date-picker__navigator" }, h("div", { key: 'acf39e26867fd56cdaf11bc8c1535494c6bfb081', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
+        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', {
             month: 'long',
             // year: 'numeric',
-        }), " ", h("span", { key: '144729490a1019b08362f6830e2b7ba9c791afcd', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
+        }), " ", h("span", { key: 'f061c07ce0753df7b59945acd2f09247d3a284e0', 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: '70be1e88c2835559f634c8aaef7c85ab25483f4b', 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: '021d35d2463546f0c8826cd14d5dede6a2d4bcfd', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: '025d82aae706d311a4c2ee962eea86a1084e4614', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+        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: {
                 name: 'arrow-left-02',
                 variant: 'stroke',
                 type: 'rounded',
-            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '4f7734bca054dfae65a49f32aa2874a14063c578', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '3967c5314bceb125bb9bef98aab255e0b7672fc0', 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: 'ff1973f77a1c37af4452c03eb262a70a4f9f4c56' }, h("div", { key: '9d117678dd3f5a7d85808fe0e625652816825057', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'b824fff3adbe73b95ed4f9b6c0611980594e5158', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: '4783e252014fb986e6a7b2517f6cdd7df5d22a8f', class: "date-picker-root__quick-options" }, h("span", { key: '7e789b20f1e128e531f7f7071259573326fe11f5', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: 'd17fec67c84a27495a2ea1c01004bd77124f22ea', 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: '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: () => {
                 this.rangeDates = range();
                 console.log(range, "rrrrrrrrrrrrrrrrrrrraaaaaaaaaaaaaaaaaange");
-            } }, label[this.RTL ? 'ar' : 'en']))))))), h("div", { key: '16474410f663c2edcc2c69f8aa68e66a2eb084dc', class: "date-picker-root__main" }, this.inputField && (h("div", { key: 'eab55df8dd6def84a6c15af6f1eeda4d300f37d0', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: '43aeee9099f3f0c5a9dfb44d0d45878fd623e2f0', 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: '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) => {
                 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: '1dd40bd74a2f122114e7913106db8c2d4bdb5959', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }), 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) => {
                 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: '4d243d30846b117a07d314fb563c48be43eaaf96', class: "date-picker-root__main__content-wrapper" }, h("div", { key: '31d9e24857aac90f85bbb17a33eccdfc252e6fde', class: "date-picker" }, h("month-navigator", { key: '7cfc6b1178f318afb9dbf33d8d4c7a7b20a19806', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: 'e2d47c064dd5b770753745bca90dbc4bd0d6da59', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '188d2e8c93d38361a0490b2b989502911896cfca', 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: '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)
                 ? (!!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: '531be6e61309c3cc489a2668b002821966d68eb9', class: "date-picker" }, h("month-navigator", { key: 'f647bf7958f5475332bb75717fb4318e1e880c9b', 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: '21cf779cbf7894aea02384538e04139f4f28b5e4', class: "date-picker" }, h("month-navigator", { key: 'e145acadde4bb7e475f109f624bda09e39317d43', 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: '8269cd5e831bd7d9bbf6eb72801280259ff4f8cb', 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: '5747bed30156172b36c9907529b6587b9db9ee2c', 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: '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
                 ? (!!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: '9f6d5deee7ebd72c185068d932c2ec2730cc79b6', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: '0cc092fd53f8066ed4f17f012bd771d4fcf52b0f', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: 'f95ef90aaa253dd2fc41135b1fbc9573e58e9d16', 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: '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" }))))));
     }
     static get is() { return "dga-datepicker"; }
     static get originalStyleUrls() {