@platformscode/core 0.0.49 → 0.0.51

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

@@ -72,12 +72,12 @@ export class DgaCard {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '182f65453deb74f36dc9574b70914f0df7245b30', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '6381f5cb57bac08d7c4674d8f376814f1438d420', class: `card dga-flex-column ${this.type === 'selectable' ? "card---selectable" : ""} ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: 'c0cb7db8b61141eb464124722d11fc915d6d8ea3', class: "card__image-container" }, h("img", { key: '286a899ff8cbc29cdd1dfd717dff135d91a70c3e', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '45a6ba62dac8e3db41eae1b509f39ac4ee3def87', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '4dd646a8ddb83795192fdef419e5e6b9a519c11e', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'e541dbf01a61cde733b05792f6269f3ee5cd0975', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '44cd5fd6fe920a4535793f19e8c70021fc781dd4', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '634d1d871b95ecbdd02a349239ec00bceeed160d', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '2274369a315ecc125e1d019210c43724c2dbd17e', class: "text-md-regular" }, this.description))), h("slot", { key: 'e3afcc329de57d68ef9bd61b09c3451a65e49c2c' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '834b3de6ade86da0524dac53ddfefc5f188771df', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'e81f81aae2ed6b075d3717da215245c6c6601edc', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'cee354b0ed81786f620fc338d8f490944b51f86c', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '7b7334ab82ec662545b4c7a9006b3b86a99c6fb0', class: "card__expandable" }, h("div", { key: '2a4eb42c87b40d8cac891714355d224c6cf95d6b', class: `card__action card__action--expanded ${this.expanded ? 'is-expanded' : ''}` }, h("dga-button-v2", { key: 'cf9519f276da9e9390fd5f027c556347dd5858d0', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": this.collapseId, leadIconProps: {
+        return (h(Host, { key: 'e0b96ce53be7076c1be252614551d5eeea220697', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '6f11558c13e20af13e1a06346dace5f4d57c9aba', class: `card dga-flex-column ${this.type === 'selectable' ? "card---selectable" : ""} ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '7083aa56dbf96502093e80cf23910a0727f5ac14', class: "card__image-container" }, h("img", { key: '9b3eaa268555b365b4e4487b451efa6e4fdf0833', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: 'f697274fb95a62b251fca4417f8f9f2aed40234c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '646947642851baec70a5ba0e5afb018dbbfc6195', class: "card__checkbox-container" }, h("dga-checkbox", { key: '10c19b41d30d1a0bb87a8d1a6c0e4d6fd2c72d19', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '0d3e8c69e973109d5f7f2fd70009a3a6f1edfc25', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '77ad02acef2ef424f4148e39fb505fa752e18878', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: '7755601a3069a6eebb6df710bb96de6f3755c67f', class: "text-md-regular" }, this.description))), h("slot", { key: 'ef631786d276baee6df16fe2895dd85bdfccd411' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '152ba2d56b06fe4e26612764fd7cc8b6be5691e4', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'de7a75adc1306f1104d40d8e78ac66896abbf816', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'db4e18008a5b34f3c233a7a5a425c9736cd9f45c', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '67a0c9ec8a83d0de60206b77f06d136be99620bf', class: "card__expandable" }, h("div", { key: '6c5bb339ac0f7762ce34920a409872d026b6f87c', class: `card__action card__action--expanded ${this.expanded ? 'is-expanded' : ''}` }, h("dga-button-v2", { key: '798fed86aa4647cfb4e5c2e0a34f212ac6d516b7', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, "aria-expanded": this.expanded ? 'true' : 'false', "aria-controls": this.collapseId, leadIconProps: {
                 name: 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
                 color: "var(--icon-default, #161616)"
-            } })), h("div", { key: '902fdac3d2f296ebf33787102032edb1c00d49eb', id: this.collapseId, class: `collapse-content ${this.expanded ? 'expanded' : ''}`, "aria-hidden": this.expanded ? 'false' : 'true' }, h("div", { key: '8b80baada666f8080961c34a97ec8510e4ad5b6d', class: "collapse-content__inner" }, h("slot", { key: 'b9e157fa6762645b2543744c1e36836c0adf7838', name: "collapse-content" }))))))));
+            } })), h("div", { key: '573521ebba83e3ddbb35c728ab61e33aa0ed7224', id: this.collapseId, class: `collapse-content ${this.expanded ? 'expanded' : ''}`, "aria-hidden": this.expanded ? 'false' : 'true' }, h("div", { key: 'd6e9f40c3aa50e373b5c75850be9857526ab88b8', class: "collapse-content__inner" }, h("slot", { key: 'eb6de5f3f0740763fbc16b97794f7f6f61458d44', name: "collapse-content" }))))))));
     }
     static get is() { return "dga-card"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

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

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

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

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

@@ -87,7 +87,7 @@ export class DgaCardV2 {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: 'b3cf7be36254d48019e14dc943e877b2a24cdd55', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '4be28fe16ebf66b1d77b5c9def28c85f1be7c877', class: `card ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}`, onMouseEnter: this.onMouseEnterHandler, onMouseLeave: this.onMouseLeaveHandler }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { style: this.cardStyles }), this.type === 'selectable' && (h("div", { key: '230790bac6c0704835da70b140bdbbed8f8df90e', class: "card__checkbox-container" }, h("dga-checkbox", { key: '80851ec1f48eaba8a5025a477dd0c1ea21d03a34', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: 'dd61b4d598e7182e64825018dcf595292ea7b811', name: 'card-content' }), this.type === 'default' && h("slot", { key: '63a9a08e5c3ceaea106524d4311b55cf97316c03', name: 'card-actions' }))));
+        return (h(Host, { key: '909e270c397a36a061804b7c512a2afbc9518e36', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'fc627384233caceac7d904fc0182292a8de1c98f', 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: '78eb56168f4ebd696d87f6a15f01576604ab0e08', class: "card__checkbox-container" }, h("dga-checkbox", { key: '484b7f3a709f2fb2ec18fee3c03184e23c962c69', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), h("slot", { key: '8f85fe76b0eb1cd297bd7e8852590f8bf1332034', name: 'card-content' }), this.type === 'default' && h("slot", { key: 'c43da1ff7c27a007d1c964c097707bb36e01a3b0', name: 'card-actions' }))));
     }
     static get is() { return "dga-card-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -91,20 +91,20 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h(Host, { key: '4b2fd50424d1187980c1a5a3ca785acc64450259', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '70d9bbcfc3c037de5f75f60076010d2e9940e7f6', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: 'b6ece7176cb2cbe5dbbc03ba77a90856d54b8748', class: {
+        return (h(Host, { key: '86346390154e432beb0fb003eabe649ce91515a8', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '0c0aceb52ef884607357f000e84528f5009c179b', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '2c0158f8590a31992fa016a77ede9920bf808b6e', 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: '306ec974567bb18fd062289f2ff9b88bb6884712', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: '3165dc2a5f5e08edd9211115120f420f968b92c7', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: '1a5869d7d3f74c74eaf92b3bd47d1c265ccc2738', style: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: 'f55688338a6e764ecc90a1328291f9a73dc13c7d', icon: this.isRTL() ? arrowRight01Stroke : arrowLeft01Stroke, size: 24 }))), h("div", { key: 'd576d22f940c2cc2c6f9d4b4c249ae0de2757f1d', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: 'a969df3dd196a4088ad7b72c343440e1c14327ee', style: {
                 display: 'flex',
                 transition: `transform ${this.transitionDuration}ms ease-in-out`,
-            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '5c8f375d0c035ca80b8f1938ec4d5f14e77325d8' }))), this.variant === 'arrows' && (h("a", { key: '9c218197eaabee5cf9d83577a3eb1a9af2bce40c', class: {
+            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '156496c01f6f9d22021e04630ccadf417715cf8d' }))), this.variant === 'arrows' && (h("a", { key: '7238d84e00657a6b3106d255fc1715e4b584c489', 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: '494f33870b0eb838f1dad52ba8cc58d778bd45e0', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '68a576f94084cb1c139a1f057ab598d753450a4a', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '91257d87b7ef35fe6179368b24f60ae78dfc2d2b', icon: this.isRTL() ? arrowLeft01Stroke : arrowRight01Stroke, size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '72053263f6b35decb23e0a97ef87b1d2e33846de', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
                 'KCarousel-dot': true,
                 'is-active': this.isHighlighted(index),
             }, onClick: () => {

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

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

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

@@ -93,7 +93,7 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h("section", { key: '61c5e3b9305652a043142e451e799f9f57c56c46', class: "embla" }, h("div", { key: '4bef104735871dc60c68335a89e555b396cecf23', class: "embla__viewport" }, h("div", { key: '6f5249dca7f155e431722ab673c9293c64b365ed', class: "embla__container" }, h("div", { key: '7523f2c229bb849babbcfce09361d5196083818c', class: "embla__slide" }, h("div", { key: 'e803610163877ea26eee307cd652e4fd0a299828', class: "embla__slide__number" }, "1")), h("div", { key: '4071a972deba78e191e9b9d0790b8d7e13de7a2b', class: "embla__slide" }, h("div", { key: 'd8abe4bdf2d853ac19f6917186f93807e578d217', class: "embla__slide__number" }, "2")), h("div", { key: '8b63aabfbec2cd9781a426272c73db38a887ffdd', class: "embla__slide" }, h("div", { key: 'fc5b37aa45a3a4c32e71790b6772ce8303966c42', class: "embla__slide__number" }, "3")), h("div", { key: '5e192dac489c40a3d278229a8e567e735d3cf136', class: "embla__slide" }, h("div", { key: 'b8913089aee2532fb013a7ea5640e3756fc24a1f', class: "embla__slide__number" }, "4")), h("div", { key: '743e687116a4126e16647779604b0f9ae5ec0ebf', class: "embla__slide" }, h("div", { key: 'b4cb00c0222346f6653f29013460ff4be7c5ec34', class: "embla__slide__number" }, "5")))), h("div", { key: '1afa5de757b7010573fbef83bf5b3afb83a89dd9', class: "embla__controls" }, h("div", { key: '9bfe3ab1d57b5b5dabd39c412df8aee42cb44cd1', class: "embla__buttons" }, h("button", { key: '8f56208226aa23960e00d2fbb122c4d1ebba8992', class: "embla__button embla__button--prev", type: "button" }, h("dga-icon", { key: 'ee7511529678b94ce4362aa274eac62a483eaaec', class: "embla__button__svg", icon: arrowLeft01Stroke, size: 24, color: '#161616' })), h("button", { key: '71e655e65bccccba408c22b163510e29e9abc3b1', class: "embla__button embla__button--next", type: "button" }, h("dga-icon", { key: 'a68f568c9c48c55ec75627f133b83ecf8b2669d6', class: "embla__button__svg", icon: arrowRight01Stroke, size: 24, color: '#161616' }))), h("div", { key: '1465b01a4a745cc089d7137e97ed2596dc698127', class: "embla__dots" }))));
+        return (h("section", { key: '2ce76a04bd5a5fbd95e099129303b2ab0af06a05', class: "embla" }, h("div", { key: '3822d61507b21127c23bc853079e0c924e513bc9', class: "embla__viewport" }, h("div", { key: 'c958db150f6a529d944f1ac8fc94e0731402007b', class: "embla__container" }, h("div", { key: 'd17aeac6334ab82c4c20d0ad6d2e01994f8c42a7', class: "embla__slide" }, h("div", { key: 'f08c8573bfbfbb161b8fb53a17f979d345cac100', class: "embla__slide__number" }, "1")), h("div", { key: '003a958e53becb3072e4935b4964240dd3041314', class: "embla__slide" }, h("div", { key: '04b7b7d9977ddbbba03052794e34958f6f1f2036', class: "embla__slide__number" }, "2")), h("div", { key: '9ca64492c603169f9960a57bcee628a0187538cf', class: "embla__slide" }, h("div", { key: 'b632e20774c28e9e28aa56ada6597201c72b8aac', class: "embla__slide__number" }, "3")), h("div", { key: '2833e9063755ce83f7de60eddaed59c4c27180da', class: "embla__slide" }, h("div", { key: '925767c91eb24d62d9d8434d4467e32626814701', class: "embla__slide__number" }, "4")), h("div", { key: '2c4640b2a87c8a15eba40cde8bcc1d214c0cdef0', class: "embla__slide" }, h("div", { key: '2390ba637e7beb65e7c81eee2a24080c9bf05dc6', class: "embla__slide__number" }, "5")))), h("div", { key: '3384a03405e2b409e8c0948777a3997b67276fe9', class: "embla__controls" }, h("div", { key: '4db47757de219e593077d126b5c7fe5812fe5708', class: "embla__buttons" }, h("button", { key: '8e887b487cccc7e868f627d8f22fef783b0ddb8b', class: "embla__button embla__button--prev", type: "button" }, h("dga-icon", { key: '8ec8c282ae5b86cdc47285ac514df681bd316b2d', class: "embla__button__svg", icon: arrowLeft01Stroke, size: 24, color: '#161616' })), h("button", { key: '5c0a0b96ec721433e3bfb5f502ddd35e9fc22e51', class: "embla__button embla__button--next", type: "button" }, h("dga-icon", { key: '2468e6d5209b8f3ac15ad4bc64a779493df78aa2', class: "embla__button__svg", icon: arrowRight01Stroke, size: 24, color: '#161616' }))), h("div", { key: 'dfa7da69ab30b482cb126b6074bec6363f7c1261', 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: 'db91d78fcf976079261b8d0db86f464c94497718', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: 'b6e9b25afecb3b4af2a969c089aa1f2064e098cf', 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: '0e9b81ab063746bfee3cf2dc00ead61e3ecc8f1a', class: "checkbox-main" }, h("div", { key: '10f71c2ff6f649cae2007cdbf87a31c5bc8a7b6c', class: "checkbox-main__content" }, h("input", { key: '87a7138f8aba5728c68ea1cffce846de6e6feee1', 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: '64f5b9bc2e37b75baa10b7d7bbee61035a55ac21', class: "checkbox-main" }, h("div", { key: 'f1626e3463b464a67caf38bbb1d3ae851cc76ba7', class: "checkbox-main__content" }, h("input", { key: '2cea9c570088dccfb220953fe403bd36fea28758', 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: '3cbeacd3d5533fac1d042bfb701f68180096c512', class: "checkbox-container" }, h("span", { key: '766abbcf5f74e2c23b810f895088971b0dbb1922', 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: '265d11d898142d0c9d314fd9dde05f888625cbed', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: '5dcef6545f46d6402d67dd3f397e167695433769', 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: 'e0e392c277333a32b0a7ddbc466664dfd196c837', class: "checkbox__warning" }, h("span", { key: '415d8fdbb970d4788cb074f160bb41148e41c4fc', class: "checkbox__warning-icon" }, h("dga-icon", { key: '7c29080eaea262fa0a0ad68984de0f2586c43099', icon: alertCircleStroke, size: 16 })), h("span", { key: '6c64ffdd8f03da322181c1c04d1a3f5665d6348d', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), h("div", { key: 'a4c59eb0c27f784e5200b32ac50944867f6105a6', class: "checkbox-container" }, h("span", { key: '0385881781c83fea28b03b14b631d36bafbd65d7', 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: '95dbe3427851d06c42d9402525df0fb594879025', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: '2ba19cd88d9932231f27ba4f3e3b6659376605f6', 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: '67408d610213b81245e275045f4fe7451acfdbb7', class: "checkbox__warning" }, h("span", { key: '29fcc6177ea488cbd6e46849150d5fcc98a7d52d', class: "checkbox__warning-icon" }, h("dga-icon", { key: '01ae6692ad6ab1d9793361800fa838059e2622e8', icon: alertCircleStroke, size: 16 })), h("span", { key: '0e437cbe14af2718811d1870ba20112b25f35b72', 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: 'ca437e61e2faa34b41190047fcc958c855523f02', id: this.componentId, style: this.rootStyles }, h("span", { key: '9c8dc1d7f33906e9ac92e03a6ff88bd4a37309f4', 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: 'b438f3af51611f5fa51cd323fda90f3a5a989bdf', id: this.componentId, style: this.rootStyles }, h("span", { key: '926079fa3ddafff4e2865e6808b781af47238999', 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: '6049782878082c1b42053b24d956a7eb1b8d4e0b' }))));
+            } }, 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: '3ebd7f9e8c8f41b578fc5e879d31e7a8cfa6a8aa' }))));
     }
     static get is() { return "dga-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,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: 'a2127cb974652381299b2515470ac70c7a894e69', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'dbbd6d378dcf3fe852d1c4cf0f345993da0d4217', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '4e4ee86c5e2be36c4ab7e87fde74e7d44e1f4883', icon: checkmarkCircle02Solid, size: this.iconSizes[this.size], color: "#067647" }), this.variant === 'error' && h("dga-icon", { key: 'a7897e5504a3b72db7d170687080e5ab6347886b', icon: multiplicationSignCircleSolid, size: this.iconSizes[this.size], color: "#B42318" }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'ddbd676dc325c49ae922afc881157cfe0880592d', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: 'cce5b2a3f4c9b903c171a4abeccc0ca128b18f79', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '34ba8c77d52087064226cc52fea95e553f49da46', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '6ebae2adfc6b9e9901a09347e53a590815b1e802', 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: 'b671f53ac918ce5f71912feb33f2aad1bab5241f', 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: 'bec2ba70c0cff7fdd8d0e0f926a4c292fefa384b', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '351decb15ca7ba1c6b620f3a3265d8b31f9414b2', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: '55b746a38198c695f2ddc8801f925ec18a9d0e96', icon: checkmarkCircle02Solid, size: this.iconSizes[this.size], color: "#067647" }), this.variant === 'error' && h("dga-icon", { key: 'd06c87ae96028cbb77c3314cf7fc71ecbab9a2bc', icon: multiplicationSignCircleSolid, size: this.iconSizes[this.size], color: "#B42318" }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: '3fc049cad591f0cf65179508eb2c168fb872d81b', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: 'ad1b017397dca89fb1f3a79638bc803184a60f38', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: 'e291f32fee8d1dffb67aa70cef753fabc1633533', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '5df6703409ecf0cb6002659411a8d6e320b8e10d', 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: 'a1793520ebea3f40fe736581be6c7bb42d140298', 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: 'ce73923556f916d0bfa605c745044e8ffca483d6', class: "code-snippet-container" }, this.showTabList && (h("div", { key: '51eeb0541400556f44755559ee06202774c65faf', class: "code-snippet-tabs" }, h("dga-tabs", { key: '09c06a91095329b863e914a8dc5777c97d68c739', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        return (h("div", { key: '5d61caf6b4bb7771607e78830e9614b50777c271', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'e924dd671144b1276a7418dfe0da036509f0feab', class: "code-snippet-tabs" }, h("dga-tabs", { key: '1bafebb015c7c39ed084a3a23ce0bf5c0e583b26', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), h("pre", { key: '79f2a0b519cffde2ee9b7cdd3e29225db312069f', class: "code-snippet-code-display" }, h("dga-button-v2", { key: '75ca3f58a7b8d07eba4f26371ea79af91432802e', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), h("pre", { key: '572eee785f12b3c4bbc6dd13e9663e381f9a749a', class: "code-snippet-code-display" }, h("dga-button-v2", { key: '3b8b6c66037c74cc0044300594d075830cf92f5a', 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: 'c10578da53d13dbde56dba9dad9731dcd12d8e37', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: '4fc882c492c032470b81ef94639a51530176a5e4', 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: '8bf4f16e1b8036bc365015f1a9f5a368f5c43fed', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: 'fbe4b8e7f7260b041af049c54232157158643812', 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: '5dfe1e902d29a8cbc280894d706c74b2712dca08', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: 'd18ca9ccd7a01ef9d4b3a5980b0dc75493bdd561', 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: '3216259253795625abadf278ce1b954d9f269932', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '1fd2d53b96c7ebf3e3c1ab47444e16d718b47441' })));
+        return (h("div", { key: '8a54fbe87574c57544c43588eba7211304417c93', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: 'f2c208e38e43ed318d2ae4ffce1a5f9e0460f169' })));
     }
     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: '83516f09f1675ae6bc38dd7ea81717b8df682d5b' });
+        return h("slot", { key: '586240eb97b616dd4227a42be67e8dda81029a24' });
     }
     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: 'a5b0f5fc828acf1f689061956b9a27a11a30b95f', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: '49b4ec1bf9d71364b92e607d03cd868cc92373e4' })));
