@platformscode/core 0.0.25 → 0.0.28

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

@@ -4,115 +4,115 @@ export class DgaCarouselUsage {
         this.variant = 'neutral';
     }
     render() {
-        return (h("div", { key: '2c167e454f0fea4abb9f2f7741a87884b0374673' }, h("h1", { key: '970ed8d05c76f04343458697065c559a4d0a1f88' }, "Carousel Example"), h("div", { key: 'bbe0607440077b6b0a9f611cbf3d1ffa7f2cfb81', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'aa58b629a37660a60e1da21c11da23c91c0dcd1d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-carousel", { key: '1fb3e985bb5dabe096fe12cdffdfa20409b84f05', size: 'lg', arrowsVariant: 'primary' }, h("dga-carousel-item", { key: 'ef5fea75079cfc3a716a765664c74a18cad5d8cf' }, h("img", { key: '42dca8de47724fed90702d79e4da3eed60939dc1', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+        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: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'f642e01efe03f51fddace4be19d7797a4c498e9c' }, h("img", { key: '55a7724d9ef93c9c3e05f4f37f8c299cf9d8116b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '47caa96ba141d2dc84c62fe4a25995b7c081b141' }, h("img", { key: 'bc1c2537e22e3c7c4d75e92573f6da9a3d705269', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '19ba18025f7ccfcc4f79e52388e11ee246de71ad' }, h("img", { key: '15f21cce8a90335786a8458d69faff2e64fc9378', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '8793e1d20b607e27cf05dc1100cb515decb3a457' }, h("img", { key: 'fef863ad4b547cea718a577b9bebd230f9a282b0', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9d9ebedf0b0d5d4902fb2d0d29a80de8fbb01bd5' }, h("img", { key: '17ea8bc80a793491b8c5fb0bba13d87847a34f3c', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'd34595253168d84d2e1d2f3ae1a1064314fb0740' }, h("img", { key: '9995c2c307b89e651ca7322b6ddefb1aa3a7a90b', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '719ff65820fa075b5e172fe321575814a4d50f86', size: 'lg', arrowsVariant: 'subtle' }, h("dga-carousel-item", { key: 'ad23b1f3f2dcdbeedd74c016cc56c1cec5fa5d21' }, h("img", { key: '04b1f52e53f37f7f1ad21592d229f6e7c2316903', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), 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: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '9fd1b183b87f66b75b0132b496f8b2771b679846' }, h("img", { key: 'db3de10cdabd1725ee8a2242ae2c90a7d321dea2', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'a2850fb57d9354ff6e46762e0420eaf6448fb237' }, h("img", { key: '8b05912c8ccfd0f218b081e1592fdbd156163bd7', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '4a5c3ec92189d942d237239b8210b07389f8316f' }, h("img", { key: '901cd84e4864b2833c1e70ab1fca9907ef0b04b7', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '007da32319f22ff6ca30fe0b4babef12ddfcf6b1' }, h("img", { key: 'bf818e375b1093f7146d5bd38887a50249585cb6', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '84de906a5207a66e3276f6052ef346b7489f60b9' }, h("img", { key: '4c340ab796c7976918a36d553d4c05885cef0a75', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ed795abb2f96a3b0366aaca9e8a9d81ffba367f4' }, h("img", { key: '4c70f3b3860f92a219d57b781a0869edbcb4a84e', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: '720a7e5ca28e8140221127bbe93581bd3fb92b16', size: 'md' }, h("dga-carousel-item", { key: '78cf4cf5c9ad14c70aa9da9a66fe8fd9bf84540a' }, h("img", { key: '73dd30ddb188e1f50a7c3cd09e7c3b97e7d6d315', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), 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: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: 'b62089364a7bf4c16901ee249952375c910b9de6' }, h("img", { key: '02354cb75672b19b33fabea2b42add065f19f919', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '2b0842c643d6e07081c2853f9fa804f2c9e8a26d' }, h("img", { key: '0fd24df32b4d7f434dc298294bb80f6c1816de4d', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '79c01dc0ff9c73549ae9ee7818c9cd6034896807' }, h("img", { key: '45c2b96912905d3af99bd53f1378e81fc63848d9', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'e43df8dbc358b8de43b9e7be60c03fdb055f7f20' }, h("img", { key: '1fbc744192fb9a68c9d68d4e76e8c97a0379fb06', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '27f5b37bed431bec36bf390f39945c6367564379' }, h("img", { key: '650750e823b5e2838386ff13b68bea76083f40dd', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '1df61ccb016c6b8e1304d6fdf5c87d1194eb5fd9' }, h("img", { key: '990a58001664fa9311d3a5747d2ba62e2a664070', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } }))), h("dga-carousel", { key: 'a1a6a33579f96fbebe2a885f101ebcdfd2be7cde', size: 'sm' }, h("dga-carousel-item", { key: 'd2d919c2251e207ba370cf235b077996eb64a561' }, h("img", { key: 'e52bc14ab60b190b069b28c0eab3457b1afe6d84', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } }))), 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: {
                 height: '300px',
                 width: '450px',
-            } })), h("dga-carousel-item", { key: '55cffff69ee8fb441563f4595e592b2b2315de26' }, h("img", { key: '01f950d3e5e31b2f09463ee9dd3d88c8d8db37d3', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'ff6fc71cb64fa44fb47d388672fd5be47f8755db' }, h("img", { key: 'a5b0b73bb75bba757b9f33dff8d94d87df0ed404', src: "https://cdn.pixabay.com/photo/2019/11/03/01/56/landscape-4597742_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '83dcba2b7a31f5b28dcf691b36bcd59bacad0e84' }, h("img", { key: '45207c4e734663fef105e4800a4e3875adde6e49', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '336e5471ee873b2f290eb831c40b2cb3bae78212' }, h("img", { key: 'c07066314b219184325f69923c048d7f010d8c67', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: '9876c61f2b579647aadb541af143bb8ab8466a16' }, h("img", { key: 'df9c86ba2f25165106519b35688b4a101809d3f1', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })), h("dga-carousel-item", { key: 'b5e89b441c3e12344bd5535351cc2bbdd5ada118' }, h("img", { key: '4dc54631376f5846e903039ec4f09afd68321c70', src: "https://cdn.pixabay.com/photo/2020/07/09/10/31/sea-5386810_1280.jpg", style: {
+            } })), 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: {
                 height: '300px',
                 width: '450px',
                 objectFit: 'cover',
-            } })))), h("div", { key: '805a7fdbbef8e14e6161d102e14e1ee86c60f9fe', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })))), h("div", { key: 'c1d2b3a303033b6b0e3b98157270254e02c4d194', 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: 'd8bab2cf6bdf36ea7cb83408ce17fa4ca3666022' }, h("h1", { key: '7269902c66028e091a4789c547ed3f1a3cf202f0' }, " Chart Example"), h("div", { key: '8961116631b017e6e4a3b3d94a2963b2be8a19e8', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e6523459cc7c3bd834801d7cc1b2c8cbd6b5010d', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chart", { key: '4534edbbfdd020e2d090a1e887086cf1a0c3d84b', type: "donut", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '11454d7d7f811b1e1bfe7d280f375aaef90f559b', type: "pie", series: [44, 55, 13, 33], labels: ['Apple', 'Mango', 'Orange', 'Watermelon'] }), h("dga-chart", { key: '8dc504a6656760f147a653764df4495158148230', type: 'line', series: [
+        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: [
                 {
                     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: 'af9075bd297e4a2e327a565989535a6f4c78d220', series: [
+            } }), h("dga-chart", { key: '939a63747f6f7ecc53773fb905ad25e1b829dd0f', 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: 'd1e9985e9586c1bf7a33f124ca0216e85fd5ea9c' }, h("h1", { key: 'c1426cb4a86f403909ddd97c999a60299862db0e' }, "Checkbox Example"), h("div", { key: 'df6ef4e9fc9eb4a8fc4110e06bfa7c5d17acb154', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3f9fc840ef2ff6148459d93dcb8edcaf4d2de7fa', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("h1", { key: 'c6988a4e33865217ae33cedd0cafde56e5d14553' }, "test"), h("dga-checkbox", { key: 'd2bac6ccacd52a0341b4f2f10ad1faca6a017a43', label: 'Checkbox Label Checkbox Label Checkbox Label Checkbox Label', Indeterminate: false, alertMessage: true, alertText: "Error/Warning message" }), h("dga-checkbox", { key: '3e21d2ae47eaaa91db38425d806980c19d63c77b', size: 'lg' }), h("dga-checkbox", { key: '37df9e55947b59189609d6f265abd1efa9d4a937', size: 'md' }), h("dga-checkbox", { key: '5b7d10f3c253db24793eb17eae592ac57328fcf5', size: 'sm' })), h("div", { key: '9b9c9271658d5dfce7c6c2d1c907f6174b14e3c8', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        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' } }))));
     }
     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: 'a7f8a0c8935f8cf26a4af5e4e60c96b35482441f' }, h("h1", { key: 'c5a0328a41e56e62459b5e11349c04c718fe6740' }, "Chip Example"), h("div", { key: 'cdd210478b5a056c6d95fb52c6a1a3f859b295e6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'e1308db145740be93aad44d3968577028706d8cb', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: 'e0afdec2e26596a35de25f01057cba4ea9657cef', label: "Label", variant: "neutral",
+        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",
             //   outlined={false}
-            rounded: false, size: "lg" }), h("dga-chip", { key: '20b2510694d0ac06f3f2c2c14f939ed828d673a8', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            rounded: false, size: "lg" }), h("dga-chip", { key: '0b476dc34c94286ce0bf263c86a0bd26840d0d64', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
                 this.isSelected = isSelected;
-            }, isSelected: this.isSelected }), h("dga-chip", { key: 'd1e3f3bb18379100f16f51dbde938503499d6753', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
+            }, isSelected: this.isSelected }), h("dga-chip", { key: '023fe5cefaed3d957d37e4d5311ec5d23c89b858', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                 console.log(isSelected, "hi");
-            }, isSelected: false }), h("dga-chip", { key: '5aac36d3d295f6101d664bd791157f9b95a7a630', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: 'b50cdc2df6e1a14b7fd632cd6c4cadf4a0c8ee4f', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '8574f35b4a3a7e9a231f95645cd0cb21c5f38230', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
+            }, 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 }))))));
     }
     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: '93b12bb1b50bca6a8779602dfae556ed9a249694' }, h("h1", { key: '17104e1f358f842bbf4367056ee50a1a618febd2' }, "Circular Progress Bar Example"), h("div", { key: 'f7ad348d4d72a631de16e0903d18b270237a3dc4', style: { padding: '50px', gap: '20px' } }, h("div", { key: 'd25b78be3819c364fe0dd7a7b66f42dc19771b98', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-circular-progress-bar", { key: '80fc781f91a18b4975ebd7b450ccc94063d3ad47', size: "200px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '828733c9146490cf64e64ddc0feedbe3be1d0908', size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '98e0b21778c182965728b92c8747756848b8e932', size: "120px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '25c48643c8c8e6fbebf395c2f7e02a02c8739d71', size: "80px", percentage: this.percentage, text: "Active users" }), h("dga-circular-progress-bar", { key: '886bce4d9ec1e9307598ca9f413d660388b53099', size: "64px", percentage: this.percentage }), h("div", { key: '62d0a92b1433758e4075803f863afec7178acdf0', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: 'f373f650310eb2d5a2a619458adc361c32e6b6f9', RTL: true, size: "200px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: 'cbf8180616fed89eb9113586c88cd04f5cb1130b', RTL: true, size: "160px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '1a2b0931e33296176fbcc265f25d3a36f2f684a0', RTL: true, size: "120px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '843d80bd0e79c690ec9f1fdd925e4a7cc170fb8e', RTL: true, size: "80px", percentage: this.percentage, variant: "success", text: "Active users" }), h("dga-circular-progress-bar", { key: '96a961ee8e2bbab1e523cd45d08bbb4b37186557', RTL: true, size: "64px", percentage: this.percentage, variant: "success", text: "Active users" })), h("div", { key: 'ef8554b9cae1fcf34f8ee84a92d3fbd7a230651e', style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("dga-circular-progress-bar", { key: '461eb0e59dac18e89e272157318f620d8c4296a6', RTL: true, size: "200px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '4401d971110541860f61bbaf6ec4c4848421cc14', RTL: true, size: "160px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: '310f989f159017a9eb9cac6791a72eb79ada09ab', RTL: true, size: "120px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'f22cbecf6d11d6c5681b7dbab4c72665ff9c2b9c', RTL: true, size: "80px", percentage: this.percentage, variant: "error", text: "Active users" }), h("dga-circular-progress-bar", { key: 'dcf7bacacbc3023c77db1d973351ab014c30864a', RTL: true, size: "64px", percentage: this.percentage, variant: "error", text: "Active users" })), h("input", { key: 'ba44122f942ddfde011ccc8f7c4af952d5772968', type: "range", min: "0", max: "100", value: this.percentage, onInput: e => this.handleInputChange(e) })), h("div", { key: 'c97016057e8e00e2cc73d2b66806d13ccd46c17e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        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' } }))));
     }
     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: 'e23fe50db23571bd4da8604782e7e787ee71f8d2', style: { width: '743px', display: 'flex', flexDirection: 'column', gap: '123px', margin: "10px" } }, h("dga-codesnippet", { key: '66c73f215822aba0edfdf11b30604b8729c16460', showButton: true, type: "multi-line", showSidebar: true, showTabList: true, snippets: this.snippets }), h("dga-codesnippet", { key: '7a0b424e36c70355b356cd63539b9c76ddc80c3e', showButton: false, type: "single", showSidebar: false, showTabList: false, snippets: this.snippetLine })));
