@platformscode/core 0.0.31 → 0.0.32

package/dist/cjs/dga-card.cjs.entry.js

@@ -72,11 +72,11 @@ const DgaCard = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: '8261ba2914cdf2a5f75807c02cb6aa8a14a360db', id: this.componentId, style: this.rootStyles }, index.h("div", Object.assign({ key: '05520314bec93fd15322af30672a6e0e3b749d5b', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (index.h("div", { key: '2a636e776587b74671b8b0e66a07d70a2f477372', class: "card__image-container" }, index.h("img", { key: 'fec683586ffcad88bae4462c6c8feef916aceebd', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (index.h("dga-featured-icon", { key: '5a6770039768c3e6f5f31366e3eabf1e9d48c3c3', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (index.h("div", { key: 'eb0da9002baac0cef488cd86cf79bf5b14eb7684', class: "card__checkbox-container" }, index.h("dga-checkbox", { key: '1688b5c48ffe235a66b84c1b78f6d105e9bd79b9', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (index.h("div", { key: '53a67e1e526fcc9e00076bfebb77e2e39fbd07ef', class: "card__content-text dga-flex-column" }, this.showTitle && index.h("h4", { key: '99884fc68c04fac6b999a5487d4d955567e2c1f3', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && index.h("p", { key: '181870477d9cb6fc68e7bfdadb3ab86c354224c0', class: "text-md-regular" }, this.description))), index.h("slot", { key: '53d408370d8a6b3ef08ac78c81acdbc0f0981857' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (index.h("div", { key: 'bbb70fa1fb8e4fe32eef311d5b610d93a457eb64', class: "card__action card__action--default" }, this.showSecondaryAction && index.h("dga-button", { key: 'b1d11e34257876fb1b3860a58853966dffe0a86f', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && index.h("dga-button-v2", { key: '6784cd356f4de682fdb9113ad1f81fde11a959d9', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary" }))), this.type === 'expanded' && (index.h("div", { key: '57d9735c731eb75d904e23a3cc26235b8cc42019', class: "card__action card__action--expanded" }, index.h("dga-button-v2", { key: this.expanded ? 'expanded' : 'collapsed', iconOnly: true, onClick: () => this.toggleExpand(), size: "lg", variant: "subtle", leadIcon: true, leadIconProps: {
+        return (index.h(index.Host, { key: '86d33361aafcc6abc3869b700543dfab22e73b5f', id: this.componentId, style: this.rootStyles }, index.h("div", Object.assign({ key: 'f4b971d65fe31a8d6b4a70557aab317e75684fae', class: `card dga-flex-column ${this.disabled ? 'disabled' : ''} ${this.isFocused ? 'focused' : ''} card--${this.effect}` }, (this.type === 'selectable' ? { onClick: this.onCheckboxChange } : {}), { tabIndex: 0 }), this.image && (index.h("div", { key: 'f2fefe942384e3f0796bdfc8e731dd9173f6831b', class: "card__image-container" }, index.h("img", { key: 'd5df6adfe1fe0a5ce769d88b13d1bf8e2376930b', src: this.image, alt: "Card" }))), this.showFeaturedIcon && (index.h("dga-featured-icon", { key: '1e51a66c5c186cbf100380afb84db428f657ae72', icon: this.featuredIcon, size: 'lg' })), this.type === 'selectable' && (index.h("div", { key: '88c8bd657deea79a9815baa4c37910c1a081ad38', class: "card__checkbox-container" }, index.h("dga-checkbox", { key: '3d254fc95831e9ca5a364f2121b4e2c9fa3cc1f4', checked: this.isSelected, color: "brand", onChange: this.onCheckboxChange }))), (this.showTitle || this.showDescription) && (index.h("div", { key: '821a3824fa6bc457e6a53de9789b75787adf9028', class: "card__content-text dga-flex-column" }, this.showTitle && index.h("h4", { key: 'ac3b4ca163aaf1669f5d1d8b390adc0b67d3815b', class: "text-lg-bold" }, this.cardTitle, " "), this.showDescription && index.h("p", { key: '1bb6fce224d80803b0dd4599e0f431f4f75548e9', class: "text-md-regular" }, this.description))), index.h("slot", { key: 'b5039ab01d3107d25957dbbe6c64f216d9cc0241' }), this.type === 'default' && (this.showPrimaryAction || this.showSecondaryAction) && (index.h("div", { key: 'e6e13528af3e49a02234cc343fd79fb9e5de22d1', class: "card__action card__action--default" }, this.showSecondaryAction && index.h("dga-button", { key: '49cb7f3e7df45e2ff60b9eccd3e6d933a8e68cbb', label: this.secondaryActionLabel, onClick: this.onSecondaryAction, size: "lg", variant: "secondary-outline" }), this.showPrimaryAction && index.h("dga-button-v2", { key: '720933d2acabcc2afc14efdea31ca5cded01f36e', label: this.primaryActionLabel, onClick: this.onPrimaryAction, size: "lg", variant: "primary" }))), this.type === 'expanded' && (index.h("div", { key: '90809bc4ced8b4b071ee55ca6fcf56121892c7d6', class: "card__action card__action--expanded" }, index.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',
-            } }))), index.h("div", { key: '2ec837d8fc00d69d134e480a4ba38d583e3564b6', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, index.h("slot", { key: '1b5f1d9a5dd28ed4e86781a044336b20d1c033e9', name: "collapse-content" })))));
+            } }))), index.h("div", { key: 'a3007799c91bf737d771da07331900028b26ad96', class: `collapse-content ${this.expanded ? 'expanded' : ''}` }, index.h("slot", { key: 'bb1f24b1c21c79624209d55f1f01ad035e06818e', name: "collapse-content" })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-carousel-usage.cjs.entry.js

@@ -8,115 +8,115 @@ const DgaCarouselUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '135bc619c23070b1e730b23411c9699060c30142' }, index.h("h1", { key: '19361805583065becf477b9dde8b4279113d6c63' }, "Carousel Example"), index.h("div", { key: 'fb1053e8e18da8351fa757cdaf9df34a32157241', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '988c510cddb672792d3b7ee78ed5f64d69c2073a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-carousel", { key: 'fce2953ef3bb991ac8adfcfbaa25b6ba6864f438', size: 'lg', arrowsVariant: 'primary' }, index.h("dga-carousel-item", { key: 'd30c755eb3dda44425862f75124feccba440698f' }, index.h("img", { key: '4c952b404c49224ecae9fba743a46dcfe81984b9', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        return (index.h("div", { key: 'd4332729034b0e9d770efd654bc228a400137924' }, index.h("h1", { key: '03455c4f42b3c0b22f4a6c5b654e4cd087e1c9fa' }, "Carousel Example"), index.h("div", { key: '28ec0a88d8e6b8d203da9ec60d38b788b5366dc7', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '44f3891904484f0b52a99c7193e2bf386f0bdfcd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-carousel", { key: '699e52ce630c1ec07c18fbc24b10eac6f600416c', size: 'lg', arrowsVariant: 'primary' }, index.h("dga-carousel-item", { key: '71adecb1492bb8f5caffb97ac2384d6a2ae78108' }, index.h("img", { key: '47e5a08e5e8232497099e9df037584d140db4a97', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), index.h("dga-carousel-item", { key: '86891484bd67a22ade9c5af424e82ea0b2226507' }, index.h("img", { key: '20f413fe7d84ff0eaffee44636629e0a514df3d5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'bc7da0be3d64973fee60ad139ee3c149a7705c46' }, index.h("img", { key: 'ee0da3c9d55465760c474b896c7a2b6fcdc0ca56', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'fdc402ece21ffaf9ded84e57f9fe18878b9fc886' }, index.h("img", { key: 'ac9d20b1cd927078ec3341bc890bc5637815d95d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'a053d969979ce491a3f6fe1845e8f3e255c5ae0b' }, index.h("img", { key: '9fe9b088eccf58e956bc594f728bb1afd0ed5d10', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'c59ac0f2a901971dcbd5d0fa469699278d9a87f1' }, index.h("img", { key: 'eceb26c5e4222f3e1ee8f99e94cd36fa1e9cf7a5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'bc3d639e0e0e25da6a9713e1364d83d2c7b3f242' }, index.h("img", { key: '14a2f57c5c5855d8aa22b610750131b7cb8f352d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '66334d303ec952bda189d55d97ab0e89a0b23e04' }, index.h("img", { key: '7dc3ef5181ae62b28886bfd49598a59471a0c4d6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'e0f19d704beb1034e6b442072ce4dc849e6f87d0' }, index.h("img", { key: '7f083a5968d2654d46b7764b668a36bdccbc258d', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '901f34d0accac9a4cf4d39a02933f119b01d818f' }, index.h("img", { key: '47205fe157c913823a8f6696c3bca233fe3e4b10', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '0f0ccb7d9f13bd86f82f3add3a218c738aca8614' }, index.h("img", { key: '8d578cd33251825162909f9d9b79c5fc8d88a3aa', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '4317213ac905bfeeb1fa056160949d046babe9d3' }, index.h("img", { key: '5f9f8b54bb78473b7823aa53d05b42c8c6704d71', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '1d90aadac1729adf53d86dd762d83367c36cec0c' }, index.h("img", { key: '2f1d33d58d8a8b3e9395a9105ceae5c7c5d343a3', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), index.h("dga-carousel", { key: '93107d2f0979c2ea3c2bed33c59711b55c2621f4', size: 'lg', arrowsVariant: 'subtle' }, index.h("dga-carousel-item", { key: '6d93f75f1a0c4e99c9737f2c56b42a4c10693393' }, index.h("img", { key: '9519a6e58f6250e54b6d2ddefb9ecc83935138bc', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), index.h("dga-carousel", { key: '7417b9055ce7b5ea494ad424ed9507729ec5ab5b', size: 'lg', arrowsVariant: 'subtle' }, index.h("dga-carousel-item", { key: '4a43b22960e904e006f4bf2ef590149935627749' }, index.h("img", { key: '312f5dbed16a58b18d6c182270efaa6cf8f878ca', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), index.h("dga-carousel-item", { key: '7f7cd20624cf002137cd3178618650087eeb7b86' }, index.h("img", { key: '1b74ee12ca218cad33a6dfef691c05a38b9c7ce7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '94d09ccc30f6102382d535f5caa22df18c483c1b' }, index.h("img", { key: '6c661f923e7d5cf8d8bcd213eb4a321434006cf4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '9afcbedf396c5116805768a13736eac12669e2e7' }, index.h("img", { key: 'cfcd3e82c3aad3bd0389afdd22d2321928c9e30d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'ac939a9c82d2b2ebc2f108ad2d93b38346555966' }, index.h("img", { key: '46c9e14e14766b6d0d7c0188d7f3b88ce70e6c77', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'ecfe8c991251ff3951b258476a14664e2721fa66' }, index.h("img", { key: 'ffe03e6dc7024dd3750294cf88ab9778946ef591', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '6e01d8c324630d7fe83037e8343c9825d9035945' }, index.h("img", { key: 'fe0d8337ea18c3ac7659ff747dc866c9c449982f', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'cf0970da4964c3143d26e80df9044cbf6723558e' }, index.h("img", { key: '6fd2e64708c63edf9900625b18296232d35df568', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'aaad31f107d8e1e383d5945d1bbfa188309094a6' }, index.h("img", { key: '52a7c19a3411ce889004bb590e6e3d886eca8b36', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '43bb1988072b7b7f611357966a1da757f5d1a81c' }, index.h("img", { key: '796c455a7182934856a49e48d9b9ca1faaa361e2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '05319c82815ae60b9501a7d4c02684a153df3dbd' }, index.h("img", { key: '09687238cd44348f24c3e799965a0bbc358c4588', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '223ad22d488905bf52524e90c19140af1b86b164' }, index.h("img", { key: '1c2118b1f2088a8b9dbc4912599c6e5644482ecf', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '935fa01b7f0f4b0d22d88cc376c095117803470a' }, index.h("img", { key: '94651d1d7b95f6865f77e3c3f6c148218cdf28e0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), index.h("dga-carousel", { key: 'a2dde1ddf904e8d8b0250b830c144a9a374bce7f', size: 'md' }, index.h("dga-carousel-item", { key: '28f4cc663a739e6e39d082142809794298027e98' }, index.h("img", { key: '2b9d648247efead8ad1d99ad214b798280c6b6e6', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), index.h("dga-carousel", { key: 'b8f4cc696af500c29ae3614c518e2b460d1a9e14', size: 'md' }, index.h("dga-carousel-item", { key: '0e83d5dd9084341d7629a44a0627f9d91f82d077' }, index.h("img", { key: '542a2b1a77f121464da175929c8644316ddf6818', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), index.h("dga-carousel-item", { key: 'a5e70ccfe76774b30e3be16470795a0bda76b7d8' }, index.h("img", { key: '2558d5172b31f428cb2b282a57b930bce454f62b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'be28fc22cad776c13d8a02820417c2a2d5cccb70' }, index.h("img", { key: '64ea11f672ba14e32ad00984b7039513f9ccc3d2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '9dbde8591e321f65bd7eb16630e2f93cfe55f270' }, index.h("img", { key: '4a723c5da6fa7e3d441c5f6083075e700f1e80bd', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '006b65dbdc644a941123c1eca8c130bf146a8eda' }, index.h("img", { key: 'c9de089b87c2eed7001cbf882fb289680d014051', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '108ed117d304ec9054931c6bc567bd77490224a9' }, index.h("img", { key: 'cf03b3bc02387607e3995e6d139d565decfc7110', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '3b949aabae2cec26d7702c630359d6369e9aab50' }, index.h("img", { key: '26d0e01f0f5361bc4181d3c4ddfcf8487acb82b5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '970168634238327a3665be7a73073ce063b8261f' }, index.h("img", { key: '8e5551a1f7ef62152e6bb0b9c13da2c2c764d3f2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '3f4ae5c76e72375368fdc300f59037d2ddf1258b' }, index.h("img", { key: '99a9d3938ce1ea3e166062c53d6d9fa3b2dd6fac', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'f6ba2fa8e0fe1f1387672fe1a2562dda91f117b8' }, index.h("img", { key: '9d08bb3353f83853dca40395b3064c7f3f10c857', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '6b799a2f0657177dbbe7f96d9d651c8d563d13af' }, index.h("img", { key: 'f374a2ffd636239eaa2c00de8365d149ad3f6947', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '51f29f40d938cec59f550cf8307cb82b833bbb03' }, index.h("img", { key: 'fb774efe7edc5322e2ebd3abb2e1d729a4f2f230', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '579bd31fa4f2bfe3bfba2c448ee5790c0687ded7' }, index.h("img", { key: '5c236768e16585fbdc96743d89216b7a068d678b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), index.h("dga-carousel", { key: '1bccdd98ffdb8dd69571654f5705099556843d83', size: 'sm' }, index.h("dga-carousel-item", { key: 'fc95894fad57cb3b4f6c6feeb2c283b977f616c8' }, index.h("img", { key: '8b01e3aad270bea54f294b68688ccc532ce43da5', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), index.h("dga-carousel", { key: 'b8747e22d8b6b02e2dbec7095109802a78674263', size: 'sm' }, index.h("dga-carousel-item", { key: 'a2a309cbb4014eb0d6665bc345abd8504885ace5' }, index.h("img", { key: 'af3aa2eda260c21cb40dfa8802b9a23a67198203', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
-            } })), index.h("dga-carousel-item", { key: 'df33685f5e6be331df84098f4603b2c022580af8' }, index.h("img", { key: '1d215f8c243ead5aaff39fed933accccbb443391', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'e4871fb699d73846362eb0d6cb6e4ee3a9ea48dc' }, index.h("img", { key: '2d3405f15c68cc0ce67fed87750866bf340a1577', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '151443d185460fa50c5622234e80be7fd65a5030' }, index.h("img", { key: 'b718c70a445ff8b32086990d717a161a18dd192d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '27f3af8e9ec7a78b4e03c99d11ecac088a075329' }, index.h("img", { key: 'f4da4ad6ce1c70aad518f7ab28c2be9f60c2e8a7', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'b0ed03b6585ce3761841243e66ca4aee823d153a' }, index.h("img", { key: '8b24e50c71c59f5af62b3b455477fbe306c5de83', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '7a56a2cb22a75315798efb8f50ecf13a4ece596a' }, index.h("img", { key: '9d39b167140dd74331baea3a7b739471fdba8b7e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '1a8820d54d0247d376a6d65a06f691785fb50fec' }, index.h("img", { key: 'cda02f0945307a6636adfd8ff0c6d64cd199f1f5', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '58558ac974299e11b8c9e6c3660cef0667a8b1c4' }, index.h("img", { key: '343883453046d74b65c0001bd8ac80e3c4f87e57', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: '1b69effb44e5ec0d2fab3844745fc901faee9b4f' }, index.h("img", { key: 'c7ac460167c559ef50bfec9d7eb1e546a38e68a4', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: '91b88d8af4ac1d77356aea1613ac8b5298bc4472' }, index.h("img", { key: 'eb71c311f4203d62294a20a8ad9f9a997592332c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), index.h("dga-carousel-item", { key: 'e004bb8b6ae2bde6bc3d3256f3de6902ea53c97c' }, index.h("img", { key: '98cdf9c3f6dc73e76ea68f1bfe52ae261afbea09', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), index.h("dga-carousel-item", { key: 'e29a5938553fcedbd95786737f809e5202f2cf53' }, index.h("img", { key: '989d8fa65ae01e21f1dcf72f3ad6da303e9301eb', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), index.h("div", { key: 'c1d2b3a303033b6b0e3b98157270254e02c4d194', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), index.h("div", { key: '1c541dcd854896978cfc2288f8b440f8df3f34f6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-carousel-v2.cjs.entry.js

@@ -98,7 +98,7 @@ const DgaCarousel = class {
         }
     }
     render() {
-        return (index.h("section", { key: '6efb6b6ae3a25fa843d47959ac4a6658b7af178a', class: "embla" }, index.h("div", { key: 'dd1b186145302332eaa6c1ea980c73782b5a1940', class: "embla__viewport" }, index.h("div", { key: 'ac866d3275a57d5ea7a47e466945d88b873ebf67', class: "embla__container" }, index.h("div", { key: 'e355e05800c4621167ea3eeff67fd0e1b1d51ed9', class: "embla__slide" }, index.h("div", { key: '39069e003bea95eee086457613c3f9db2b9d7390', class: "embla__slide__number" }, "1")), index.h("div", { key: '08cb293cb70f0ee84cdcfc2d90b2789901a75933', class: "embla__slide" }, index.h("div", { key: '5bf5f54fe58c7e89ae4144d488dfb63006adabb3', class: "embla__slide__number" }, "2")), index.h("div", { key: '1f29a96db9fb5b330198f251d4a5694afb8c87e8', class: "embla__slide" }, index.h("div", { key: '84f2ad8f71eae1f57dcddb53b41fc5fe0fb3700e', class: "embla__slide__number" }, "3")), index.h("div", { key: 'ababa6bc1e2d05444f876d895bf391201f6a7b08', class: "embla__slide" }, index.h("div", { key: 'b5a61d3f1cabce18f69ceb1a837ed2464e79e5a0', class: "embla__slide__number" }, "4")), index.h("div", { key: '54e5f28466246ce79dfc5c121034bfaf6078369f', class: "embla__slide" }, index.h("div", { key: '5574a24c6a1f05bf24d4454d2f6b9d2250168a7e', class: "embla__slide__number" }, "5")))), index.h("div", { key: 'f4ad3d389d2a9c13727bcca1cd2163cc17848cbb', class: "embla__controls" }, index.h("div", { key: '68266a291424fbae89fe62bc2fd7a4983bd58741', class: "embla__buttons" }, index.h("button", { key: '73fc18a2f5c863527b6b6883125ac1d185257407', class: "embla__button embla__button--prev", type: "button" }, index.h("svg", { key: 'b6b294f1c04b3324e93d79705aac6243505eca1c', class: "embla__button__svg", viewBox: "0 0 532 532" }, index.h("path", { key: 'd22f49937bb74b1ee9109402d187154183742a57', 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" }))), index.h("button", { key: 'a0d96c897e669f3cf80d6b223283aebcfcf3a55f', class: "embla__button embla__button--next", type: "button" }, index.h("svg", { key: 'd0759e4759478493d9fe64be33fa884243602dbe', class: "embla__button__svg", viewBox: "0 0 532 532" }, index.h("path", { key: 'f4fb6adb01767c8b01eedaab6ce51054cba326d5', 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" })))), index.h("div", { key: '8fa12f5f16b9a5ba44d11671d47142a1daab6531', class: "embla__dots" }))));
+        return (index.h("section", { key: 'd4bfbb847179b61417ac3eb5453af8aed881870f', class: "embla" }, index.h("div", { key: '530f1ac5ed39be782bc69378807fb884b9748234', class: "embla__viewport" }, index.h("div", { key: 'f56b89070d00a29eef72b27478c2d3083363e881', class: "embla__container" }, index.h("div", { key: '78cee2a6ab972860a1b8cd70148ed2cb0842957b', class: "embla__slide" }, index.h("div", { key: '3162557b787224494b63a6522c2ca05c5da27200', class: "embla__slide__number" }, "1")), index.h("div", { key: '06cacad1aa2c07ed188a2e6d38a3b7ac729bc28e', class: "embla__slide" }, index.h("div", { key: '6578c8c9663d7d0bd6a8e7980565092e9269fc81', class: "embla__slide__number" }, "2")), index.h("div", { key: '6c88fa5ce07a009b46a3a8ca0d5213b9df3a0676', class: "embla__slide" }, index.h("div", { key: '74772c46f3437417efef32278ff9d9cb92033ba1', class: "embla__slide__number" }, "3")), index.h("div", { key: 'aa075a34d6b99d9a2b76018a6da168d4667180f0', class: "embla__slide" }, index.h("div", { key: 'd31adc6af31e3cf7039c3692939d7cb645583fff', class: "embla__slide__number" }, "4")), index.h("div", { key: '3b89c9a08df708d8f7f8700397a28d2e1676ceac', class: "embla__slide" }, index.h("div", { key: '7f8ee18821c5476cb468d2a83b067dbfafa18d41', class: "embla__slide__number" }, "5")))), index.h("div", { key: 'c2764da8c4d9f4d17bd5fffc4016c70a1ecf3552', class: "embla__controls" }, index.h("div", { key: '72e20f6a9c48380861f856f67e48e7c23758ecba', class: "embla__buttons" }, index.h("button", { key: '4c32a600c3618cde98e96add6be0bb5f6b3bb613', class: "embla__button embla__button--prev", type: "button" }, index.h("svg", { key: '7160cdb032e4b67e9f545d84882d661000f4ad7a', class: "embla__button__svg", viewBox: "0 0 532 532" }, index.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" }))), index.h("button", { key: 'ca7f99c8efb668c3431e429738e08f8426cb7301', class: "embla__button embla__button--next", type: "button" }, index.h("svg", { key: 'bfa44646a9510e08c605b8a9e5a0653c4af62505', class: "embla__button__svg", viewBox: "0 0 532 532" }, index.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" })))), index.h("div", { key: 'fc6246271312cf8721d7d5dfc6689c3852b67ff8', class: "embla__dots" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/dga-carousel_2.cjs.entry.js

@@ -96,20 +96,20 @@ const DgaCarousel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'deb53f7aa2ed9c998b90d1d92874b923e0bc8f61', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (index.h("div", { key: '174a343f7a17428f6b2c807f9046bb310796f1cf', class: "KCarousel-body" }, this.variant === 'arrows' && (index.h("a", { key: '078d4e6c9b2c8b3f1d7e6b63970ee098a62f8d96', class: {
+        return (index.h(index.Host, { key: 'b346ab54ddb4cc3484e2a0a6fd1dfa3d3369145e', class: `KCarousel KCarousel--${this.variant} KCarousel--${this.size}`, dir: this.Dir }, this.variant !== 'dots-only' && (index.h("div", { key: '77acce250b8cf26da0824d202919899557da1663', class: "KCarousel-body" }, this.variant === 'arrows' && (index.h("a", { key: '323da00b147fa7db0a1b61ac7832bd5881375ca8', 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) }, index.h("dga-icon", { key: '8add7c7d5db123b77a2370f31df1b1cd77d8a245', icon: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), index.h("div", { key: 'a33ba5ffc1f96fb8c3cb73969061b4fc23e16ee8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, index.h("div", { key: '085cf45f315ac232d6365ab760362a0525a1448c', style: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.LEFT) }, index.h("dga-icon", { key: '97be1096ff4062aeb584d00f132a78dd2c7c8e55', icon: this.isRTL() ? 'arrow-right-01' : 'arrow-left-01', variant: "stroke", type: "rounded", size: 24 }))), index.h("div", { key: 'd1f7b8c1009f4aa7e58f5dd5463a4f9212d5f3a8', class: "KCarousel-container", style: { overflow: 'hidden', maxWidth: `${this.childWidth}px` } }, index.h("div", { key: '32c47394aca42d309314a11b07c1c70deb238946', style: {
                 display: 'flex',
                 transition: `transform ${this.transitionDuration}ms ease-in-out`,
-            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '34407b5227c2ae2270d6bdffb2c6c947a71a2790' }))), this.variant === 'arrows' && (index.h("a", { key: '34614a582c2cbc62664f0a015cf8fab6a3ea86ec', class: {
+            }, class: "KCarousel-slides", ref: (el) => (this.slidesContainer = el) }, index.h("slot", { key: '7590de7cc7398b93a563d469e4c590212a8a7e85' }))), this.variant === 'arrows' && (index.h("a", { key: '271cf82120df9c3bf7c5887e304e3a4721122ef9', 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) }, index.h("dga-icon", { key: '3af6a213320a9c57b6e72801a681d39b6585af3a', icon: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (index.h("div", { key: '14caa543cfc882219849a5f1b00af5a863eb5c88', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index$1) => (index.h("span", { class: {
+            }, onClick: () => this.changeSlide(this.DIRECTION.RIGHT) }, index.h("dga-icon", { key: '87651fb515125ee2bb8e2e36ae3c4dd6c5d24294', icon: this.isRTL() ? 'arrow-left-01' : 'arrow-right-01', variant: "stroke", type: "rounded", size: 24 }))))), ['dots', 'dots-only'].includes(this.variant) && (index.h("div", { key: '0a0c7621233bb51da617375b7c97e6645c85aefb', class: "KCarousel-dots" }, Array.from({ length: this.childrenLength }).map((_, index$1) => (index.h("span", { class: {
                 'KCarousel-dot': true,
                 'is-active': this.isHighlighted(index$1),
             }, onClick: () => {
@@ -128,7 +128,7 @@ const CarouselItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '8e5becd80d23f87ca5640613bb683d8fed840957' }, index.h("slot", { key: 'fa6c88d26750b613e565c1b236e1c04a4c754c4b' })));
+        return (index.h(index.Host, { key: '5de58bac361baad96bcf735c15a133801854c0ca' }, index.h("slot", { key: 'dbddb8ae8602b5f95991d784ce7816e56b936bde' })));
     }
 };
 CarouselItem.style = dgaCarouselItemCss;

package/dist/cjs/dga-chart-usage.cjs.entry.js

@@ -7,7 +7,7 @@ const DgaChartUsage = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'f98e81ef6a1b6c74584ee637a1892637b295d69e' }, index.h("h1", { key: 'f4dc6a49068bf5b6b640960c909336a1e0448974' }, " Chart Example"), index.h("div", { key: '4a8f8745813b053517568f267d87bc5baba38523', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '59d65ce0da03f7c129210136c140a07805310dd6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-chart", { key: '656cfe6f68e5063b06ad5105ec706bdd29c6bafa', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), index.h("dga-chart", { key: '13a2ae3355f1ff70cbfe5d15ae1d6c01e61ce054', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), index.h("dga-chart", { key: '29f13dbfb5ca6755d7d1d02677411c6798e943a3', type: 'line', series: [
+        return (index.h("div", { key: 'c44983ce923c266cfeaf26f2eb148b7fde83133f' }, index.h("h1", { key: '308acc78c6ffd51f7ff8287c59f69465a5547819' }, " Chart Example"), index.h("div", { key: '278a2432057520533cc25f8c5c5d7af6aeadc585', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '00958f0f49c19aa081439abc2c7d042cbb711681', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-chart", { key: '989539e7bcdb694db344d0f1d25a575d72801cef', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), index.h("dga-chart", { key: '0c8a464b9de5f4ad733f48f297d3b770ac19b9d4', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), index.h("dga-chart", { key: '5c188b9e3a15741a38074e669dfb2016bfc140a9', type: 'line', series: [
                 {
                     name: 'Series A',
                     data: [1.4, 2, 2.5, 1.5, 2.5, 2.8, 3.8, 4.6],
@@ -25,7 +25,7 @@ const DgaChartUsage = class {
                 title: {
                     text: 'Active users',
                 },
-            } }), index.h("dga-chart", { key: '939a63747f6f7ecc53773fb905ad25e1b829dd0f', series: [
+            } }), index.h("dga-chart", { key: 'a57a94e5bbe4c3d2b4fbd91fb247ef4041a8140a', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

package/dist/cjs/dga-checkbox-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaCheckboxUsage = class {
         this.variant = 'neutral';
     }
     render() {
-        return (index.h("div", { key: '657e02ca429e61dc3c69f03ca4713f7f490acff4' }, index.h("h1", { key: '009b790c4ebd2dfd57f9417644167e4a12731811' }, "Checkbox Example"), index.h("div", { key: 'a22382e8088dd1af150d283c0dd7fae316249b5d', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'c26ee773857a7c6d50b8606147b57b363c8f0cc7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("h1", { key: 'ecef81a3af106be510bd07c6c6b146a8956f6c44' }, "test"), index.h("dga-checkbox", { key: '305ae9eaa7437668131dac41c92bd25f33776099', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), index.h("dga-checkbox", { key: 'd0f555bad89339e225972cfa8114faea6fcff33c', size: 'lg' }), index.h("dga-checkbox", { key: '1495f1ee81452c4497650f29ed6f0b2e1900ed7e', size: 'md' }), index.h("dga-checkbox", { key: '4c79ac1b264bf1645d534644b35c15c22e72fdb6', size: 'sm' })), index.h("div", { key: '38f92ac5f0d0a78b5d6cb880c5a2e01efd750360', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '7aadd8375e21ed45dee60e0a74f711e94e2223b4' }, index.h("h1", { key: 'dc5ca4c847ba26136f50da12f11c84c03df3efe1' }, "Checkbox Example"), index.h("div", { key: '3ec13a3f85affd4004b424e7522752186bd08f34', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'bdb61a2d56d41b71efe8d4214771f0ab8de264f7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("h1", { key: 'fe201422cbf898e96711c900e327c0a6fcadd7d0' }, "test"), index.h("dga-checkbox", { key: '31a6bba527c6d168446e2b1674baad3dc9c4fbfe', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), index.h("dga-checkbox", { key: '058e4bcd4f9eb79fde15d738834326668d9969e1', size: 'lg' }), index.h("dga-checkbox", { key: 'c36fc43a9c5beb510c618971ec4ef35269bc4937', size: 'md' }), index.h("dga-checkbox", { key: '85e914e175e2e75e42b681dc911deb683571dafa', size: 'sm' })), index.h("div", { key: '5a9f7c9759d8b6a91497527358bc007e4734770c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-checkbox.cjs.entry.js

@@ -53,7 +53,7 @@ const DgaCheckbox = class {
         this.isChecked = newValue;
     }
     render() {
-        return (index.h("label", { key: '787168ad4c73ee634969de203c69858e61bd5630', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}` }, index.h("div", { key: '4917138cbb89b80158154ae1825c387e449dd913', class: "checkbox-main" }, index.h("div", { key: 'f46a45762ccb387876a05feb92de99a8e835eeb1', class: "checkbox-main__content" }, index.h("input", { key: '7dba10008da8ebca309c41d0d2ee883acce3e602', type: "checkbox", name: this.name, value: this.value,
+        return (index.h("label", { key: 'abe6759e55467031404b9d640a0b7e968d0b8be6', ref: el => (this.labelRef = el), class: `checkbox ${this.color ? `checkbox--${this.color}` : ''} checkbox--${this.size}` }, index.h("div", { key: '510aef1b9d8601a47de9a37e80acab1a552f3927', class: "checkbox-main" }, index.h("div", { key: '7788cc0ea76d6722bad9f927ffc142e3a4550b7c', class: "checkbox-main__content" }, index.h("input", { key: 'c578c6a9212df187d9c6b82258daa7d1711f2270', type: "checkbox", name: this.name, value: this.value,
             // id={id}
             // {...(customAttribute.key && {
             //   [customAttribute.key]: customAttribute.value
@@ -65,7 +65,7 @@ const DgaCheckbox = class {
                 (_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 }), index.h("div", { key: '787c1c2136f1d3088fe58974e86ff48ad4848734', class: "checkbox-container" }, index.h("span", { key: '32e71bf897db07d910a974352337bf602b39c1c1', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? index.h("dga-icon", { icon: "minus-sign", variant: 'solid' }) : index.h("dga-icon", { icon: "tick-03", variant: 'solid' })), index.h("span", { key: 'ae21b8d5b4a9a5cdae989e86bab9d0901241d642', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, index.h("dga-icon-v2", { key: 'bc88eab4e863ab0923561331e1114609cb2c7ca4', name: 'remove-01', variant: 'solid' }))), !this.helperText ? (this.label && index.h("span", { class: "checkbox__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "checkbox__label" }, this.label), index.h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: '56795666001c8d48a4c10b39f3061263468f800a', class: "checkbox__warning" }, index.h("span", { key: 'bfa8e4457b68393c07ac84f6dc4e277f2eee2d2a', class: "checkbox__warning-icon" }, index.h("dga-icon-v2", { key: 'ca0454e322ca3b6470dcb007d8e161c96d31851d', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), index.h("span", { key: '4beb1f3e6f66b3fa5f38d927b98373c9c9c40b01', class: "checkbox__warning-text" }, this.alertText))))));
+            }, onInput: this.onInput, checked: this.isChecked }), index.h("div", { key: '38af8275e1c9ad37f2bbab5f935032b8abdb3e8c', class: "checkbox-container" }, index.h("span", { key: '436353967d59a6f0e1b2e8f3f7789cf1d3094d9f', class: "checkbox-icon checkbox__checked-icon", style: { display: this.isChecked ? 'inline-block' : 'none' } }, this.Indeterminate ? index.h("dga-icon", { icon: "minus-sign", variant: 'solid' }) : index.h("dga-icon", { icon: "tick-03", variant: 'solid' })), index.h("span", { key: '2b1f2b79dd60b109c0043773aca10cf353cd30b6', class: "checkbox-icon checkbox__indeterminate-icon", style: { display: this.isChecked ? 'none' : 'inline-block' } }, index.h("dga-icon-v2", { key: 'a9220322fbe441f31e2afc535538bbd6737738ae', name: 'remove-01', variant: 'solid' }))), !this.helperText ? (this.label && index.h("span", { class: "checkbox__label" }, this.label)) : (index.h("div", { class: "dga-flex-column" }, index.h("span", { class: "checkbox__label" }, this.label), index.h("span", { class: "checkbox__helper-text" }, this.helperText)))), this.alertMessage && (index.h("div", { key: '23b03abd7ffb247a4cbd40c456c0306863c76a6f', class: "checkbox__warning" }, index.h("span", { key: 'c5c9392a90428a714387cc3782b8a9a2156805f0', class: "checkbox__warning-icon" }, index.h("dga-icon-v2", { key: 'bc228dbbf56e42a1ef12a4252bc800736df6b41d', name: 'alert-circle', variant: 'stroke', type: 'rounded', size: 16 })), index.h("span", { key: '4ee49ea2fd241d9d0b5256623546429d4953ed59', class: "checkbox__warning-text" }, this.alertText))))));
     }
     static get watchers() { return {
         "checked": ["watchMaxValue"]

package/dist/cjs/dga-chip-usage.cjs.entry.js

@@ -8,14 +8,14 @@ const DgaChipUsage = class {
         this.isSelected = false;
     }
     render() {
-        return (index.h("div", { key: '0178f4d6fd4b0719a2d3434d39f86bb66ad142f1' }, index.h("h1", { key: '907c68073c0b297355aecaacde5e247ec09f480d' }, "Chip Example"), index.h("div", { key: '372fb45c5eeda1ee383972ad6d2dab7a031daf42', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'cb2aa1e9c18f64a1b681d5b3ae50262208a120db', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-chip", { key: '2e5a611ef8ba489f242e09562a73054dde3ed496', label: "Label", variant: "neutral",
+        return (index.h("div", { key: '66eda235a7ec6446b51d9cadfdd3b08559e5daf8' }, index.h("h1", { key: 'b458c2f4fc61414f443a598ff8d60e7f0758ae83' }, "Chip Example"), index.h("div", { key: '6a60a71eb7c0ced5bafd2ae38bc57639be3b70c1', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'f704d56e4f8bf784740e53fba5084af0632ddd66', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-chip", { key: 'a964890d9e48a0b3b16d6c15056e4ed3c1e0daeb', label: "Label", variant: "neutral",
             //   outlined={false}
-            rounded: false, size: "lg" }), index.h("dga-chip", { key: '0b476dc34c94286ce0bf263c86a0bd26840d0d64', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), index.h("dga-chip", { key: 'c135fca8c1eab755708382570bfee54a9d28926f', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), index.h("dga-chip", { key: '023fe5cefaed3d957d37e4d5311ec5d23c89b858', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), index.h("dga-chip", { key: '1258767d03a873b5541a066f531e83effa475fb1', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), index.h("dga-chip", { key: 'f514a151ac14828bcbeafebbdd631c91db0c2192', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: '720b5c589d97d5c0ab0471e4997a6f0354204f9a', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("dga-chip", { key: '5b6fbb30727bca96ea55fb9179ad031373699ce7', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, isSelected: false }), index.h("dga-chip", { key: '92002798917bb8a4a231abe0441bd25dcc377ff0', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), index.h("div", { key: 'deb8e27d0ef297790ceea9da959d5112815ff012', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, index.h("dga-chip", { key: '53bfbbe7b7cbcbeea18e161ded679c8ef85e4189', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
     }
 };
 

package/dist/cjs/dga-chip.cjs.entry.js

@@ -50,7 +50,7 @@ const DgaChip = class {
         (_a = this.sxStyleManager) === null || _a === void 0 ? void 0 : _a.cleanup();
     }
     render() {
-        return (index.h(index.Host, { key: 'bf57c023e912b2faa134eaf9047841f7bc9c412f', id: this.componentId, style: this.rootStyles }, index.h("span", { key: '0eb4ef111e7946ccb7361ae3bd979bf81072511b', 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 (index.h(index.Host, { key: 'b45e82abd297ad28cd4b4c91fc1bd520592c53ee', id: this.componentId, style: this.rootStyles }, index.h("span", { key: 'a1eba904c424ecf00f6d12fa7d11bbc91b3bf013', tabindex: "0", class: `chip chip--${this.variant} chip--${this.size} ${this.rounded ? 'chip--rounded' : ''} ${this.disabled ? 'disabled' : ''} ${this.pressed ? 'pressed' : ''} ${this.isSelected ? "selected" : ""}`, onMouseDown: () => (this.pressed = true), onMouseUp: () => (this.pressed = false), "aria-disabled": this.disabled, onClick: () => {
                 if (this.isSelected) {
                     this.isSelectedState = false;
                 }
@@ -58,7 +58,7 @@ const DgaChip = class {
                     this.isSelectedState = true;
                 }
                 this.onChange(this.isSelectedState);
-            } }, this.leadIcon ? index.h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? index.h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', index.h("slot", { key: '3368c8116e95a527cd3543d18310766f75d39bcc' }))));
+            } }, this.leadIcon ? index.h("span", { class: "chip-icon" }, this.renderIcon(this.leadIcon, this.leadIconProps)) : '', this.label, this.trailIcon ? index.h("span", { class: "chip-icon" }, this.renderIcon(this.trailIcon, this.trailIconProps)) : '', index.h("slot", { key: 'c3c0fc376ae83a4fbc6fcac51f4f3c59e5a6c038' }))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/dga-circle-skeleton_4.cjs.entry.js

@@ -11,7 +11,7 @@ const CircleSkeleton = class {
         this.width = '80px';
     }
     render() {
-        return (index.h("div", { key: '1c4aba90588b8e23561c6999447db5a2bceccff4', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
+        return (index.h("div", { key: '03c2c843297c35697447c1c0da45cc120344a1ca', style: { width: this.width, height: this.width }, class: `circle_skeleton type${this.type}` }));
     }
 };
 CircleSkeleton.style = styleCss$3;
@@ -25,7 +25,7 @@ const LineSkeleton = class {
         this.type = '1';
     }
     render() {
-        return (index.h("div", { key: 'a531aa32cc62a525b2026fdf0ab940b04e6b8928', class: `line_text ${this.size} type${this.type}` }));
+        return (index.h("div", { key: 'f81c9091cc5ff82ee2461eaffec46a4f6fe31c4b', class: `line_text ${this.size} type${this.type}` }));
     }
 };
 LineSkeleton.style = styleCss$2;
@@ -40,7 +40,7 @@ const RectangleSkeleton = class {
         this.width = 'long';
     }
     render() {
-        return (index.h("div", { key: '06beaee8ae43981602ad4274fcecdd7841e3e590', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
+        return (index.h("div", { key: 'ae2d21016cf59ce07e51f93ae6852a8b263aa8dd', class: `rectangle_text ${this.size} type${this.type} ${this.width}` }));
     }
 };
 RectangleSkeleton.style = styleCss$1;
@@ -66,7 +66,7 @@ const SquareSkeleton = class {
         return borderRadiusMapper[this.width] || '';
     }
     render() {
-        return (index.h("div", { key: '800fd0011d6ce7f4b2b608f6f4b1694453e6a549' }, index.h("div", { key: '0781af9c657c121922acf68654c18b4e0d737fff', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
+        return (index.h("div", { key: 'd19cc65a06fb699ba2429d6db6c8c212f4a324f2' }, index.h("div", { key: '4c6fb1ede1a043245eb773b257d30593fde22e80', style: { width: this.width, height: this.width }, class: `square_skeleton type${this.type} ${this.getBorderRadius()}` })));
     }
 };
 SquareSkeleton.style = styleCss;

package/dist/cjs/dga-circular-progress-bar-usage.cjs.entry.js

@@ -12,7 +12,7 @@ const DgaCircularProgressBarUsage = class {
         this.percentage = Number(target.value); // Convert the string value to a number
     }
     render() {
-        return (index.h("div", { key: 'f21480e51ff79b4d537c228690b894ede442a807' }, index.h("h1", { key: 'ef9a852a59d01a617fc818424cbf95e51ccb40b6' }, "Circular Progress Bar Example"), index.h("div", { key: '2d17ae6c3bbe9c87871d8f81e9b17681d0e50230', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: '88e94e743f8825cad4f507532c6f385dce6f486d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: 'bcb49f7969a53cba89220ff673b4c99b2ac240a3', size: "200px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: '73979783ed901cc3eda58b754277d192a11aee88', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'ae01aea09cbe7e1d77420714d2d1ab659a2298a0', size: "120px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: '64785601b3252acc40561ea587c783d0b026cc0d', size: "80px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: '0e820a9fa3729b9d31f84b84f19cb133ac2c6f15', size: "64px", percentage: this.percentage }), index.h("div", { key: '9896d944d3ab34ba63ee07583b5f6fcae45b829a', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: '9d0f9ae93e5915d866a696d75773616f4c6773c2', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '4bc48a52a159bc2980827904d8f327ecd60cc723', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'f68eb463bca3ed2167a4c4c607b496adb9201f07', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'f31110b46df0746191e25e8bee37b07944fd9bf4', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '76b350ccc0feaf765ab771a9b720a75f711bb34f', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), index.h("div", { key: '276089e86c5d67e5ec229924dc465177ee043eee', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: '810290a41fbe4f15186dc7fcd9269e931c522274', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '809392514a89a5a16637c6b33517f06b30bc3a35', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'c92fde5641c8d8f194b94922081bed65ea1a0c1d', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'e66529d2037e370b6fd4c0e1b4ee55eb9cb68d78', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '12cdada45b3525143507f61d7a6695af500c0ca5', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), index.h("input", { key: '180210743b4c136de17e5ba2175d88fc2faafce6', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), index.h("div", { key: 'd94b40a81e08c0d854320c7a8ec1e2204894ae60', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: 'f792a3af553db0c0541a22c45eaae234ff6dc4de' }, index.h("h1", { key: 'ecbff5f4aa7b5ec601b2d62367bbc6e22c32d5bb' }, "Circular Progress Bar Example"), index.h("div", { key: '2f801fc1862c2b5e32f122bddb686b0fd6ff29e9', style: { padding: '50px', gap: '20px' } }, index.h("div", { key: '79a31a29f61119f6b554b2b588a44ba68bc403fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: '8f0249469ed6125e55ac9e65d37942ea1660e956', size: "200px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'be06b4117a327eb276f4229edf6cbd21ec4e2400', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '0c638dd2d8d226e672e1eb59248ea3689fb38743', size: "120px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'f1b1706888afee169fbd9b0a25abe16a94271f12', size: "80px", percentage: this.percentage, text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'ccd172cbdaf0c094b684b076f2e2f4bae50cc2da', size: "64px", percentage: this.percentage }), index.h("div", { key: 'c0352cda4a7633922b9a4483e77490d06696e701', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: '8d303b7571457b0ffb24288f82b468071e50b89c', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'd7ec29d5f21aefd1e404ee34cf5d871cf7fe0c14', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '43df18ae5f75907e8c85f0ab11c7391cb0ff65c2', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '30f9d057815f6c4641806a8e96674096e635c16c', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '7aa7a3435708d7edef5ef376cb88228d094e25bd', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), index.h("div", { key: '281497eb38cffa426c35b71269f3db078044ef3f', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, index.h("dga-circular-progress-bar", { key: '7c22851c0d9e4b1b98334c66957ce4dbc5530f44', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: 'b18ad958627c5f121c880187c7dfd079c477c4f5', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '739e6e9d73c806215e8499e670b26a3e0ffbbcd5', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '9adb43a66484a552c155a29a8fb65c6933bb5270', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), index.h("dga-circular-progress-bar", { key: '12ff91d2ad603662862cc176ccfa14d83d6f0c1c', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), index.h("input", { key: 'b9e188f6439bb70443a8384882dba8f13da80014', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), index.h("div", { key: 'a76748255a4f31b7d968120cbf50fd8891db53e2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-circular-progress-bar.cjs.entry.js

@@ -24,7 +24,7 @@ const DgaCircularProgressBar = class {
         const radius = (this.sizes[this.size] - strokeWidth) / 2;
         const dashArray = 2 * Math.PI * radius;
         const dashOffset = dashArray * (1 - this.percentage / 100);
-        return (index.h("div", { key: '070667ec9a0e72631b65378bcaf9fb09d5cbbd7b', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, index.h("div", { key: '859b2ecb05fd37c0aa30336796bbac9894ec14d8', class: "circular-progress-bar__label" }, this.variant === 'success' && index.h("i", { key: '07d34627d42e8456ec06b6d6ef531898f594698b', class: `circular-progress-bar__label--icon hgi-solid hgi-checkmark-circle-02` }), this.variant === 'error' && index.h("i", { key: '095e4483cad22d878d7a1b9df9be94163a457f9c', class: `circular-progress-bar__label--icon hgi-solid hgi-multiplication-sign-circle` }), this.variant !== 'success' && this.variant !== 'error' && index.h("h4", { key: '382ecb8376d1e099ec7566270971ca63efd66b60', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && index.h("h5", { key: '9e98c94452f6b00c9273725943aa0f438ced1331', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), index.h("svg", { key: '7c8f7542cd0488e2b6bb63f1859a28ebd532fb75', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, index.h("circle", { key: 'e95f6b028bc5ec60d88d2421c42b5a9c5b1db098', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), index.h("circle", { key: '941e34ca8d6f9ea3b1d67f4f3f27c79ca0218de0', 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 (index.h("div", { key: 'e37e0ea67750fef5535663a11ea279db7fa26454', class: "circular-progress-bar", "aria-size": this.size, dir: this.RTL ? 'rtl' : 'ltr' }, index.h("div", { key: '026b717cfa4615502652e44fd2ac505ad73aefef', class: "circular-progress-bar__label" }, this.variant === 'success' && index.h("i", { key: '1289b6da9fa31ae8ed619440ba9fb59c8378cf70', class: `circular-progress-bar__label--icon hgi-solid hgi-checkmark-circle-02` }), this.variant === 'error' && index.h("i", { key: '3679e7f57f24acd750bd223a2f94024bff84681a', class: `circular-progress-bar__label--icon hgi-solid hgi-multiplication-sign-circle` }), this.variant !== 'success' && this.variant !== 'error' && index.h("h4", { key: 'c9b84689865dd2e9615b33a188b91b99820e7765', class: "circular-progress-bar__label--percentage" }, this.percentage, "%"), this.text && index.h("h5", { key: '08875600b01761795259c2f3bbb9e29db132470b', class: `circular-progress-bar__label--text ${this.variant}` }, this.text)), index.h("svg", { key: 'edabbdf6d994972ddf4b4efa9c21b716bd18d9ab', width: this.sizes[this.size], height: this.sizes[this.size], viewBox: `0 0 ${this.sizes[this.size]} ${this.sizes[this.size]}` }, index.h("circle", { key: 'd1bfefecf856ce90501a63e6f94d5f429f648b02', class: "track", fill: "none", stroke: "#e6e6e6", r: radius, cx: this.sizes[this.size] / 2, cy: this.sizes[this.size] / 2, "stroke-width": strokeWidth }), index.h("circle", { key: '5fcb3119155ad02cf5e094cd443058a096f81497', 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/cjs/dga-codesnippet-usage.cjs.entry.js

@@ -44,7 +44,7 @@ h1 {
         };
     }
     render() {
-        return (index.h("div", { key: '8fec3258f454d167e0ff8814303754d0a764885e', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, index.h("dga-codesnippet", { key: '505ca45d20f82e97e3a9e4186f1dd0f3ccd2728d', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), index.h("dga-codesnippet", { key: '72f1a4ab0fc27ed9f8d411b3b1ee0dbc34aa51d4', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        return (index.h("div", { key: '434ca7773cd5992c45d5a88ce7e22f4f9966188c', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, index.h("dga-codesnippet", { key: '42f826792e94ce8f63000da485910d9b332f4a60', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), index.h("dga-codesnippet", { key: '4d0b83f69356d1da6208147cf21f7a207c8b4050', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
     }
 };
 

package/dist/cjs/dga-codesnippet.cjs.entry.js

@@ -41,17 +41,17 @@ const CodeSnippet = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'd956081ad5e9447527e19bb54230239351be3591', class: "code-snippet-container" }, this.showTabList && (index.h("div", { key: 'cbaac6ed73b1d3a04afb33c19ee9bbe082403bbe', class: "code-snippet-tabs" }, index.h("dga-tabs", { key: '11e74c6f975da810bb4091a1db6b117f9acac275', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
+        return (index.h("div", { key: 'c8b8f6966d3a5697d391710ec7c49a7c7812d6dc', class: "code-snippet-container" }, this.showTabList && (index.h("div", { key: 'e12158c24ef3271e4d42ae37d59b3295d59bcb6b', class: "code-snippet-tabs" }, index.h("dga-tabs", { key: 'b34b729e67baf2ebf06059bda346422a07e73604', divider: true, orientation: "horizontal", size: "lg", tabsList: Object.keys(this.snippets).map(tab => ({
                 label: tab,
                 onClick: () => this.handleTabClick(tab),
-            })) }))), index.h("pre", { key: '72b752f74ca5b3dd3eb4f75a191102b48964d193', class: "code-snippet-code-display" }, index.h("dga-button-v2", { key: '07d7d58f13132c4a0dd5ab44bcf01b88bd857137', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
+            })) }))), index.h("pre", { key: 'c27a625639f0331d7d062de7867d58baa7b5f343', class: "code-snippet-code-display" }, index.h("dga-button-v2", { key: 'c3e27261b30dbe7f50636a5f2dea31fc9dc7c9b0', size: "lg", iconOnly: true, variant: 'subtle', leadIcon: true, leadIconProps: {
                 name: 'copy-01',
                 size: 24,
                 color: '#161616',
                 variant: 'stroke',
-            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), index.h("code", { key: '83ff0cc16564fe090046c18e128ca0c7a634716a', style: {
+            }, class: `code-snippet-icon ${this.type}`, onClick: () => this.handleCopy(), onColor: false }), index.h("code", { key: 'cf5a2a615b327b37e1e1cbd29ad9fedc6b78b2d9', style: {
                 height: this.showButton && this.type === 'multi-line' && !this.showMore ? '150px' : 'auto',
-            } }, this.renderWithLineNumbers(this.snippets[this.activeTab])), this.showButton && this.type === 'multi-line' && (index.h("div", { key: '9d130a5dfaf6e51cd496ddc6e086b0c4f9ce55b5', class: "code-snippet-wrapper" }, index.h("dga-button-v2", { key: '84d734acb82a90cbcb7410bcf7f692ae89695207', 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' && (index.h("div", { key: '5935a319d08f6d09a09aedd0d92dcda804d27885', class: "code-snippet-wrapper" }, index.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 }))))));
     }
 };
 CodeSnippet.style = styleCss;

package/dist/cjs/dga-collapse-usage.cjs.entry.js

@@ -9,7 +9,7 @@ const DgaCollapseUsage = class {
         this.open = false;
     }
     render() {
-        return (index.h("div", { key: 'ce45988cc189e31973289c2785bd351adcbcd027' }, index.h("h1", { key: 'd73ae20e4ac38dbb1ddd6276ba1a3aa1c5328174' }, "Collapse Example"), index.h("div", { key: '9a1b43f1f384c22d3428aadf3d19af7dbe343ed5', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'aa3d3742b330872605c3c7ec42a5073eb97e2b0a', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'a3381846bea7990d01306834ffa3e07f896f0853', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: '08e7ae751bbf3866a45a37f241c9d8e748b36bb9', onClick: () => this.open = true }, "open"), index.h("button", { key: '367a2f8354b616d07ce6f8f0c64f57d8adfc0361', onClick: () => this.open = false }, "close"))), index.h("dga-collapse", { key: '7b5f2514c6f258b1a5b21f286d399114abe59b07', open: this.open, "transition-duration": "0.1s" }, index.h("div", { key: 'f358334a58500c364213da1aff61cdd8925fbef9' }, "Your content here")), index.h("div", { key: '666f605c04a91b66ac0013b3b3696447c16e4116', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (index.h("div", { key: '75a8c811d8165102d94c6c6d7dc7051eafa4ec8f' }, index.h("h1", { key: '36f3d120509afcfdbc137a512cbce17d857b4dfc' }, "Collapse Example"), index.h("div", { key: '8bf5690e3586d469542cb1bf8c8db674f22bfc5c', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'c4a822a44ce931a4626b3cd40abc6cede46f8cae', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: 'f6e6066edc55b7ddea6e4d74466799b99f8265f2', style: { display: "flex", justifyContent: "center" } }, index.h("button", { key: '5519116c21392caeeb1d59818e7fac04973e8483', onClick: () => this.open = true }, "open"), index.h("button", { key: 'dbf4426f54186a60c7d6e4136db839c41b032cd1', onClick: () => this.open = false }, "close"))), index.h("dga-collapse", { key: 'c465bda11c855d670726c7f563ed7ff95dcdd10a', open: this.open, "transition-duration": "0.1s" }, index.h("div", { key: '738f38aceb7247336a1a7ad675bbf2edff107ee0' }, "Your content here")), index.h("div", { key: '4267fa284573263f984a45a95c04fe5fed11e775', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
 };
 

package/dist/cjs/dga-collapse.cjs.entry.js

@@ -39,7 +39,7 @@ const DgaCollapse = class {
     }
     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 (index.h("div", { key: '26e327d803ef70e4bd6c22af14e1945f17516263', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, index.h("slot", { key: '22f7538dcb833ffbd717a4d89e114ed5c8162c74' })));
+        return (index.h("div", { key: '9715bed0f6b0c892fc33ea1264b010a47e8876c3', ref: (el) => this.containerRef = el, "aria-hidden": !this.open, style: styles }, index.h("slot", { key: '2b7465b46183841607468dd39d13ec3d4b356ca6' })));
     }
     static get watchers() { return {
         "open": ["watchOpen"]

package/dist/cjs/dga-content-switcher-usage.cjs.entry.js

@@ -8,7 +8,7 @@ const DgaContentSwitcherUsage = class {
         this.value = 0;
     }
     render() {
-        return (index.h("div", { key: '6903e09d27c812323da710c32b30d7a7c67e2aa6' }, index.h("h1", { key: '2dac404327f2f2259513f4902a0af1dfd8303856' }, "Content Switcher Example"), index.h("dga-content-switcher", { key: '3e77ad327e45df9d3090d66dd2d307d54d238f1a', size: 'lg' }, index.h("dga-content-switcher-item", { key: '45428c19a30312c5171e7668553537999f55677c', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'ce8d129c1dc1fda71c1d4327e0c68f09cb1db245', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '0367aae3341396a297c46ed57a679bebb67c5707', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: 'a63ee1fc31a1929be258d2d30614dddc545e819d', size: 'md' }, index.h("dga-content-switcher-item", { key: 'e108e0f2a04360ecfb9f716d74333cd4c10fa937', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '9d20eb19271d3240bd015dfa5d745091d519e203', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '375268ab4e6f1c490f897d488cd890e6bff01a93', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: '4a625a1fa721c34925814a1f19c1e86643f8da13', size: 'sm', onColor: true }, index.h("dga-content-switcher-item", { key: 'e18724ed936f1ddab4f9f4ce6acb9acb984f7043', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'b779698cc4246daa9a73125203fd8df79608be4b', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: 'a9a5e220e10ded846d3cff85927f4e0d4465cd64', label: "Option 3", content: "This is Option 3 content." })), index.h("h1", { key: 'f0155b208cedb99ff722d3b115cac0fd9c837202' }, this.value), index.h("dga-content-switcher", { key: '341e37fb473c68ec39c1dd11b69cc6378eb6b9f6', size: 'lg', value: this.value, onChange: (val) => this.value = val }), index.h("dga-content-switcher-panel", { key: '309a4263c65ebe2445cd4ce6235d947702565991', value: this.value, index: 0 }, index.h("div", { key: '0c0f27a7290b9496197ee93925ae58d3f9400386' }, "Content 111111111111111")), index.h("dga-content-switcher-panel", { key: 'b9d4efc9f0faacc375c3a66f22886fce47a0f929', value: this.value, index: 1 }, index.h("div", { key: '236e2b0609da7156a9ab2767496f2841263a5334' }, "Content 2")), index.h("dga-content-switcher-panel", { key: '3b8adfb240522d3b3b61ad9a1346130f236f4ae7', value: this.value, index: 2 }, index.h("div", { key: '420703d104170f4f79f0eb9f8911f1cac7792b8c' }, "Content 3"))));
+        return (index.h("div", { key: 'eea558495b5f1d385f2a819af639961dd393cf86' }, index.h("h1", { key: '4234b166be1f37fc956b10b8609e8b53a4c58a94' }, "Content Switcher Example"), index.h("dga-content-switcher", { key: 'cb3b71efce2572e279afaa9cb6155ced6457cee8', size: 'lg' }, index.h("dga-content-switcher-item", { key: 'eeed5036984c3908fda077992d0e05d50a279861', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '529f0cdc1c5bdd8c187346e14db3fdbe77efa9fa', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '96d65cf41f8075f85729d00a49bb985fa7a36f93', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: '9ce93a4de497a23d5f670f65287b05cb760d5a7a', size: 'md' }, index.h("dga-content-switcher-item", { key: '8325df5870599f274e3fbfda7562c3fb260ec5e4', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'f9039165e5b15106bdddffd0370c5ba36b2867d1', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: 'ddd4c5c1bb1a13509b8f94fdcc6ef00f59001267', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: '8fc045dd65cc364a3ec3a02abc166a32eddde93d', size: 'sm', onColor: true }, index.h("dga-content-switcher-item", { key: 'ef83bda1eed6cfff47707a04c385a1cb30e84880', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '9303cf60d830f40dc53ef5e6d605b27a5d7057cb', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: 'f11f6e8ef79fac28a11cde79fddc7874c04f50d1', label: "Option 3", content: "This is Option 3 content." })), index.h("h1", { key: '85c2ae31f5ee725d55aeab5aa96417c61affd4c1' }, this.value), index.h("dga-content-switcher", { key: 'f47a39226623a0295db0f8ba3563118d9b4dc671', size: 'lg', value: this.value, onChange: (val) => this.value = val }), index.h("dga-content-switcher-panel", { key: '5fe9e0620e66a1b05728ca0917968128eac51c3a', value: this.value, index: 0 }, index.h("div", { key: 'a4c294355980c2b803941e65e8732f8ff6cdda07' }, "Content 111111111111111")), index.h("dga-content-switcher-panel", { key: '597ffbaef3795399f0487a129a191c149e5aa66c', value: this.value, index: 1 }, index.h("div", { key: '81c2575139c5ce1f6f3b9929b00d1a0f826305b0' }, "Content 2")), index.h("dga-content-switcher-panel", { key: 'a2edf9093b4576644339b97c7c3aedc5d37b2177', value: this.value, index: 2 }, index.h("div", { key: 'e7635f88e640bd33dad80940cf052f9a698cc3a0' }, "Content 3"))));
     }
 };