+        return (h("div", { key: 'edbec291fdf23061665bb4df7a20f682a3d941dc', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: '69e1728e87b1030329b7d08084cc53da752c5058' })));
     }
     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: 'e39602a5ce36dfdc3aec7d38e5d1a0ceb02e26a3', class: "content-switcher" }, h("div", { key: 'ab4118494678a34e03ebc236a7026ad49a7971d6', class: "content-switcher__items" }, this.items.map((item, index) => {
+        return (h("div", { key: '204759395c117a3dba3b35ae5eda77c63d08027f', class: "content-switcher" }, h("div", { key: '2b29ee1a4829743478fb7557366d71c93798d071', 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: 'c7cb60800f522860957ae4cc8674705d57be9f73' }, h("h1", { key: '5059ae1fc980d4a90da5b810e8a4852a4540e183' }, "Date Field Example"), h("div", { key: '226f9f4cae021a7a4e45863fda58fdf4f30020e7', style: { padding: '50px' } }, h("div", { key: '9e30b1f97ba4d8b110b825a10429edad4bd888d3', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '437ee01120e0e1f4faaa04447f59a98e8a6dec2d', cells: [
+        return (h("div", { key: 'ef006e35183f3e9bc1c1651c9b4dd7cda6417f95' }, h("h1", { key: '03283893a621f7d982804b3c35da1b7adaa6c991' }, "Date Field Example"), h("div", { key: 'e19ecbfeb8b7c7979809f42d102572583e916975', style: { padding: '50px' } }, h("div", { key: '8f1aa259c821b08dea3ddd337004c7bb319c3786', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: 'c10e7bd0f746cd93b1f13f9b6ee30ebf608a55ed', 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: 'ebc8990f89416352620ee02c81d343b27ad7555d' }, h("slot", { key: 'dc722e11b272dfc589a5bfda1fef3b7af32969be' })));
+        return (h("tbody", { key: 'f8cfc8d4fe91757f6ec2f78e9f2d6348dc77b4ec' }, h("slot", { key: '1c4c4e2be8ef672c839f85628fb02f2ca9785bf7' })));
     }
     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: '9ca8290b89d1ed34e3e0e6b46d72706eb4f3a449', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '2ea9b4d7e3924c8557d6cfdff2f178b7c53af7b9', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'b68d4d24e96676ef9d9231013beeb3a73dd61d7e' }))));
+        return (h("div", { key: '80c8e474b87e32a1865d96d895c1cfdf9f64bd10', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '7ee6aad861869353872b66e9b4150e24ae763da5', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: '339255fc24605d1ff6b36ec95aa20a687f3b0028' }))));
     }
     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: 'f559843cbb88bb7d05985c3cb7832499ab8e9f24', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: '7d61c94afc9724d2eceb259cc1ea8ca8079da563', class: "date-cell__label" }, h("span", { key: '417c72c3d3b413c6cefe2b188a44570d98d3bd63' }, this.date.getDate()))));