+        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 })));
     }
     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: 'ad1f3f0e1cf28490ef2970a85ad18f42dbf66a8d' }, h("h1", { key: 'f3b60791364960473706e66a166ccd8cebfb1508' }, "Collapse Example"), h("div", { key: '18a70722655f05c530fa263b71a5786ff2a19294', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '27285803d2aa02483a2b6fc4654d9ab67a30f400', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'db1b4e4bb8a7b3352df5641ca70f47e7f0df94d2', style: { display: "flex", justifyContent: "center" } }, h("button", { key: '3ca2c084ffa9261b6e15d45c8b785408f3e66f0a', onClick: () => this.open = true }, "open"), h("button", { key: '28475f08968c02f0ecd69286e21e0e16124074a9', onClick: () => this.open = false }, "close"))), h("dga-collapse", { key: '4e0f3aa013b7fbd463809026f6a4a6149673ed8e', open: this.open, "transition-duration": "0.1s" }, h("div", { key: '6f13006476b26fa028887be309160128253be56c' }, "Your content here")), h("div", { key: '4eaaed68a082c160be1338d058bfe4b861b6c86f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        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' } }))));
     }
     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: '56e692143944c0c62d5b22fd633875c160a7828b' }, h("h1", { key: '8bc0c5ae1f69f10de89d6e614bcf322c443559c2' }, "Content Switcher Example"), h("dga-content-switcher", { key: '069cd1209784cf4d410fa962aa6a3db341b64226', size: 'lg' }, h("dga-content-switcher-item", { key: '75814e876ed5dee9af2e3f2c29cd45c9c489dfae', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'b64cd0091c1f5e64139021d6e70aa942b600e7b8', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: 'a12f3be500ba7a85d35f96de1d77dd4a8aeb68db', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'ecbb02f1a5e46edf41d8b613e037dd47593c774a', size: 'md' }, h("dga-content-switcher-item", { key: '24e7e24396ecdbb8806ce440d020560a6bfb155a', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: '81344748409500eba271c851b613228c24e563fc', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '54618c976aff07f863f77123d18683f078764252', label: "Option 3", content: "This is Option 3 content." })), h("dga-content-switcher", { key: 'bc95bf75e3b87150c39c3133e24d347aed7e2d7d', size: 'sm', onColor: true }, h("dga-content-switcher-item", { key: 'bc1ac65a4efb6fb7ffd7a07abc186a4125e15b9d', label: "Option 1", content: "This is Option 1 content." }), h("dga-content-switcher-item", { key: 'fbe905770a267e141de4f124176bc556215105ca', label: "Option 2", content: "This is Option 2 content." }), h("dga-content-switcher-item", { key: '0303b4a7b07e8860dfea72ae9b52f6c8bc3a94c1', label: "Option 3", content: "This is Option 3 content." })), h("h1", { key: '2c1f6c3e5468c15d497bb2ea4925693a20bf8658' }, this.value), h("dga-content-switcher", { key: '49abb722e83602a87f1606529f2282ff4fc2d717', size: 'lg', value: this.value, onChange: (val) => this.value = val }), h("dga-content-switcher-panel", { key: '451d56bfca2a21d5d0294b8008dd5eb73d64af2b', value: this.value, index: 0 }, h("div", { key: 'db77e3b8683a79ede96793a594f29b180db96513' }, "Content 1")), h("dga-content-switcher-panel", { key: 'e13d2a23f708650f8351dbc9fb289f0eb42422ac', value: this.value, index: 1 }, h("div", { key: '0051ee2d78df2c141e0ef14671177f542e740f80' }, "Content 2")), h("dga-content-switcher-panel", { key: '3456f61de3ee9550af13cf079ade0390b147d6ef', value: this.value, index: 2 }, h("div", { key: '8c5f4d2dae8e21bcd44114595729eb14c5c48309' }, "Content 3"))));
