@platformscode/core 0.0.34 → 0.0.35

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

@@ -85,7 +85,7 @@ export class DgaButton {
                     "references": {
                         "ButtonStyle": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-button/dga-button.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-button/dga-button.tsx",
                             "id": "src/components/dga-button/dga-button.tsx::ButtonStyle"
                         }
                     }
@@ -111,7 +111,7 @@ export class DgaButton {
                     "references": {
                         "ButtonSize": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-button/dga-button.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-button/dga-button.tsx",
                             "id": "src/components/dga-button/dga-button.tsx::ButtonSize"
                         }
                     }

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

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

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

@@ -57,7 +57,7 @@ export class DgaButton {
                     "references": {
                         "ButtonStyle": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-button-v2/dga-button-v2.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-button-v2/dga-button-v2.tsx",
                             "id": "src/components/dga-button-v2/dga-button-v2.tsx::ButtonStyle"
                         }
                     }
@@ -83,7 +83,7 @@ export class DgaButton {
                     "references": {
                         "ButtonSize": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-button-v2/dga-button-v2.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/platform-code-cross-platform-storybook/packages/core/src/components/dga-button-v2/dga-button-v2.tsx",
                             "id": "src/components/dga-button-v2/dga-button-v2.tsx::ButtonSize"
                         }
                     }

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

