@platformscode/core 0.0.31 → 0.0.32

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

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

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

@@ -434,7 +434,7 @@
 import { h } from "@stencil/core";
 export class DgaChartUsage {
     render() {
-        return (h("div", { key: 'f98e81ef6a1b6c74584ee637a1892637b295d69e' }, h("h1", { key: 'f4dc6a49068bf5b6b640960c909336a1e0448974' }, " Chart Example"), h("div", { key: '4a8f8745813b053517568f267d87bc5baba38523', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '59d65ce0da03f7c129210136c140a07805310dd6', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '656cfe6f68e5063b06ad5105ec706bdd29c6bafa', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '13a2ae3355f1ff70cbfe5d15ae1d6c01e61ce054', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '29f13dbfb5ca6755d7d1d02677411c6798e943a3', type: 'line', series: [
+        return (h("div", { key: 'c44983ce923c266cfeaf26f2eb148b7fde83133f' }, h("h1", { key: '308acc78c6ffd51f7ff8287c59f69465a5547819' }, " Chart Example"), h("div", { key: '278a2432057520533cc25f8c5c5d7af6aeadc585', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '00958f0f49c19aa081439abc2c7d042cbb711681', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '989539e7bcdb694db344d0f1d25a575d72801cef', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '0c8a464b9de5f4ad733f48f297d3b770ac19b9d4', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), 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],
@@ -452,7 +452,7 @@ export class DgaChartUsage {
                 title: {
                     text: 'Active users',
                 },
-            } }), h("dga-chart", { key: '939a63747f6f7ecc53773fb905ad25e1b829dd0f', series: [
+            } }), h("dga-chart", { key: 'a57a94e5bbe4c3d2b4fbd91fb247ef4041a8140a', series: [
                 {
                     name: 'Series A',
                     data: [44, 55, 41, 44, 55, 41],

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -4,7 +4,7 @@ export class DgaDateFieldUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'e47493fd39924f450f92f9e8f68c043c12e4df5c' }, h("h1", { key: 'd4cf69d43f38b808dbb9830708c17d7912c840e6' }, "Date Field Example"), h("div", { key: '551a9f94a3071badcf01243d8b5ee3184756bd8f', style: { padding: '50px' } }, h("div", { key: 'c3a10cfbadd77ff7ba5a2e41ba4752dffad47b6f', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '07c26c08b8c643dcbe889f40c088354996e46493', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '8696032ed67ff748798102720aabcd78952818b7', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        return (h("div", { key: '20bc43ac43eace86456e2b814688eeb2bc98cb84' }, h("h1", { key: '931f172aa52f7efb81637090c9448d34f68bc8de' }, "Date Field Example"), h("div", { key: '9c82ab0d16cb16f885d8f80a2ff14c19920e9e92', style: { padding: '50px' } }, h("div", { key: '0b5406a22a7a64e78ab9ec9cd5c1a7199a5515eb', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '6a94d756cb6b2b8623571b89f586ec3d871be84d', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '36c5db525e3261b1e3e1148f28d7ab756b65bde8', value: this.value, onChange: (e) => this.value = e.target.value })))));
     }
     static get is() { return "dga-date-field-usage"; }
     static get states() {

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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaPickerUsage {
     render() {
-        return (h("div", { key: 'b52ca0efce71204aed2adaf89202318f0edcd628' }, h("h1", { key: 'd3bb55b0ed385369e9e4b8c84b5ac32d228274a3' }, "Datepicker Example"), h("div", { key: '9bb4e267a566d78e1233515beae77a9de35aedc6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8b01d9914510e772ddea427795d9cb633fd85a5f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'ed93d5b6dd71651203cf68015dc6dc6daa5d5bcb', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'a14cd34017dca39a1ad597f7568df29fe20b08f2', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '65360941d011ac7b4969a3346bcf3ec3e42f3393', range: true })), h("div", { key: 'b86ca5a1008bbce275ffbb1e2e1751e8c0f75bac', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        return (h("div", { key: '7f3a2a55742be2e0e71cc7786237452deb302a7a' }, h("h1", { key: '3db730e06d12e981667a4e25dc5dd22aa43aea86' }, "Datepicker Example"), h("div", { key: '9ec18fe4e87a12a5d42fbdc851932fb27b884eca', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'f9f66d17ac794b89812e00fc7ce7777374dc9753', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'a93bbe1a179cdd450ada050e135c15fc220364eb', inputField: false, qickOptions: true }), h("dga-datepicker", { key: 'd9211cadb5ef2d007f1eb427e183488f1498cb30', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '86422422aadd6b0979fe545164f6255adc6189b1', range: true })), h("div", { key: '633e85c5bac030aa8bd266af53afadef6be074d1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-datepicker-usage"; }
 }

package/dist/collection/usage/dga-digitalSignature-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaDigitalSignatureUsage {
     render() {
-        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', language: "en", extension: ".gov.sa" })));
+        return (h("div", { key: '89d7f4086bc337d5b27632bc680f04d84bcb8289', style: { width: '100%' } }, h("dga-digital-signature", { key: 'a076022d681e29f7c674185394f9cf6b7d23bcd4', language: "en", extension: ".gov.sa" })));
     }
     static get is() { return "dga-digital-signature-usage"; }
 }

package/dist/collection/usage/dga-divider-usage.js

@@ -1,10 +1,10 @@
 import { h } from "@stencil/core";
 export class DgaDividerUsage {
     render() {
-        return (h("div", { key: 'bc740b93b419ee3b10a3bb617b05bba4cd399d2e' }, h("h1", { key: 'aabadc49976d7eddd277aaa8ed59c4070ce37ef8' }, "Divider Example"), h("div", { key: 'e3d21269f94c77f1c628a8514c717badb474bafe', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8bce98d3be0f9b24fa777cdc29754115af9ee6e4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'acfad7ddae093ebfcd94caf5fd15654b003901f8', style: {
+        return (h("div", { key: '5d58a975c0a4b18d43f70bdb8027107f656d5c2d' }, h("h1", { key: '9dd62a137c79c776268c3277066b5118f6b54b5c' }, "Divider Example"), h("div", { key: 'db4f9f318152e4513e8792012321574ddd799502', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'bfb9a857fd001cbe313c662baae447205ba99fa9', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'f585bb29d2d0d19d358ed27557708c62d115b501', style: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '5e85859f43a96529629bd1e8be57733859f953bf', style: {
+            } }, h("div", { key: 'b4bc85da21710237955ba669b59dc78bf8a1e3a7', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a5c3a613dc4e3c7a293ae42cabb67698318c2d27', color: "neutral" }), h("dga-divider", { key: 'c06959904187c8df1c9f5b01772792d432e1de30', color: "primary" })), h("div", { key: '4dd3cfc1a7f41458cadad9ba4a4a8a518ba4053b', style: {
+            } }, h("dga-divider", { key: 'eb08a36df8db42685d156cc84a51b46e7a2fdbb7', color: "neutral" }), h("dga-divider", { key: '643733a1687589345f09da21c852f267b0800ff6', color: "primary" })), h("div", { key: '687aca3acea63336be69283e8329de7a16b617e6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '05e4a992683c9adf6beb1dc85c33eec9d79ce81f', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '2cb98622ae4a1d8a81087e5ffd979e3327388442', color: "primary", orientation: 'vertical' })), h("div", { key: '3d12e3c11e790acb1938666330cf5fdec78be8e2', style: {
+            } }, h("dga-divider", { key: 'ba2b839c70a5c11fbc2d0f5cdf21db115c685e21', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '9333fa77017da203e86008f8f50b0adf3cb7bc40', color: "primary", orientation: 'vertical' })), h("div", { key: '45766c3892447afa1f782611ee30128436f5a056', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '7f3bb282c92259b29bbce48a1a77156d6bbee752', color: "alpha-white" }), h("dga-divider", { key: '612c0f8bf659725d8a6a4893703bbccd3618b530', color: "white" })), h("div", { key: '16baa94bcec06536c8b3699e06c70f226d72dccb', style: {
+            } }, h("dga-divider", { key: '0adc9fee75820f2e1a9e143b7857585c0ef27571', color: "alpha-white" }), h("dga-divider", { key: 'cacae6e54fa3c58daf22e0c30cee115a0ea9719d', color: "white" })), h("div", { key: '76e48a90e1353d1c3e382f059f6c6ef262ac86a6', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'a2ddca2b5403fbf24f9f08e75f7aa38ed2528d1c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '1f928598988acdc734fed4da4cb808a857d1258f', color: "white", orientation: 'vertical' })))), h("div", { key: '895f06dc283a53010fc59b00158585062aca0b82', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, h("dga-divider", { key: '9011feb8a12cc0a519013710a5d6443bb1d18323', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'e643a22a31cb115c8eaebf3edcb6d61aed20f0f3', color: "white", orientation: 'vertical' })))), h("div", { key: 'cabbecffa460d97897fddf3cfddbbb42fff8d60c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-divider-usage"; }
 }

package/dist/collection/usage/dga-drawer-usage.js

@@ -265,12 +265,12 @@ export class DgaDrawerUsage {
         this.open = false;
     }
     render() {
-        return (h("div", { key: 'a5d074d2753ac9fc296d4a554db6db8e5cf72b43' }, h("h1", { key: '254ad4bdf4e3cd53a9da3d940c06fab5cda43ec4' }, "Drawer Example"), h("div", { key: '99f0b246c03eb4e88cf57b6a51995211485c0ec5', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '626ade8402841cfce26a4a3b98c0403900edd726', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1913594c287a448d86aa38b18305c873606ab506', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: 'f5fdcccc2a07105325da3bd0a295bb167f0ec7d1', onClick: () => this.open = true }, "open"), h("button", { key: 'd2884b8c5970ec2b7c775c947c8f52acf78e1813', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '60c090dbd4aba2c3c9438b4f39dd776aa5fb3949', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        return (h("div", { key: '7833f5328c9d67f1fa9a19601c634715c1b07dc4' }, h("h1", { key: 'e4e2622b5d8910bd9ef42042690fcc8deca5c047' }, "Drawer Example"), h("div", { key: '1023f52df6b42ae8c544713ac0fb8c6bc45f0749', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '8a34338fa2a189f934699cfd8f4c7718749e4e7b', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '9c8d4277039c7e03aec4b5d90f917851002eda91', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '282f2dc08f484c2ab949bad62ed36662d409d1e7', onClick: () => this.open = true }, "open"), h("button", { key: '186c62dda19e065654acc62834c0265ceac7342d', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '18fa17e8f09392d80600a22f602eb2fe8df0697b', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
                 "& > .sidepanel": {
                     top: "112px",
                     backgroundColor: "red !important",
                 }
-            } })), h("div", { key: 'e67f8aa5760862ae0e05eeb561d7f301b57b16b3', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: '7a0aa69fe61e96866e0d49d946d5e0ba98dfd5c4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-drawer-usage"; }
     static get states() {

package/dist/collection/usage/dga-dropdown-usage.js

@@ -5,7 +5,7 @@ export class DgaDropdownUsage {
         this.selectedValue = 'Option-1';
     }
     render() {
-        return (h("div", { key: '0a6b57e348ddc9ce5a0964865d5d2af5603f0cb8' }, h("h1", { key: 'df207a773226becdc93f531f2b1499fa61566af4' }, "Dropdown Example"), h("div", { key: '00d703c374e5b3727dc5cfaa984984d3f23917b5', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '8e257d0f1e1ee8b6522d231f54a9b6abf9151931', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '53fc7829cf7bccc4013cf8110ba6a9c2441ff848', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        return (h("div", { key: 'c99ef4abd14f83bb99ffba3d56d63c990555b0cb' }, h("h1", { key: 'f98770aee8ed8778159925c8407f424c2c562fde' }, "Dropdown Example"), h("div", { key: '3768e6fe2f0223143b9003da3b8376e192f9d3b7', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'c5cca93ae6b2b190c0998a38650ecefebb830026', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '30a9771750c35d751e063b514ecc258f38894f51', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
                 {
                     label: 'Netherlands Antiles',
                     value: 'Option-1',
@@ -18,7 +18,7 @@ export class DgaDropdownUsage {
                     label: 'Option 3',
                     value: 'Option-3',
                 },
-            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'e12ad71e46991a1adc6bc48c9f7e9016f9802dba', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'dbbf643ca91c74e0d588b9661f82b86c55372896', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -35,7 +35,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '6b25aa37571846e3a9eab024d8210714908c3a77', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: 'f6f0e02ee967c645019669f0c6710edc45220d37', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -52,7 +52,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }), h("dga-dropdown", { key: '1504cdf3f7aeb48c285c00c9515c1881f3f42bfe', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '994266b66741bdd7e48e12f0cd70fc1f145d4c13', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -86,7 +86,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] }))), h("dga-dropdown", { key: '9eec2e8183875e424ebf805cd27b675ecbb6d99b', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: 'ddf1c397c6323566d301b99ba790661e040747ad', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
                 {
                     label: 'Option',
                     value: 'Option',
@@ -103,7 +103,7 @@ export class DgaDropdownUsage {
                     label: 'Option',
                     value: 'Option',
                 },
-            ] })), h("div", { key: '7447713413d02ad8b39ed86c303c59ed5def5648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: 'f9423cd6720dd1aa65f2c3fba91dc9a52bff75cd', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-dropdown-usage"; }
     static get states() {