+        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 1")), h("dga-content-switcher-panel", { key: '4b4509182481333595a01465fb7c6f106626cc5f', value: this.value, index: 1 }, h("div", { key: '19b0ddfc985c2a4ad078fb42b3f1143611c7f644' }, "Content 2")), h("dga-content-switcher-panel", { key: '7472c85660a3299300af5d02ae880c61080ef243', value: this.value, index: 2 }, h("div", { key: 'f63b0da8787366b4cb646010a23f866ab6b43951' }, "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: '6a37acaca6b95b061027a22ea9d63e146c6d4fee' }, h("h1", { key: '18ea23146e81aa4f76ed811c0f645aa62553cf59' }, "Date Field Example"), h("div", { key: '92cb20c17e2de92fef76d145601fdd98665bf771', style: { padding: '50px' } }, h("div", { key: '7461c66c0cbb96010a296a94bc8650689c9c5370', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("input", { key: '113c6985f800d48972236db9adf2bbc9daaedc85', type: "date", value: this.value, onChange: (e) => this.value = e.target.value }), h("dga-date-field", { key: '562d46619fc478bc9f7fd4d0d001e2617fbbe9f7', value: this.value, onChange: (e) => this.value = e.target.value })))));
+        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 })))));
     }
     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: '567d7d2ed08114ec05891ef4ee8eda9a1bc0abfa' }, h("h1", { key: 'e65f61bad1f08ba2c26db7ded84a9d64e6d43cac' }, "Datepicker Example"), h("div", { key: '23a790d84f2c241ec4ac7e724c19aedbf8cc9c41', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '75c8b974c001c8ae3ed5276b5ccd18bd57edc0f4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-datepicker", { key: 'bf6b355052b9e017a6611c710e03e820e0baba1e', inputField: false, qickOptions: true }), h("dga-datepicker", { key: '6924c1a1d2fe2d6d41f15725dd788ce14c493e13', RTL: true, inputField: true, range: true, qickOptions: true }), h("dga-datepicker", { key: '703003319fe99a6442f1f24b6b0df7f29ff82536', range: true })), h("div", { key: '450e773a803953e1e66650699aefc07fb34cc711', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+        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' } }))));
     }
     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: 'b893dbef0875ed68dafa3fb942af21a8a08d1d09', style: { width: '100%' } }, h("dga-digital-signature", { key: '3024c7ba9966c9524b63c3891327e9b4666171a8', language: 'en', extension: ".sch.sa" })));