+        return (h("button", { key: 'ea9fc7f58a15ce2532fe58362f7920644542b5ea', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: '6c204f09832bec583767cd3d93d247b9bc790c35', class: "date-cell__label" }, h("span", { key: 'cf600a581dea7ba3360a11425d3b740f90c89573' }, 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: 'd6b076674b8b8b39e56f478f066e9d6bd9dc5c83', class: "date-picker__navigator" }, h("div", { key: '2a41bdf13926e6ca8968a828d7e19628fba2e40a', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
+        return (h("div", { key: '66b1151013dece38d1d076e13ff398151d476bcf', class: "date-picker__navigator" }, h("div", { key: '363263043a67d96997f8ae345aab8da079d0cde0', class: "date-picker__navigator-label" }, this.currentMonth.toLocaleDateString(this.RTL ? 'ar' : 'default', {
             month: 'long',
             // year: 'numeric',
-        }), " ", h("span", { key: '365a10ce53d41df062b6de483fbddea8893bfc13', class: "year-selector", onClick: this.toggleYearsDropdown, style: {
+        }), " ", h("span", { key: 'e6877c2399eb72ecf035e37519adb42513a79b33', 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: '2d9951e3cbffbfda673c2184edc56f40f3b38986', 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: '1d3619c88bb5670abeedf857b5fcfc45a1d328da', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: 'b80917f61e80f24dd37bbb21c7f58a4aaf74c85a', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+        h("ul", { key: '4b89fe2c6ccd6c6ef30f72549184e9a40a791dfc', 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: '9883350dac9423848355759cdc791df8e21b7882', class: "date-picker__navigator-buttons" }, h("dga-button-v2", { key: '27b7f1589987d5e8dd159b650a7871810179e777', 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: 'bcf1de404bc30e58c42a62b36bf15b313c994bcf', variant: "subtle", size: "lg", iconOnly: true, leadIcon: true, leadIconProps: {
+            }, onClick: this.handlePrevClick }), h("dga-button-v2", { key: '47497ea88978288edd86e164a7cfb73c123e626f', 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: '32296ec57c310e566d84304a373cc777365ae4bd' }, h("div", { key: '18adf8cbaa6ba627ed311e8ae8ade28e7ede183d', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'd74f6f4cda21adc226e7cf80e868283a91ab2816', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: '927a7fa8daef178ad1ff854ca60a19646f14d793', class: "date-picker-root__quick-options" }, h("span", { key: 'c46b14b5e3a0be912eb5c6bfad86dc5a4b7a8bc0', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: '30b9b41847ce8d9dc70029d64e8816c19a67219f', 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: '88bda623e300f1f5bdc5219394aea435ec1a393f' }, h("div", { key: '450624c574b3f7800d9372829b0d0f03c4da0b5f', class: "date-picker-root dga-flex-column", "data-dual-view": this.dualMonthView, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: 'f8310bed646d171bf1bfb000170e88de505aa56b', class: "dga-flex" }, this.qickOptions && this.range && (h("div", { key: '76cb3810164ce675c8778793d8500a3c74bbb82a', class: "date-picker-root__quick-options" }, h("span", { key: '98f503675a11fef69bcf575f1ff4d0a3ab4af6a8', class: "text-md-regular" }, this.RTL ? 'اختصارات' : 'Qick options'), h("ul", { key: '644d9dc01a7c19630af68ffb67ca99e752adb77a', 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: '499a0251e1e834a392e286a4a2abab34a4d2770c', class: "date-picker-root__main" }, this.inputField && (h("div", { key: '25aab9df580d51702674e6d2cb14b96afdbaeada', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: '8d32b42797391b3fdff3e9e05dc3c58694189b36', 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: '82759b47fe8a54c9bc6f6100bb1627522d4528cc', class: "date-picker-root__main" }, this.inputField && (h("div", { key: '64050cf774c8bb35d574dd12bd877729fcd2e2a9', class: "date-picker-root__main__inputs" }, h("dga-text-input", { key: 'e0ac0ffaa5bd91f4908f7fe1ec3d114d10a17fdf', 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: 'a85561f46604773cf5f216ea530c09e99b6125aa', placeholder: "Month DD, YYYY", name: "endDate", value: this.inputDates.endDate, onChange: (e) => this.handleInputDate(e), onBlur: (e) => {
+            } }), this.range && (h("dga-text-input", { key: '6124f36f8c0c60588e67b827899e9e162db4c46e', 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: '5c01955adfe4c4956e11360a85247585343441f8', class: "date-picker-root__main__content-wrapper" }, h("div", { key: 'd2d01afbee7000ef84f733e87cdfd428472fab89', class: "date-picker" }, h("month-navigator", { key: 'a13194be8a5be5d09442c830df8a0a2d9d970d10', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '53a1f6a994400288579a4bb762ee48ce61b0377b', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: '56502150805266cd4c26bee86515ba28c74d2804', 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: '3dc7d9724c77306b2974dcefbc5bf8efb72bb9f1', class: "date-picker-root__main__content-wrapper" }, h("div", { key: '7ca016a97079194daee2ece811e82331646abbd8', class: "date-picker" }, h("month-navigator", { key: 'b83280a0bc1e0dec20eccc229ea82a72ecb42d50', RTL: this.RTL, currentMonth: this.currentMonth, onChange: (date) => this.handleChangeMonth(date), showArrows: !this.dualMonthView }), h("div", { key: '1c3ebc9f54609ebe0b2cb61683cf1385dbe4d954', class: "date-picker__weekdays" }, daysMap[this.RTL ? 'ar' : 'en'].map((day) => (h("div", { key: day, class: "date-picker__weekday" }, day)))), h("div", { key: 'c9b7bcd4ce5feb8210983b501cd88537eefab47c', 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: '2e1e84ff8d043bf31a3a25879e44dc6482fce83e', class: "date-picker" }, h("month-navigator", { key: 'c77df016858f929b72acd9efb77b947bc4966c58', 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: '2faf37e0fa74ccf8caa2b51cbab3f12bccdf6d8c', class: "date-picker" }, h("month-navigator", { key: '07203c670c546c5cb81c2f67d03392cf5ef8fbf6', 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: 'c726968c53e48fd36d0a3615691ac47938ba8fe3', 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: 'e31762fb2620d7047165d879fa2ce09a64a4c8df', 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: 'f39446d7758a1e858b661b84c427624fa6eb91f2', 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: '6fb3c19eab259d169747c1b360f5cd868df65011', 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: 'aeef03d207c40a512497d446696a7f62195b967d', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: '604a3f0d0045bc318d51ee568d1c064beee8b177', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: '2414764957f47a6579dfb37368d159b5b7f3f48d', 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: '8b44b0c86f939bc0db38ff74f052e2533294ef7b', class: "date-picker-root__main__buttons" }, h("dga-button-v2", { key: '0e5f4e03e0248cd84f0dea564e71194cf4954aad', label: "Cancel", onClick: this.onCancel, size: "lg", variant: "secondary-outline" }), h("dga-button-v2", { key: 'be3d16862d20d8ceab4d6e4e874fa67b5c887a43', label: "Submit", onClick: this.onSubmit, size: "lg", variant: "neutral" }))))));
     }
     static get is() { return "dga-datepicker"; }
     static get originalStyleUrls() {