@@ -68,11 +68,11 @@ export class DgaCard {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (h(Host, { key: '92d8223dbdf380e6abf0c84adcc7113913171bf1', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: '17e629113fa3b63da0b5bcd2d0a10c016ecbd960', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '2cc1475feac62d9a88d786885e03a30a4d473d6e', class: "card__image-container" }, h("img", { key: '80eaddecaa9fc62da6ed8ba0a1d67bc40c057c04', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '6cd1b606906aec5a9462e1f3b73fc5186a8be86c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '04cd695c516849851187acf44e6ee2092735cc30', class: "card__checkbox-container" }, h("dga-checkbox", { key: '11ffe84880401dd179f81653006ef907c8f59986', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: '254a4a2a44cbd4f921977f6b80a3f3da7370af18', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: '9b164b6b6349e465ad9545d5a9bab97468493fbb', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'c5b4087bab83eba9a0e07e3e63d1d1bbb034242f', class: "text-md-regular" }, this.description))), h("slot", { key: '7ea574428c3c489dab02cecccd6b3c07c2874c5e' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: '5365bcc49cf1b9d36cf81729dc08b760b22065bb', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'c2d8e2dd4f0f0dc1398f65057b89566c19895d1f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: 'bad1ab80e0b8e5a37d211af57891e8a4059631ba', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: 'deac29b7adc8113cbf0c4356cfeaff3faf25139b', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (h(Host, { key: '66ba60a5f8c0d9d454241aea5322c58497e66645', id: this.componentId, style: this.rootStyles }, h("div", Object.assign({ key: 'c58ff54169e4e25c06c17e02b4a6f4b037f6e7d7', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (h("div", { key: '16e57a0b195460ca096d86d0a2f311a03fff4bdf', class: "card__image-container" }, h("img", { key: 'abf8983db2f5411e9fe44d49cda3415ef0985059', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (h("dga-featured-icon", { key: '58f8ed13703752a7579f5f4c95dcf50acce7058c', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (h("div", { key: '6786a5cbb4d2d62052417848786f6e017eee8d50', class: "card__checkbox-container" }, h("dga-checkbox", { key: 'fa29b126b0de0f044ddd0de60b727cded62223c5', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (h("div", { key: 'dce707d1ee1fd3969250cbea9b9c3dcbd15e724b', class: "card__content-text dga-flex-column" }, this.showTitle && h("h4", { key: 'efdacf84f9303c4af8fcf647aa21fc768120a9af', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && h("p", { key: 'acaa5ad7193d05aee8bf249b838395bb7b02cd5d', class: "text-md-regular" }, this.description))), h("slot", { key: '390a448a5ecbea6f3a099394d0358ba5d179c189' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (h("div", { key: 'c56b652233f8fed1af29ddea91ca46788e3b0248', class: "card__action card__action--default" }, this.showSecondaryAction && h("dga-button", { key: 'dfc6ea371149b847b577215005589e94ef4e2d02', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline", disabled: this.disableSecondaryAction }), this.showPrimaryAction && h("dga-button-v2", { key: '58c743ae97e3f70f4ca868aad5b55207e88841d2', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary", disabled: this.disablePrimaryAction }))), this.type === 'expanded' && (h("div", { key: '8e044119ec51999716ec9a2f09f22cbe5fabdbde', class: "card__action card__action--expanded" }, h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
                 name: this.expanded ? 'arrow-up-01' : 'arrow-down-01',
                 variant: 'stroke',
                 type: 'rounded',
-            } }))), h("div", { key: '2f2e74c273fef25654aeb767cb8da3cb072cf87e', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '9807f312e18e320295d8f66f5aee337b6275e627', name: "collapse-content" })))));
+            } }))), h("div", { key: '000e198a15a44468370af22fa38233228892619a', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, h("slot", { key: '8d5cb04a8fe5a848302cdc2d0aaf136221ac36c1', 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: 'bfbcd0ab9ee449bea56a94b2997c2d4348f6718d', class: "card__action card__action--default" }, h("slot", { key: 'f87f6a57affd5fbcf7263f103a83a42e731ad70c' })));
     }
     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: '3273ee7c79260c43cb23eec37f11d88633b7ade7', class: `card__content` }, h("slot", { key: 'ec21d55853eb8eb7fd368083741bdc32629ad9d8' })));
     }
     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: '5c00a92e4b2baaac202519bb977e5e82fbed3f44' }, h("slot", { key: '8e9281b20bac3c0bc36373ab9f1188ef48a46427' })));
     }
     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: 'a9d3e98d3e8fb48529a54ae9052061a9dd782497', class: "dga-card__image-container" }, h("img", { key: 'dbc4df877868715483bdf89744451a778ec2b49a', 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: '1b09c0c4850e623f60260b6f3d8ffe730c2f31e5', class: "text-lg-bold" }, h("slot", { key: 'a611028c66a9512443db355eab99f7120384cd12' })));
     }
     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: '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' }))));
     }
     static get is() { return "dga-card-v2"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,20 +90,20 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h(Host, { key: 'b346ab54ddb4cc3484e2a0a6fd1dfa3d3369145e', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (h("div", { key: '77acce250b8cf26da0824d202919899557da1663', class: "KCarousel-body" }, this.variant === 'arrows' && (h("a", { key: '323da00b147fa7db0a1b61ac7832bd5881375ca8', class: {
+        return (h(Host, { key: '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: {
                 'KCarousel-arrow': true,
                 'KCarousel-arrow--active': this.showLeftArrow(),
                 [this.isRTL() ? 'right' : 'left']: true,
                 [`KCarousel-arrow--${this.arrowsVariant}`]: true,
-            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '97be1096ff4062aeb584d00f132a78dd2c7c8e55', name: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), h("div", { key: 'd1f7b8c1009f4aa7e58f5dd5463a4f9212d5f3a8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, h("div", { key: '32c47394aca42d309314a11b07c1c70deb238946', style: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, h("dga-icon", { key: '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: {
                 display: 'flex',
                 transition: `transform ${this.transitionDuration}ms ease-in-out`,
-            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '7590de7cc7398b93a563d469e4c590212a8a7e85' }))), this.variant === 'arrows' && (h("a", { key: '271cf82120df9c3bf7c5887e304e3a4721122ef9', class: {
+            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, h("slot", { key: '77b29c2b8425da5cc493ec343389a1f55228afbd' }))), this.variant === 'arrows' && (h("a", { key: '85d14141b64ae4725cb583c8e5cbded3f09f0464', class: {
                 'KCarousel-arrow': true,
                 'KCarousel-arrow--active': this.showRightArrow(),
                 [this.isRTL() ? 'left' : 'right']: true,
                 [`KCarousel-arrow--${this.arrowsVariant}`]: true,
-            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '87651fb515125ee2bb8e2e36ae3c4dd6c5d24294', name: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (h("div", { key: '0a0c7621233bb51da617375b7c97e6645c85aefb', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index) => (h("span", { class: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, h("dga-icon", { key: '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: {
                 '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: 'df350f2304f37884d27296655c281db2e26ac4d7' }, h("slot", { key: '522543d2b3b2f3a22dcd49868bb20fa077ad72f7' })));
     }
     static get is() { return "dga-carousel-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -92,7 +92,7 @@ export class DgaCarousel {
         }
     }
     render() {
-        return (h("section", { key: 'd4bfbb847179b61417ac3eb5453af8aed881870f', class: "embla" }, h("div", { key: '530f1ac5ed39be782bc69378807fb884b9748234', class: "embla__viewport" }, h("div", { key: 'f56b89070d00a29eef72b27478c2d3083363e881', class: "embla__container" }, h("div", { key: '78cee2a6ab972860a1b8cd70148ed2cb0842957b', class: "embla__slide" }, h("div", { key: '3162557b787224494b63a6522c2ca05c5da27200', class: "embla__slide__number" }, "1")), h("div", { key: '06cacad1aa2c07ed188a2e6d38a3b7ac729bc28e', class: "embla__slide" }, h("div", { key: '6578c8c9663d7d0bd6a8e7980565092e9269fc81', class: "embla__slide__number" }, "2")), h("div", { key: '6c88fa5ce07a009b46a3a8ca0d5213b9df3a0676', class: "embla__slide" }, h("div", { key: '74772c46f3437417efef32278ff9d9cb92033ba1', class: "embla__slide__number" }, "3")), h("div", { key: 'aa075a34d6b99d9a2b76018a6da168d4667180f0', class: "embla__slide" }, h("div", { key: 'd31adc6af31e3cf7039c3692939d7cb645583fff', class: "embla__slide__number" }, "4")), h("div", { key: '3b89c9a08df708d8f7f8700397a28d2e1676ceac', class: "embla__slide" }, h("div", { key: '7f8ee18821c5476cb468d2a83b067dbfafa18d41', class: "embla__slide__number" }, "5")))), h("div", { key: 'c2764da8c4d9f4d17bd5fffc4016c70a1ecf3552', class: "embla__controls" }, h("div", { key: '72e20f6a9c48380861f856f67e48e7c23758ecba', class: "embla__buttons" }, h("button", { key: '4c32a600c3618cde98e96add6be0bb5f6b3bb613', class: "embla__button embla__button--prev", type: "button" }, h("svg", { key: '7160cdb032e4b67e9f545d84882d661000f4ad7a', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: '779ccf6a7159465c8466a8aa133bc4a1e43f00bd', fill: "currentColor", d: "M355.66 11.354c13.793-13.805 36.208-13.805 50.001 0 13.785 13.804 13.785 36.238 0 50.034L201.22 266l204.442 204.61c13.785 13.805 13.785 36.239 0 50.044-13.793 13.796-36.208 13.796-50.002 0a5994246.277 5994246.277 0 0 0-229.332-229.454 35.065 35.065 0 0 1-10.326-25.126c0-9.2 3.393-18.26 10.326-25.2C172.192 194.973 332.731 34.31 355.66 11.354Z" }))), h("button", { key: 'ca7f99c8efb668c3431e429738e08f8426cb7301', class: "embla__button embla__button--next", type: "button" }, h("svg", { key: 'bfa44646a9510e08c605b8a9e5a0653c4af62505', class: "embla__button__svg", viewBox: "0 0 532 532" }, h("path", { key: 'fb0e3c105a12651544c083c28ab2a47822a244d9', fill: "currentColor", d: "M176.34 520.646c-13.793 13.805-36.208 13.805-50.001 0-13.785-13.804-13.785-36.238 0-50.034L330.78 266 126.34 61.391c-13.785-13.805-13.785-36.239 0-50.044 13.793-13.796 36.208-13.796 50.002 0 22.928 22.947 206.395 206.507 229.332 229.454a35.065 35.065 0 0 1 10.326 25.126c0 9.2-3.393 18.26-10.326 25.2-45.865 45.901-206.404 206.564-229.332 229.52Z" })))), h("div", { key: 'fc6246271312cf8721d7d5dfc6689c3852b67ff8', class: "embla__dots" }))));
+        return (h("section", { key: '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" }))));
     }
     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": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-chart/dga-chart.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { isRTL } from "../../utils/rtl";
+import { tick03SolidRoundedIcon, alertCircleStrokeRoundedIcon, remove01SolidRoundedIcon, minusSignSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaCheckbox {
     constructor() {
         this.color = 'brand';
@@ -51,18 +52,18 @@ export class DgaCheckbox {
         const { el, disabled } = this;
         const dir = isRTL(el) ? 'rtl' : 'ltr';
         console.log(dir);
-        return (h("label", { key: 'fb6b969aef155dde4f2d738de3ea9ff5265a6e94', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}`,
+        return (h("label", { key: '89d197e6d492f63836cbbc1acdb11930bb78adbf', 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: 'ea7e331063fa602c0623a54730ed5372478bcadc', class: "checkbox-main" }, h("div", { key: '7fd46f7b864cbb0fd6dff1cc811f8750a9b90a4b', class: "checkbox-main__content" }, h("input", { key: '8b91b1d4d92f466fcaf482a6430355d01ec12970', 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: '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 => {
                 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: '0861a898baed971cfa05bebd78e2e144d2f93e2b', class: "checkbox-container" }, h("span", { key: '479121d60813596ed911796343bc7c8a4923cc17', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? h("dga-icon", { name: "minus-sign", variant: 'solid' }) : h("dga-icon", { name: "tick-03", variant: 'solid' })), h("span", { key: 'c7ddd8a5b5d76ba1fd01fca3f36bb47444167d4f', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, h("dga-icon", { key: '4c79a608383ea3b82c87af7e43967e1c5a699c05', name: 'remove-01', variant: 'solid' }))), !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: '3a65415389abd1cf4d2d58562983340e56d33fc5', class: "checkbox__warning" }, h("span", { key: '5b54b220259eeff1437b05e016817d82396d4597', class: "checkbox__warning-icon" }, h("dga-icon", { key: '4d37f4f3d94087a541708f7f9e528f30e30b7815', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), h("span", { key: '7e09ae705af6c739745aa1e33857b325fbd1acba', class: "checkbox__warning-text" }, this.alertText))))));
+            }, 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))))));
     }
     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: 'b45e82abd297ad28cd4b4c91fc1bd520592c53ee', id: this.componentId, style: this.rootStyles }, h("span", { key: 'a1eba904c424ecf00f6d12fa7d11bbc91b3bf013', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.isSelected ? "selected" : ""}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
+        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: () => {
                 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: 'c3c0fc376ae83a4fbc6fcac51f4f3c59e5a6c038' }))));
+            } }, 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' }))));
     }
     static get is() { return "dga-chip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,4 +1,5 @@
 import { h } from "@stencil/core";
+import { checkmarkCircle02SolidRoundedIcon, multiplicationSignCircleSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaCircularProgressBar {
     constructor() {
         this.RTL = false;
@@ -18,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: 'e37e0ea67750fef5535663a11ea279db7fa26454', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, h("div", { key: '026b717cfa4615502652e44fd2ac505ad73aefef', class: "circular-progress-bar__label" }, this.variant === 'success' && h("dga-icon", { key: 'd84686dbccc514155d5b3be72cf2a9d313f29d1a', name: "checkmark-circle-02", variant: "solid", size: 20 }), this.variant === 'error' && h("dga-icon", { key: 'c43a9bd393964b007a0912f5a740be20211036b3', name: "multiplication-sign-circle", variant: "solid", size: 20 }), this.variant !== 'success' && this.variant !== 'error' && h("h4", { key: 'be8f41389df617410af3e2010ba4997e2119d599', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && h("h5", { key: '229ba0e2f5a8c79775f459227509860482cfe3aa', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), h("svg", { key: '0a549076968dd040d85725fa197e864cba53a56c', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, h("circle", { key: '90ef67df6cd8c18e7f55ab975eab24c54ad6a5bb', 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: '66e5dfedb38baf33bf96a30ad6f3381dfea390b8', 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: '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: {
                 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: 'c8b8f6966d3a5697d391710ec7c49a7c7812d6dc', class: "code-snippet-container" }, this.showTabList && (h("div", { key: 'e12158c24ef3271e4d42ae37d59b3295d59bcb6b', class: "code-snippet-tabs" }, h("dga-tabs", { key: 'b34b729e67baf2ebf06059bda346422a07e73604', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        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 => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), h("pre", { key: 'c27a625639f0331d7d062de7867d58baa7b5f343', class: "code-snippet-code-display" }, h("dga-button-v2", { key: 'c3e27261b30dbe7f50636a5f2dea31fc9dc7c9b0', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), h("pre", { key: '5f8478b994d4c0a8b38fb0672a42d632c401acdb', class: "code-snippet-code-display" }, h("dga-button-v2", { key: 'b13f8f1dbe0b7d8ca3899dcf29f62489e05b3ead', 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: 'cf5a2a615b327b37e1e1cbd29ad9fedc6b78b2d9', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), h("code", { key: '8f50ebfb4710153e320f37a5a3cbea26ae0ddeea', 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: '5935a319d08f6d09a09aedd0d92dcda804d27885', class: "code-snippet-wrapper" }, h("dga-button-v2", { key: '5b6a869a8930a807c2a4f95b8a5c4cba95643b4a', label: this.showMore ? 'Show Less' : 'Show More', size: "md", trailIcon: true, variant: 'subtle', trailIconProps: { name: !this.showMore ? 'arrow-down-01' : 'arrow-up-01', size: 20, color: '#161616', variant: 'stroke' }, onClick: () => (this.showMore = !this.showMore), onColor: false }))))));
+            } }, 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 }))))));
     }
     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: '9715bed0f6b0c892fc33ea1264b010a47e8876c3', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2b7465b46183841607468dd39d13ec3d4b356ca6' })));
+        return (h("div", { key: 'b38eeb7b187504e9a8c91f09a5bf5cfb0033e45d', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, h("slot", { key: '2bf0440b12d1cb7fd709691854ffee14d1df07e4' })));
     }
     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: '98721cdda8e2c8e9386f1d1bf5f67c5745f580b1' });
+        return h("slot", { key: 'e6e96a01a223b5899137acfa146a1c915477daae' });
     }
     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: 'dc4acdb1cb410fa9b98033c237a3512f36feaebf', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: 'da6642b7fb04e23668b84593d70f1d6881f63d8b' })));
+        return (h("div", { key: '11b6c9cacf81551eb6b19325366c051032810d87', class: "content-switcher-panel", hidden: this.value !== this.index }, h("slot", { key: '2c437043353ecdfc7586f63010b8b9b3f6c1ffd2' })));
     }
     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: '224b50a52ff908b5ac25889adbb2447314ee83e0', class: "content-switcher" }, h("div", { key: 'c09f715a4127180acc5a47d7a4a3a1e4cabeedaf', class: "content-switcher__items" }, this.items.map((item, index) => {
+        return (h("div", { key: '2466b35db0280a8325df5b74a22c71b192666141', class: "content-switcher" }, h("div", { key: '348081a64adfd115ef5715bb5f05004cf475ea5c', 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: '4a966af0678e0aeae7ca40589118f49d2104dff7' }, h("h1", { key: '827019410828d74f2b637573baaa82b5333df531' }, "Date Field Example"), h("div", { key: '748a2518c18cb0bf5d1b6f88eca3b7f3fd7e996c', style: { padding: '50px' } }, h("div", { key: 'b6b94257b16fd991b83ab83a70635a13514606ec', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, h("dga-data-table", { key: '88c3f44778987104bee445643c1331aec4a86c84', cells: [
+        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: [
                 {
                     colSpan: 1,
                     isFilter: true,

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

@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { h } from "@stencil/core";
+import { sortByUp02StrokeRoundedIcon, sortByDown02StrokeRoundedIcon, filterStrokeRoundedIcon } from "../../assets/icons/index";
 export class DgaDataTable {
     constructor() {
         this.data = [
@@ -178,10 +179,10 @@ export class DgaDataTable {
     //     };
     render() {
         console.log(this.sortedData, "this.sortedData");
-        return (h("div", { key: 'c5ea921d3d6e2e2243580ecdad7fccdd33c9006c', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: '3199bd207fa5b6380a7a81a25aa88b145994780a', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: 'fd721a77cc6a1317ff7cfe51accb891d45b347cc' }, h("tr", { key: '2f512fed798c1dd2eba7bcd3b809e707beab30fe', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: '8c7333bac1364db924628b7038de8ead3c7afb3d', style: { width: '20px' } }, h("dga-checkbox", { key: '87544b9e54f65d526f67970fb3c2ef75e28a39ee', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
+        return (h("div", { key: 'ca80ee05b1e8811160d8b85bbb54f0208f77bfed', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'a8d003be75250e95b99ca4b3d1607e9401475556', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("thead", { key: '53afb8f7b61363f1d562fa7085c87f1be580f5a2' }, h("tr", { key: 'dc7c8ff4a0f35ef093760750e82f6354e19d607e', class: `${this.rowDivider ? 'row-divider' : ''}` }, this.showSelectCheckBox && (h("th", { key: 'c00258e111a02335c07974e47aa5cc13d52a0dab', style: { width: '20px' } }, h("dga-checkbox", { key: '69b172e3261ed1cb4a6b1aa77cedf72ad03c3b20', showBorderOnFocusAndFocusOute: false, value: 'true', onChange: (event) => this.selectAll(event.target.checked) }))), this.cells.map((_a, index) => {
             var { sort, isSort, propertyName, type } = _a, header = __rest(_a, ["sort", "isSort", "propertyName", "type"]);
-            return (h("th", { key: index }, h("span", null, h("span", { class: "text" }, header.title), h("span", { class: "icon-wrapper" }, isSort && sort == 'up' && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('up', propertyName, index) }, h("dga-icon", { name: "sort-by-up-02", variant: 'stroke', type: 'rounded', size: 16 }))), isSort && (!sort || sort == 'down') && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('down', propertyName, index) }, h("dga-icon", { name: "sort-by-down-02", variant: 'stroke', type: 'rounded', size: 16 }))), header.isFilter && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(propertyName) }, h("dga-icon", { name: "filter", variant: 'stroke', type: 'rounded', size: 16 })))))));
-        }))), h("tbody", { key: 'e9f5104ca53e1066cfa55957b23ff8c10004fd79' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))), this.cells.map((_a, cellIndex) => {
+            return (h("th", { key: index }, h("span", null, h("span", { class: "text" }, header.title), h("span", { class: "icon-wrapper" }, isSort && sort == 'up' && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('up', propertyName, index) }, h("dga-icon", { icon: sortByUp02StrokeRoundedIcon, size: 16 }))), isSort && (!sort || sort == 'down') && type == 'propertyName' && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md", onClick: () => this.sortData('down', propertyName, index) }, h("dga-icon", { icon: sortByDown02StrokeRoundedIcon, size: 16 }))), header.isFilter && (h("button", { class: "dga-btn dga-btn--sort dga-btn--icon dga-btn--md ", onClick: () => this.pressOnFilter && this.pressOnFilter(propertyName) }, h("dga-icon", { icon: filterStrokeRoundedIcon, size: 16 })))))));
+        }))), h("tbody", { key: 'cc476bc9fc8888f2466bfdbef2711523b17e3de7' }, this.sortedData.map((row, rowIndex) => (h("tr", { class: `${this.rowDivider ? 'row-divider' : ''} ${this.alternate ? 'alternate' : ''} ${row.selected ? 'row-selected' : ''} `, key: rowIndex }, this.showSelectCheckBox && (h("td", null, h("dga-checkbox", { name: rowIndex + 'checkboxSelection', value: row.selected, id: rowIndex + 'checkboxSelection', showBorderOnFocusAndFocusOute: false, onChange: event => this.handleSelectedRowChanges(event.target.checked, rowIndex), checked: row.selected }))), this.cells.map((_a, cellIndex) => {
             var { El } = _a, cell = __rest(_a, ["El"]);
             return (h("td", { key: cellIndex, colSpan: cell.colSpan ? cell.colSpan : 1 }, cell.type === "element" && El ? (typeof El === 'string' ? (
             // Create element dynamically with props
@@ -201,7 +202,7 @@ export class DgaDataTable {
                     "references": {
                         "IColumn": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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"
                         }
                     }
@@ -305,7 +306,7 @@ export class DgaDataTable {
                     "references": {
                         "CellConfig": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-data-table/dga-data-table.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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: '2f74cf4f9e23109d4c842dc6ea19725dac7f6d2e' }, h("slot", { key: '3fc25cf21934bfb17ca634248adfe83b7cbd7436' })));
+        return (h("tbody", { key: 'a0713a4db7cc2551fe392a82136ae655f92df198' }, h("slot", { key: '113d40d6704388bd16e3e920caa9fb720d444e24' })));
     }
     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: '8e94be66fc1151acf00ede8441b1c96436b111d9', class: `table-wrapper ${this.contained ? 'table-contained' : ''}` }, h("table", { key: 'e3e91108267b1cb9e383a93ed4404cd77d94610b', class: ` azm-table ${this.contained ? 'table-contained' : ''}`, style: { direction: this.direction ? 'rtl' : 'ltr' } }, h("slot", { key: 'd43e32ddf5f1060bf26d933b14dd53ccc044b8f0' }))));
+        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' }))));
     }
     static get is() { return "dga-table"; }
     static get properties() {

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

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { guid } from "../../utils";
 import { formatDate, isValidDate } from "../dga-datepicker/dateUtils";
+import { alertCircleSolidRoundedIcon } from "../../assets/icons/index";
 export class DgaDateField {
     constructor() {
         this.placeholder = "DD/MM/YYYY";
@@ -107,10 +108,10 @@ export class DgaDateField {
             'input--disabled': this.disabled,
             'readOnly': this.readonly
         };
-        return (h("div", { key: '1e2e5f5355b2699eca2cd78dbcd1add24a068d41', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label &&
-            h("dga-label", { key: '6b89aab074716fe6bc8bbcc5b616eec5bc0f020b', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '26f9f2079286b18003a3a538b1e38d62242bcfcb', class: Object.keys(inputClasses).filter(key => inputClasses[key]).join(' '), ref: el => this.inputContainerRef = el }, this.icon && (h("span", { key: '487674f71c2582041e940b7f5159c1dd74ae8e7b', class: "input__icon" }, h("dga-icon", { key: 'f7ce4772c9864456ae135286723e2f3f2e068a9b', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '1dcfc477ec0ce375bcb083b451d1254c5d3108b2', ref: (el) => (this.inputEl = el), name: this.name, value: this.inputValue, type: "text", class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput, onMouseDown: () => this.isActive = true, onMouseUp: () => this.isActive = false, onMouseOut: () => this.isActive = false }), h("dga-button-v2", { key: 'd8b0c1056641f1d07423c0d96190e08d7b7fd136', variant: "transparent", iconOnly: true, leadIcon: true, leadIconProps: { name: 'calendar-03', variant: 'stroke', type: 'rounded' }, onClick: this.handleOpenDatepickerPopup }), this.error && (h("span", { key: '075cd959b934124150470113674940e123f4aeb8', class: "input__feedback-icon input__feedback-icon--error" }, h("dga-icon", { key: '92b45d0c15db5f2eaf6896c27316f04306afd4d8', name: "alert-circle", variant: "solid" })))), (this.errorMessage || this.helperText) &&
-            h("dga-helper-text", { key: '7a2dc1258b3cbe5670b97efd94570803d23c1738', helperText: this.errorMessage || this.helperText, error: this.error }), this.isDatepickerOpen &&
-            h("div", { key: '8aa4c831076f7fd368f5909ee44954d8d7645e1c', class: "date-picker-dropdown", ref: el => this.datepickerRef = el }, h("dga-datepicker", Object.assign({ key: '4f44033e5003db01b15b5b1377fcf88f761399e3' }, this.datepickerOptions, { value: this.selectedDate, onChange: this.handleDatepickerChange, style: { width: "fit-content", display: "block" } })))));
+        return (h("div", { key: 'ac304baaf8ec1f5286a4be53a0c27704e620d269', class: { "dga-form-control": true, "dga-form-control--fullwidth": this.fullwidth } }, this.label &&
+            h("dga-label", { key: 'd344f92666daf85ecd35ccde15062b8b7880a7a5', label: this.label, size: this.size, required: this.required, disabled: this.disabled }), h("div", { key: '780e5814287987da88862d34d711c4c7cbc99ca8', class: Object.keys(inputClasses).filter(key => inputClasses[key]).join(' '), ref: el => this.inputContainerRef = el }, this.icon && (h("span", { key: 'a6c322f7d04489ae651f215cd1d1a2d9a8516274', class: "input__icon" }, h("dga-icon", { key: '6353b218fcdefa15e192a68aecfa9efcd802773b', name: this.icon.name, variant: this.icon.variant, type: this.icon.type, size: 20 }))), h("input", { key: '58273bef7c00b54fa1946a11623e36d8c0ae8fd9', ref: (el) => (this.inputEl = el), name: this.name, value: this.inputValue, type: "text", class: "input__field", placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, required: this.required, onFocus: this.handleFocus, onBlur: this.handleBlur, onInput: this.handleInput, onMouseDown: () => this.isActive = true, onMouseUp: () => this.isActive = false, onMouseOut: () => this.isActive = false }), h("dga-button-v2", { key: 'c2816fa5c44e50a140db53a8074c90ae9923da30', variant: "transparent", iconOnly: true, leadIcon: true, leadIconProps: { name: 'calendar-03', variant: 'stroke', type: 'rounded' }, onClick: this.handleOpenDatepickerPopup }), this.error && (h("span", { key: '1073913a48e3f71726455f44507ec7eafbcf9964', class: "input__feedback-icon input__feedback-icon--error" }, h("dga-icon", { key: '63f3b2bd2bc1f7bc33e37a27051638686aa76f5d', icon: alertCircleSolidRoundedIcon })))), (this.errorMessage || this.helperText) &&
+            h("dga-helper-text", { key: 'ef17a1f66dbbe5d99701ea4380f67ba6ccf334ab', helperText: this.errorMessage || this.helperText, error: this.error }), this.isDatepickerOpen &&
+            h("div", { key: '464184bd4b93a54410994cb564b4bff4205b0302', class: "date-picker-dropdown", ref: el => this.datepickerRef = el }, h("dga-datepicker", Object.assign({ key: '8166078360cf22e4f197ae0fb674d37f5610237a' }, this.datepickerOptions, { value: this.selectedDate, onChange: this.handleDatepickerChange, style: { width: "fit-content", display: "block" } })))));
     }
     static get is() { return "dga-date-field"; }
     static get originalStyleUrls() {
@@ -421,7 +422,7 @@ export class DgaDateField {
                     "references": {
                         "DatepickerOptions": {
                             "location": "local",
-                            "path": "/home/mahmoud/Documents/platform-code-cross-platform-storybook/packages/core/src/components/dga-date-field/dga-date-field.tsx",
+                            "path": "/Users/mohamedaboelezz/projects/Azm-X/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: 'd00f05d30198257fbd4d40e0df8eb9c561966b2a', type: "button", class: className, onClick: () => this.handleClick(), onMouseDown: this.handleAddPressed, onMouseUp: this.handleRemovePressed, onMouseOut: this.handleRemovePressed, disabled: !this.isCurrentMonth }, h("div", { key: 'f91aee28a6d686a1767d450aaec3060f588b8121', class: "date-cell__label" }, h("span", { key: 'cfb00f366b54d3d76fcdb7880c1063808625a083' }, this.date.getDate()))));
+        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()))));
     }
     static get is() { return "date-cell"; }
     static get originalStyleUrls() {