+        return (h("div", { key: '6f893f09f3c57f48f60aaf2b1347dd437a0d8fbc', style: { width: '100%' } }, h("dga-digital-signature", { key: 'f76998acbf0a16ad5a88fffc4de2b7294768a00a', 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: '6c30b900be17091249db53b6684f8ba4894286b2' }, h("h1", { key: 'a9b2da284fa680c64e6db45d8ec95e52de937f90' }, "Divider Example"), h("div", { key: '07e08ac98b84241b35e71c01645ddae57c85b4ce', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '86ccb56baa4b3984841466c055c5f698aed2df36', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '0034f64d3b42165f2aba928bee6a504e2fe2d6ba', style: {
+        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: {
                 borderRadius: '20px',
                 background: 'gray',
-            } }, h("div", { key: '07f71be1f241e85cad3e21723813106f8ed6a98a', style: {
+            } }, h("div", { key: '5e85859f43a96529629bd1e8be57733859f953bf', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -12,7 +12,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: 'ac42579aaa71f741fc1060165529717f8ca1a0a6', color: "neutral" }), h("dga-divider", { key: 'eabf78d23334c0cde51732fc3581ecf8642c0367', color: "primary" })), h("div", { key: 'e2b6b2a7a0c104b93107b7dcab213ae83d6b926f', style: {
+            } }, h("dga-divider", { key: 'a5c3a613dc4e3c7a293ae42cabb67698318c2d27', color: "neutral" }), h("dga-divider", { key: 'c06959904187c8df1c9f5b01772792d432e1de30', color: "primary" })), h("div", { key: '4dd3cfc1a7f41458cadad9ba4a4a8a518ba4053b', style: {
                 width: '224px',
                 height: '82px',
                 background: '#fff',
@@ -20,7 +20,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '47070367ad13c2aa01a7bbc7cc0e4da50c4ba629', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '5851bf6252d0c12e08482109f8a021b06d50d1c3', color: "primary", orientation: 'vertical' })), h("div", { key: 'f1273ee72d06028cd3f25dd3dea6228ab485cc03', style: {
+            } }, h("dga-divider", { key: '05e4a992683c9adf6beb1dc85c33eec9d79ce81f', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '2cb98622ae4a1d8a81087e5ffd979e3327388442', color: "primary", orientation: 'vertical' })), h("div", { key: '3d12e3c11e790acb1938666330cf5fdec78be8e2', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -28,7 +28,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '06fdd3ed095a78fac31f02896424425df1523bf3', color: "alpha-white" }), h("dga-divider", { key: 'd93d4821c4e406ba9cf6fb7aa448114e7e653307', color: "white" })), h("div", { key: 'e8a19f9800860c7386daecd31009c0b143c7c6d7', style: {
+            } }, h("dga-divider", { key: '7f3bb282c92259b29bbce48a1a77156d6bbee752', color: "alpha-white" }), h("dga-divider", { key: '612c0f8bf659725d8a6a4893703bbccd3618b530', color: "white" })), h("div", { key: '16baa94bcec06536c8b3699e06c70f226d72dccb', style: {
                 width: '224px',
                 height: '82px',
                 background: '#1B8354',
@@ -36,7 +36,7 @@ export class DgaDividerUsage {
                 display: 'flex',
                 // flexDirection: 'column',
                 gap: '40px',
-            } }, h("dga-divider", { key: '686f895b8ce2c572323b4a195dd102464937393c', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: 'ba489f24cfbad7c137e9dded6ff2b93ca1994483', color: "white", orientation: 'vertical' })))), h("div", { key: '5a8b7657ff3be51a7dcb7168886b76df83b176a1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } }, 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' } }))));
     }
     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: 'dd17d1c2f4b0fbcf840aba4251a75a655a43b424' }, h("h1", { key: '489db136174a5bb4c055a6a269e1cc8ea39c982f' }, "Drawer Example"), h("div", { key: '7226158be1401d338bb19dad1291f743e92377c1', style: { padding: '0px', display: 'flex', gap: '20px' } }, h("div", { key: '84c9e88294c041bda33f10fdb1d7ce74822cf187', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: 'c23e07f90a4348b47c924ed6ac2949112efb5a16', style: { display: "flex", justifyContent: "center", width: "100vw" } }, h("button", { key: '49988258a15f9715cf98b52baf1fab21acc0dd4e', onClick: () => this.open = true }, "open"), h("button", { key: 'ca3790095824761945782a6a29af992abbf9878e', onClick: () => this.open = false }, "close")), h("dga-drawer", { key: '5b948e4b44af81e8501d76d974773b56eef0d079', routes: SidePanelRoutes, open: this.open, background: 'gray', headerLogo: "https://casamedia.com/wp-content/uploads/2023/04/adidas-1024x683.png", sx: {
+        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: {
                 "& > .sidepanel": {
                     top: "112px",
                     backgroundColor: "red !important",
                 }
-            } })), h("div", { key: '486c90f981afd8c14366cc0f05388b4aa2efc92f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            } })), h("div", { key: 'e67f8aa5760862ae0e05eeb561d7f301b57b16b3', 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: '8cf795962ef99ced3d4ab47b2cb0e81268fcc2a6' }, h("h1", { key: 'fa99399ed45bb19c65674b26a5175e3e1d55a7d8' }, "Dropdown Example"), h("div", { key: 'cf2e02be0ba05f91153f6b5adb1a012fcf607ceb', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '0d0618200046653502fdfa62099b7b5d981833f7', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-dropdown", { key: '40ef0b84920469a189c2ef46f327a4ec8f442534', placeholder: "Placeholder text", variant: "default", optionLabel: "label", trackBy: "value", value: this.selectedValue, options: [
+        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: [
                 {
                     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: '4713a4e538b20f02ea07edaa5a3d0f1dd41a6497', placeholder: "Placeholder text", variant: "darker", optionLabel: "label", trackBy: "value", options: [
+            ], onChange: (value) => this.selectedValue = value }), this.selectedValue, h("dga-dropdown", { key: 'e12ad71e46991a1adc6bc48c9f7e9016f9802dba', 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: 'f8d420d5e90fbb5c08ca9eb06699221d9582e404', placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '6b25aa37571846e3a9eab024d8210714908c3a77', 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: '8f98629301e371dd8d007d5077634bd256bb1561', error: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }), h("dga-dropdown", { key: '1504cdf3f7aeb48c285c00c9515c1881f3f42bfe', 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: '70110c95a87fe801a7b0c24e55a7a6109482c0f7', multiSelect: true, placeholder: "Placeholder text", variant: "lighter", optionLabel: "label", trackBy: "value", options: [
+            ] }))), h("dga-dropdown", { key: '9eec2e8183875e424ebf805cd27b675ecbb6d99b', 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: '14464d3baebd1591fa732189a928c5a346fe971c', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
+            ] })), h("div", { key: '7447713413d02ad8b39ed86c303c59ed5def5648', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
     }
     static get is() { return "dga-dropdown-usage"; }
     static get states() {

package/dist/collection/usage/dga-featured-icon-usage.js

@@ -6,7 +6,7 @@ export class DgaFeaturedIconUsage {
         this.value = '';
     }
     render() {
-        return (h("div", { key: 'b15376ec1111dfb36f25cfba601f7fc5a0290f18' }, h("h1", { key: 'bb591db58fb1a7f190cc9290269bd052be646eba' }, "Featured Icon Example"), h("div", { key: '6546ed7682748d575f39aa71c2c87db019b8df08', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: 'b525ff60bf3993539e6f949284d5b7c537e22338', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+        return (h("div", { key: '8f99bb0303e2c2551a442423cd41865ca036322c' }, h("h1", { key: '3d78a8748cabea651c5eb4d8a3a60be7bb6c0be0' }, "Featured Icon Example"), h("div", { key: '40c78de951ae26588d0949d6f65a371af3ec4b44', style: { padding: '50px', display: 'flex', flexDirection: 'column', gap: '16px' } }, h("div", { key: '8607f7156fc501a5f23497de23ad51d51aadaf72', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "brand",
@@ -31,7 +31,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'b155c0855936d411ad4c0440ba9902be1b5277c3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '33df07cf1e8c54e6f4ae4261953ea2a14ff159d2', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "gray",
@@ -56,7 +56,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '7c30550e747e1b17c9f441c72ba7d41f8b4e29f0', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '5d3e4053a75b5ed812d3a0b197aaeb6013faaf62', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "error",
@@ -81,7 +81,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'f47a488ff7a4edb23efefd1386f12620b98e4fc4', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'a12b4ef056d8ed96e2fab1304a09d43a73cd2bc3', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "warning",
@@ -106,7 +106,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: '4e46df437b7bc1475783765bce7e370d9c299c51', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: 'd9afe165a1c4f7dc719f8a378e2d057396ffcb25', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "success",
@@ -131,7 +131,7 @@ export class DgaFeaturedIconUsage {
                 name: 'add-circle',
                 variant: 'stroke',
                 type: 'standard',
-            }, size: size, color: color, variant: variant })))), h("div", { key: 'f6bb1373ef44ffb8ca8cd5d275e563bc35c7bb5b', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
+            }, size: size, color: color, variant: variant })))), h("div", { key: '3eda661f12ab177b1e635a9245ac4642ce80afcd', style: { display: 'flex', flexDirection: 'row', gap: '16px' } }, [
             {
                 size: 'sm',
                 color: "info",

package/dist/collection/usage/dga-feedback-icon-usage.js

@@ -4,7 +4,7 @@ export class DgaFeedbackIconUsage {
         this.value = 'test';
     }
     render() {
-        return (h("div", { key: 'a97f579d7a0f149a831d2ba568271827c24ed6b4' }, h("h1", { key: 'ddee0d4030afb80e719f22ae743fac8b8ca83634' }, "Search Box Example"), h("div", { key: '6ef9826b793218d8a4cb849fea68a8f212d2510b', style: { padding: '50px' } }, h("div", { key: 'cb25dd4a104d7de45c786db9211ec0902c3d4b93', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
+        return (h("div", { key: 'da3e697e41da5f309ad9100dab98c2f0f82ea867' }, h("h1", { key: 'a960e8deb25b7ebf0f7ad625f2ba5411dea7bd30' }, "Search Box Example"), h("div", { key: '78ff810f985dc5f68bebec4f45d1534cff900df3', style: { padding: '50px' } }, h("div", { key: '3997f6305366dd9881589994af76c48fd20a3df6', style: { display: "flex", flexDirection: "column", gap: "16px" } }))));
     }
     static get is() { return "dga-feedback-icon-usage"; }
     static get states() {

package/dist/collection/usage/dga-file-upload-usage.js

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class DgaFileUploadUsage {
     render() {
-        return (h("div", { key: 'a43f843562422345fb1a082e139049b31f4a8fcf' }, h("h1", { key: 'e47ed2beac2e6044d33295011947c559d5bd5c9a' }, "File Upload Example"), h("div", { key: 'fd8fda40e375e2077005c5b8993ff635917d8807', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'f6abafb3cf0c7c318f365b5ab01265515e973816', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: 'd383af4f712162bee52da03ab55a600d56d07ceb' })), h("div", { key: '07aa0e61d6983cbcb1451bbe286eb0460a638f3b', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
+        return (h("div", { key: '8d844034a8a1119e086c1c79917dee196a05c9de' }, h("h1", { key: 'f04893452fcbb4301ae1692d12aa249aec01fa8f' }, "File Upload Example"), h("div", { key: '0e2546b42b8abe6698a778904106fc9344a4c499', style: { padding: "50px", display: "flex", gap: "20px" } }, h("div", { key: 'f0555b930f9541243c0dc06947ca648543420b28', style: { display: "flex", flexDirection: "column", gap: "20px" } }, h("dga-file-upload", { key: '60de6291a200bef5ef1c1024c12560efe113f7cf' })), h("div", { key: 'd5eff3e21f23dd1afeadae2bdcf5f0babe3548c7', style: { display: "flex", flexDirection: "column", gap: "20px" } }))));
     }
     static get is() { return "dga-file-upload-usage"; }
 }

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

@@ -116,7 +116,7 @@ export class DgaFilterationUsage {
         };
     }
     render() {
-        return (h("div", { key: 'f636689b13e38714ca717cdb51f6995ce005594e', class: "filteration-usage" }, h("h2", { key: '880a608c0ff2ac94b6f49cdb7020e961c34bda2e' }, "Filteration Component Examples"), h("div", { key: 'da5f4d0710129ece96d0d025a7216389fd12625c', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: 'e393c0ac46c0ea079060727405a9d5a45a60d5f4' }, "Default Filteration"), h("dga-filteration", { key: 'b9a042d108214a64e22468575e59214b57f98f92', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
+        return (h("div", { key: '1be9e286df8f39bb67ccd56c69df6513ae612080', class: "filteration-usage" }, h("h2", { key: '207eb4860764573e884d6fde030ba3a5dd1f54e7' }, "Filteration Component Examples"), h("div", { key: 'aa1ddd3513f7dd50435de12b5d7d6a0f6b414189', class: "filteration-container", style: { margin: '20px 0' } }, h("h3", { key: '27149ea4108ec601711af43a5c5b573807e30f26' }, "Default Filteration"), h("dga-filteration", { key: 'abbe37f861ae3d44ccca01470d2d11980d444c6d', buttonLabel: "Filter Items", filterBlocks: this.filterBlocks, onOnFilterChange: this.handleFilterChange, initvalue: this.initialValue }))));
     }
     static get is() { return "dga-filteration-usage"; }
     static get states() {