globuswebcomponents 0.4.0 → 0.4.1

package/dist/cjs/gb-megainput-field.cjs.entry.js

@@ -25,10 +25,10 @@ const GbMegaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '7b9254b53ab04d014f70afcd352baf4688c52512', class: {
+        return (index.h("div", { key: '50bb34dd9f6b149c141a991ea11e8d62703d758b', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: 'af73f13794f35df0277f9dbc124a9c847b0a84f2', class: {
+            } }, index.h("input", { key: '4c3c7714439412b1c264178d29fc8c6b4d53aa3f', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "number", min: "0", max: "9", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

package/dist/cjs/gb-notification-content.cjs.entry.js

@@ -17,7 +17,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`assets/${this.icon}.svg`);
-        return (index.h("div", { key: '5348bb1a03fe940cdb90a7639ddf066ca74535b8', class: "notification-container" }, index.h("div", { key: 'b48ffd4c6ef381399b07ff704a72d9b203af0dca', class: "notification-title" }, this.icon && (index.h("div", { key: 'd127fa1e7b0bcc35e756e9a3ad137d9edd6986dc', class: "icon" }, index.h("img", { key: '343cb90221ca63db937f30b172fba5f2ba1edeb0', src: iconSrc, alt: "Icon" }))), index.h("label", { key: 'f4d1710a0d3eb9b87759e4e540ce72b7de60af0b' }, this.label), index.h("span", { key: 'deb6d2a5be66fe96fd9bbe8979eae0f212607359', class: "time" }, this.time)), index.h("div", { key: '9dfbe07da1f16903d81a76951e667067b0cbfcfe', class: "supporting-text" }, this.supportingText)));
+        return (index.h("div", { key: '6e3ee602b4220d1c05513fd097ec9cb8f7f29a49', class: "notification-container" }, index.h("div", { key: '61b9a275e944588f8f8c8d7b7da2659cc1580f06', class: "notification-title" }, this.icon && (index.h("div", { key: '749e970947406d9df1f1991a5a86c230b759864d', class: "icon" }, index.h("img", { key: 'e75537fe5b66b55670f02beb61fac0577ab31212', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '8df7096217206e797201bc1f45961dc14f3fc915' }, this.label), index.h("span", { key: '76d07d0c119e2945cba4f364552686d846f02378', class: "time" }, this.time)), index.h("div", { key: '8499a7cf3c9c2514919d6d64b57639322b129acb', class: "supporting-text" }, this.supportingText)));
     }
 };
 GbNotificationContent.style = GbNotificationContentStyle0;

package/dist/cjs/gb-notification-panel.cjs.entry.js

@@ -35,7 +35,7 @@ const GbNotificationPanel = class {
         notification.remove();
     }
     render() {
-        return (index.h("div", { key: '7c7bba327b023712b0df7fb38dc9eb3fb3bc8ada', class: "notification-panel" }, this.state === 'empty' && this.notifications.length === 0 && (index.h("div", { key: '249b345940ecf19717245a399e19a9c313167b5f' }, index.h("div", { key: '266c094b411d703aed3fee38a2c87d608e834b7f', class: "empty-state" }, index.h("img", { key: '9f4e638b5872762efb12b1c7af0e2ea6a6de693d', src: "./build/assets/panel_bell.svg", alt: "No notification" }), index.h("h3", { key: 'f82bf47185a855923b09ff790e810a5be007b986' }, "No notification"), index.h("p", { key: 'a4a8cf3e4396dde8de237540730e94e818b7ad8c' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), index.h("test-button", { key: '7d71ed7cce3aeafd22eb30619ed5d3e41c60887e', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (index.h("div", { key: 'f6838d815419f57953cfe84fb7c5cec1cb44b85d', class: "notification-dropdown" }, index.h("slot", { key: '41ea22c267faa83b844ae06101676b36083d0cfd' }), index.h("test-button", { key: 'e9fc8b70118843d548d209962194621adbfb6e36', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
+        return (index.h("div", { key: '0e02ab89477bef8e33203591f0eef4933d8ee49b', class: "notification-panel" }, this.state === 'empty' && this.notifications.length === 0 && (index.h("div", { key: '2fc98b149a8aa50eaa86a4fa83d389d0a631b6fb' }, index.h("div", { key: '89330e56a8770aa541f8216e3ead8ea9b89ec9f1', class: "empty-state" }, index.h("img", { key: '1a93360466cfa19a7e1d8ef08d07894bbda6f7a8', src: "./build/assets/panel_bell.svg", alt: "No notification" }), index.h("h3", { key: '3c159ba17083834a91e422e619bdebd0341395ac' }, "No notification"), index.h("p", { key: '46c7f459eb6ca58032a7eb9918d4c1f8afa3ac1e' }, "Your notification inbox is empty at the moment. Rest assured, you'll be promptly notified of any new events.")), index.h("test-button", { key: '17222ad62b3bf5c328bb949bce38321f7e8a0551', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read"))), this.state === 'notification_dropdown' && (index.h("div", { key: '642911a27ad0a8082e16c949f5210e93ff2dd598', class: "notification-dropdown" }, index.h("slot", { key: '826fbbf7f82865492104a76e24781b3a0ee5c53b' }), index.h("test-button", { key: 'dd0c48fe1141e1b84e188fd6628950176e2f52f8', size: 'sm', hierarchy: 'tertiary_color', "left-icon": 'blush_brush' }, "Mark all as read")))));
     }
 };
 GbNotificationPanel.style = GbNotificationPanelStyle0;

package/dist/cjs/gb-pagination-dot-indicator.cjs.entry.js

@@ -15,7 +15,7 @@ const GbPaginationDotIndicator = class {
         this.size = undefined;
     }
     render() {
-        return index.h("div", { key: '7c796daa95e0222e5a5bd702cf00e6f4049b582b', class: `dot_indicator_div 
+        return index.h("div", { key: '149ef69015821f44c2df18265a202694896e97ef', class: `dot_indicator_div 
       ${this.type} ${this.current ? 'current' : ''} 
       ${this.size}` });
     }

package/dist/cjs/gb-pagination-number-base.cjs.entry.js

@@ -19,7 +19,7 @@ const GbPaginationNumberBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c20eded58ebaec5ece4d041ea00a51de39947397', class: `page_number_base ${this.shape}` }, index.h("slot", { key: 'd2b2d9aea9fb9d8be66b387f3d127eefee7746a6', name: "page_number" })));
+        return (index.h("div", { key: '5a9e6b20e583927ddf029a75ff8ff35fa515023b', class: `page_number_base ${this.shape}` }, index.h("slot", { key: 'b97979e6e3a226afb66fd944e773761b1b2dfbff', name: "page_number" })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-progress-bar.cjs.entry.js

@@ -17,7 +17,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: '959898017a1b7c43c2d9c6090baf824c11f838ca', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '17ac1002882bee7828ce8f154b4fe98a2d3acd03', class: "progress_bar" }, index.h("div", { key: '02f82af1ac74af2bb21bcb51a06652172c8452c1', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '258cdd7aedb3907187ccc51278b2181bc540991a', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'a4d706d9596d3d12723da3ca59ae0b4fda6d5eb8', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'd0216c7cf1424a81628af530d3413f5218d5d30e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'd7345d70aee55ca09cf918bbeca399aba7abe10b', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: 'ca56f4fc79c50a31f967d24b6d13890537d2e261', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: 'd8b750f39550b493f4e50b4141388131b41bbb4f', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '0896e6d734ef5838c215ac551ef1081f2f35678d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '2ca4f762f24955fb8064942a386d1ba6f03de282', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '114e0d306dfdd04941f64ca75fa52833c60ac575', class: "progress_bar" }, index.h("div", { key: '0f17f894ef4d021e18e03b49658b31e991701cc0', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'c18f2ffd256e33a2893c82f76284be01c9de328d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'bf470f3960033d7ecb5d16f7111af15d03d3c367', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'a9e50807a951ec9a156bea03167fcbe1b490fd3e', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'de4b8184c62c31403631c7c9faf07cd284b1c738', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '3a21082cc1e4bc34b4b31c845cd4e46310a5f426', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: 'fb1d3844c69c5ca0e37e6543a0298243ac25cb8d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'a2aa5a4309f46ec677b99429460e4c02cf355e45', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

package/dist/cjs/gb-progress-circle.cjs.entry.js

@@ -16,7 +16,7 @@ const GbProgressCircle = class {
         this.progress = 0;
     }
     render() {
-        return (index.h("div", { key: 'cdafe984f6db8aa755bace33db64334d756945aa', class: "progress" }, index.h("svg", { key: 'f2722717868b9c369c1b652b91e8cc7d1053c2e2', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '10b82ebad41619836944ce18226db0eac2046202', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '1e8359e2669b53ab9635e9cee3c9bfc77c4e107e', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '9b8caf4c0e4dbb2be1b3f1761346b89ff48ea8bd', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (index.h("div", { key: 'f5a5bd34beb1179b24810af7fc7d086452d801f2', class: "progress" }, index.h("svg", { key: 'ae271a52ddfea697638591da3781b785f18b20e3', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'ef12bde384a834500c8bc608a759f34768d3c8c5', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '0d1a676f38841d23d5322fd5863fcdc5784d2360', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '7d30572417a85acd8fa35a259e6f5b2c2889067f', class: "progress-text", "data-progress": "0" }, "50%")));
     }
 };
 GbProgressCircle.style = GbProgressCircleStyle0;

package/dist/cjs/gb-rich-text.cjs.entry.js

@@ -24,7 +24,7 @@ const GbRichText = class {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (index.h("div", { key: 'a000c6789510017724b8b2acb7290ed15cc7cfda', class: classes }, index.h("div", { key: '350619ddd70ce434652cae0ff0662e02feecd7fd', class: "input-with-label" }, index.h("label", { key: '07ed3cacf06f0610527d840be9f448bd19595ed6' }, this.label), index.h("div", { key: '1997bb5497f869fc2ab7ea06216986e1bc6069a0', class: "input-container" }, index.h("div", { key: 'ca898deddbbda54edd133d2d0e1a674ea24de330', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '41bd66f5024baa1a0bf1a2eb2425d8c1866383f9', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (index.h("span", { key: '624b673eb49793293548650eab2f8e549a029adb', class: "error-icon" }, index.h("svg", { key: 'aa2303307101499c4357e8179280fc0aaf154e4b', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '5db7ca84f495ff2302d8ba16f1c3dd1f275fd0ba', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '8f3b69158a5501bfcf6b1c90ebd737a460cfd7bd', class: "text-container" }, index.h("textarea", { key: '2a5ebf3f206caa6ee85356dcdd75a62e9332d5cc' }, this.showPlaceholder && (index.h("div", { key: '752ad5d419911663006a97697962b62aea349c1f' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'b7d8d2180b34291411a3e2883fb91e1bc07b4143', class: "hint-text" }, this.hintText))));
+        return (index.h("div", { key: '0a38df183f771a47ce9b287e541462d0afc0a6fb', class: classes }, index.h("div", { key: '194a87a4e7ed387843cbbd17fb3018f8d5f1c19e', class: "input-with-label" }, index.h("label", { key: 'fd9a420f4142f6c186334beb087370e63aacedf8' }, this.label), index.h("div", { key: '3ce0da855ce45ec17f2c4380aa4707f43436a020', class: "input-container" }, index.h("div", { key: 'c8e18fa1fdc0f818fce1bd1905f796816d1b30b3', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '88b0383d4a0aa258ec4e49b30681b752088e1f92', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (index.h("span", { key: '7d9779477c40c929f004100b3e416e12d11fcf3f', class: "error-icon" }, index.h("svg", { key: 'c6b7855ce3ae1c75f9b852a29e61cc26bc7023f8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '4f12d2e5bc788e4dd59e9bd4bd369a58909d13f1', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), index.h("div", { key: '64571ea544f2fe2f2f377098969684570688616d', class: "text-container" }, index.h("textarea", { key: '7a7fbc4823eeb0be0b35a32f55f30917c6f357d1' }, this.showPlaceholder && (index.h("div", { key: '9d7660e9dff89065b6d6eefba61ffd7d165e7556' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: '89053468bb6c5fe5771b0b140d7bfccc3820bb5b', class: "hint-text" }, this.hintText))));
     }
 };
 GbRichText.style = GbRichTextStyle0;

package/dist/cjs/gb-scrollbar.cjs.entry.js

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '39ded787f1eab3d7c83713df76f8e1cda852fd43', class: "scrollbar-container" }, index.h("div", { key: '9c0027652f83f91b779728d50b3b48642cbb236e', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '8cb90bd1dcff5b869de74e954a2455c6ad21ae56' }))));
+        return (index.h("div", { key: 'f4651019986c90ec6fc9057da08820076d9dd699', class: "scrollbar-container" }, index.h("div", { key: '22f9d4a3c32befbe9137b5edc6724a68ea33751f', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'eef2d11181b2c76240a9b123c61a14ced840c14a' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

package/dist/cjs/gb-slider-control-handle.cjs.entry.js

@@ -28,7 +28,7 @@ const SliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: 'ff78b84faf6c9a119a55371583652b3fd183e059', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '304d9c04d11ba1cb0526c8043ad37941d9d2d76f', class: "tooltip-container" }, index.h("gb-tooltip", { key: '8c2991292f97d6ae4c24ed128e606b5287bbbe9a', arrow: 'none' }, index.h("p", { key: '96b270a6cfcfea492068a4b2e6b4eb9ac0a6b827', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '2b795f5c32a6ebb41122d5baf1b241107bc67a59', class: "thumb-label" }, this.value, "%"))));
+        return (index.h("div", { key: 'a4c6590ef09f8f67692d2703ef45e81fd14988b0', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '2414a16e7dc53e6b5fabc8571c825b531745a32e', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'adbb9eff4708b231802df85dac5d184f2ad0c268', arrow: 'none' }, index.h("p", { key: '276a46eb3a7d39f4a93c238c47f60a2a685875b2', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: 'c804d04483e8e829688451f6655e14b1975a8348', class: "thumb-label" }, this.value, "%"))));
     }
 };
 SliderControlHandle.style = GbSliderControlHandleStyle0;

package/dist/cjs/gb-slider.cjs.entry.js

@@ -66,7 +66,7 @@ const GbSlider = class {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (index.h("div", { key: '231a330b81a12a7995bb088f6f8cc2f8b0827712', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '7f29040b25b4f922ab0b0c44093643c5ecb195dd', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: 'f01c432240cb30162c09f1f2514235d8afa1e1ae', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: '5c768934f12f4b072518299e07eb1118af41ac8f', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '791cb0adc44475c8015b1a168871189045052340', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '95402212ef90fd43ccdaf3eab3b7a6eb6e4ae391', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '6523f8e3ad6b1b54858d807985d713ab7fccf0a1', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: 'f0fa265da00ae190ecf41012c7a0d6036a8e7984', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toggle-base.cjs.entry.js

@@ -15,8 +15,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '64f746bafed22e96038237ff72a6acbbcaf9d499', type: "checkbox", id: "customCheckbox" }),
-            index.h("label", { key: '9da4033b817ff730f7806b47ccc631488352712f', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
+            index.h("input", { key: '7fc177e0328a10c93222bdb16e850023fcc580a8', type: "checkbox", id: "customCheckbox" }),
+            index.h("label", { key: '584f748de73e89db012453ae7ebce8a42ae01401', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
         ];
     }
 };

package/dist/cjs/gb-toggle.cjs.entry.js

@@ -41,7 +41,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9118f575214d63c6dacba78ecf725d10345ad49f', class: `toggle_div ${this.size}` }, index.h("div", { key: 'e95515e7f7cfcda08b97297c239832a36703d8c0', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'aa66ea6a7027f113590b965377f934cbdc9a3b95', size: this.size, state: this.state })), index.h("div", { key: '70a3aab9e09bb385dd9531466be0fddf200a6669', class: "text" }, index.h("slot", { key: '3d94d42a4425117de013429abee8c73b6bd24037', name: "main_text" }), this.supportingText && (index.h("slot", { key: '79887ce550da8f2788fd51cff70ba0d59b8e15ce', name: "supporting_text" })))));
+        return (index.h("div", { key: '85286e56eb5b13796519fa682ec50523191a54d2', class: `toggle_div ${this.size}` }, index.h("div", { key: '8f0c7dc3d5aedd3fc94060d5571e12591c27d5d0', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'dd7b9a55c15ad84ae8a178e873ba4b7c39a64cae', size: this.size, state: this.state })), index.h("div", { key: '1fba864e87469a174899e0673f2b9204a0133305', class: "text" }, index.h("slot", { key: '1a4aefcc1caa3d539f064417c3f176aefd9d7017', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'fe0b05b3c03ded4db3223fe87794819f22d12877', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field.cjs.entry.js

@@ -18,7 +18,7 @@ const GbTokenField = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '28e510f82d597c59d9debfa21760d818c179cd24', class: this.size }, index.h("div", { key: '5f01ebc1d6c6c9f01ca0e4b1612006ef5834b4cd', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '271d5420d3fbdf0c0b95a5494d8dfac1efa0d413' }, this.label)), this.digits === 4 && (index.h("div", { key: '5c9bd24f10845968288adfc022089a000280f2d8', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'c72c9815587fb716490a0d6c02b4d81270c6f141', size: this.size }), index.h("gb-megainput-field", { key: '045ab96da3f86c1b01b7c7602a88354e01d423ca', size: this.size }), index.h("gb-megainput-field", { key: '2837a52c4ef86af64de67cf2fe4a74177a71e7f4', size: this.size }), index.h("gb-megainput-field", { key: 'df5921afec3344c99f81d6d5d86887e2d28c6423', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'bcfa7b95063624fc9fd17339268db9c3adfd507c', class: "input-wrapper" }, index.h("div", { key: 'aad10fc1978f430d34cf44ae64894c984ff8937a', class: "first=section" }, index.h("gb-megainput-field", { key: '028897cf410d6390941f2fb309a04ddfa9d52d12', size: this.size }), index.h("gb-megainput-field", { key: '402540d9fb79fb9790fb209978017a97b47a9952', size: this.size }), index.h("gb-megainput-field", { key: 'c783c80aa427c036a7f649b7cb55eead9336c041', size: this.size })), index.h("div", { key: '4ff213bc0b8b25ca8868b4e9966f358cfaca5971', class: "second=section" }, index.h("gb-megainput-field", { key: '6719f907480a0ec1703664d4d6370b66dd0f5d87', size: this.size }), index.h("gb-megainput-field", { key: '1005ccbfaea0f26dda108db2264aab01db19517a', size: this.size }), index.h("gb-megainput-field", { key: '2164528cebb8abb2455be083b6a056ccfa866cc7', size: this.size })))), this.digits === 8 && (index.h("div", { key: '6861cfe083dc24bd7864127dd6a22334617553d4', class: "input-wrapper" }, index.h("div", { key: 'c6355517397d30f7eb953a902151a37092b302ab', class: "first=section" }, index.h("gb-megainput-field", { key: '3ba1fa74fa726e8a0c9f259c2580418788d48189', size: this.size }), index.h("gb-megainput-field", { key: '0b57ef02b5090cc58182d89fed08c7cf1ae60359', size: this.size }), index.h("gb-megainput-field", { key: '9afc05116f1a1565dd6bb37e89c5de86cc0ccd83', size: this.size }), index.h("gb-megainput-field", { key: '503ce6ca10df2931c954bf24a584139e950bbf04', size: this.size })), index.h("div", { key: '5d1cd19b8daeab2a90a6bc0f34d9e746f8315363', class: "second=section" }, index.h("gb-megainput-field", { key: '9fef897cd3a889e8b47b297778bcb3f0a3dd677f', size: this.size }), index.h("gb-megainput-field", { key: '593ce604685893a6ebea434ee36ab787cb5025ea', size: this.size }), index.h("gb-megainput-field", { key: '5fc47ef62dc5b7d6c306197912a978324f118b1d', size: this.size }), index.h("gb-megainput-field", { key: '837453f19c842741d01c2dbf34d7040d8dc04b8b', size: this.size }))))), index.h("p", { key: 'f32548665245e9e47698510a5b261097b790c6d9' }, this.supportingText)));
+        return (index.h("div", { key: 'ba6f742388a8a05fef9ceee6efff7a5de728c3de', class: this.size }, index.h("div", { key: '2df03ed2ae944f3c47c12e351d553eb4fa21b69e', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'a8b76a53e5c5350e9bfa96d38e5ea9ee9f9550e7' }, this.label)), this.digits === 4 && (index.h("div", { key: '19f48a27d161b2ceca9382c747852f88f19a4f76', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '2b5f64f9f559328948ea5072b13e714ec5068ca9', size: this.size }), index.h("gb-megainput-field", { key: '2493e323235442f1effba97bb99b3d0293008af1', size: this.size }), index.h("gb-megainput-field", { key: 'ff1cea3d4bdbd430305d26d6f300602e81eb497c', size: this.size }), index.h("gb-megainput-field", { key: '541c126d0beb132fc0860ce91eeb17f1d05b04c2', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'ffbd9b4a7cc4b0213bf4e2435573088aaf47d424', class: "input-wrapper" }, index.h("div", { key: 'd1af82f9ca3cd64cd7d2a28dbb887c7f94113611', class: "first=section" }, index.h("gb-megainput-field", { key: 'b860b2419d61604f9eaad9d9cdaaa108d2cd1c2d', size: this.size }), index.h("gb-megainput-field", { key: '815e110b663e4b9310ac722a0fa9448ba846aba9', size: this.size }), index.h("gb-megainput-field", { key: 'fd402168fb024ee4ccbd05a413b3ceb345dc13d1', size: this.size })), index.h("div", { key: 'c8d969d0bbd25ee86ec986934d81867888a263c4', class: "second=section" }, index.h("gb-megainput-field", { key: 'a7bd95fec767f37ebcf74020954d017c34352ccb', size: this.size }), index.h("gb-megainput-field", { key: '5e357db7ecc8a58b6b9b7162efa878aa19b7b5ae', size: this.size }), index.h("gb-megainput-field", { key: '83b332660d353a4d4ee9d30e4499aed1101dd37a', size: this.size })))), this.digits === 8 && (index.h("div", { key: '152abbd48b0d2f16e23d53e669aa71139f1cce3e', class: "input-wrapper" }, index.h("div", { key: 'a7dd290693947c7bd7dd23ac5acb8fd6ebf46521', class: "first=section" }, index.h("gb-megainput-field", { key: 'af26f24fb4f5cc031dd639709243beed92285d33', size: this.size }), index.h("gb-megainput-field", { key: '3e8cfcee6bae3d33ab60add14cfc5cac10ffc95c', size: this.size }), index.h("gb-megainput-field", { key: '0f95754fbaf7129744bc5737398875c885672d04', size: this.size }), index.h("gb-megainput-field", { key: '92af6df172fde814b3f102bbe689698ecf9322f1', size: this.size })), index.h("div", { key: 'f0b1e55ee80dea7136636b4c930177763efe803c', class: "second=section" }, index.h("gb-megainput-field", { key: '1b20c5ace66c63e8747ad27bfddb619c0db4d145', size: this.size }), index.h("gb-megainput-field", { key: 'ddf8ecff88a694fe98e341aa813370a1f1e3b7f1', size: this.size }), index.h("gb-megainput-field", { key: '834405b51e192ebc95a32441022c73251408b94a', size: this.size }), index.h("gb-megainput-field", { key: '07e89aa4b7048289af29d695d15de64851d29365', size: this.size }))))), index.h("p", { key: 'a0ecb004c06b99f0287237a86f6e1b26a025fdd0' }, this.supportingText)));
     }
 };
 GbTokenField.style = GbTokenFieldStyle0;

package/dist/cjs/gb-verification-code-field.cjs.entry.js

@@ -18,11 +18,11 @@ const GbVerificationCodeField = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '5acccc8f335f4815141ed7074fd250dfcdfc2cc3', class: {
+        return (index.h("div", { key: 'c68cb3414a8bd49af667fbf2027c3a4d85ef12e1', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true
-            } }, index.h("div", { key: '9f670da48c1b0d569f16b1f91b558ef0a1961d83', class: "input-with-label" }, this.shoowLabel && (index.h("label", { key: 'ffb5f7c82d6338c8e82de2ba238b1ec8358c05b2', class: "text-sm-medium" }, this.label)), this.digits === 4 && (index.h("div", { key: '6e1d30b563c94289565846a16396d54c0478da36', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '9810d4a0751d9cc7c88449dfbebced3426f4f365', size: this.size }), index.h("gb-megainput-field", { key: 'f30af067f8ffe5c12afd1d34b407d16fd5ed8a7c', size: this.size }), index.h("gb-megainput-field", { key: '2cf1c3cd2c0c5a60a57a0ea21dc7ebacfeaf8fb7', size: this.size }), index.h("gb-megainput-field", { key: '5168061d3fb15c1a6f392864fa4866a7445b6796', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'd3db6f63b7d2efe054e49693510eedf3d5fc252a', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'a2f355859c29a3e8a1dfdf9dde90106b54509fba', size: this.size }), index.h("gb-megainput-field", { key: '7a7302db66ed534c92ae5ff57299fec285325bb6', size: this.size }), index.h("gb-megainput-field", { key: '12a72dbbba28642848ea7351d185fc4b064c9382', size: this.size }), index.h("p", { key: '9af84a1612fc408096f815c3f864148b4cc55d0c', class: "display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: 'e63df5305055f80005a440aa42077946a8b786f6', size: this.size }), index.h("gb-megainput-field", { key: 'bbea7a6da72a1e745f8ef0b8d9752866a7a28d14', size: this.size }), index.h("gb-megainput-field", { key: '203ddddcff6bd24a7a94af59037e7fe2d6dca58f', size: this.size }))), this.digits === 8 && (index.h("div", { key: '1b56caa6c02ab5050ab66c6b616f02912f4ecdb1', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '2932786b72f097009038e8d6533f1f6ff0bcb41b', size: this.size }), index.h("gb-megainput-field", { key: '95cd47c1a955932538d0ab7d45e960520e8bcf49', size: this.size }), index.h("gb-megainput-field", { key: 'a6e868efa888d9daf9da2e1fb39d084f3e72bee6', size: this.size }), index.h("gb-megainput-field", { key: 'fa02235635786d36fbd4e28207c75c7fb905ada7', size: this.size }), index.h("p", { key: 'ac8ad0942e706b83bea78bb548b8fa8d7efd9722', class: "display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '880ed716f2a21de652ad4b7f2f5fb66e46799ec0', size: this.size }), index.h("gb-megainput-field", { key: '18f19722699fc2ce81be2a7392f87588ff8b183f', size: this.size }), index.h("gb-megainput-field", { key: '48d1f77b0f4e0d2ae7bcb08201287cedd6df86cb', size: this.size }), index.h("gb-megainput-field", { key: '16972da0094c39f66823abf988c81c72eb90304b', size: this.size })))), this.showHintText && (index.h("div", { key: 'cdfe9b91825d217ac3dfa2ead95414f36d8ca16e', class: "text-sm-regular" }, this.hintText))));
+            } }, index.h("div", { key: 'cfe6602de755a23ac9f547cb1a33ba6ca70e50b8', class: "input-with-label" }, this.shoowLabel && (index.h("label", { key: '0da671e86bac39313b15b0910844f5427d2a4060', class: "text-sm-medium" }, this.label)), this.digits === 4 && (index.h("div", { key: 'bc9f26d73ccfef08c1c687441534f44d4e95eeae', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '87b1b53511396005fdbd291d6faa2e1f192d3bde', size: this.size }), index.h("gb-megainput-field", { key: 'a699e4c428c43246b3dee8d5b1d6c8d73bf2aa7e', size: this.size }), index.h("gb-megainput-field", { key: '248155ef0c5e7a8d1fbdc0bcd07ccc9a9e06cca7', size: this.size }), index.h("gb-megainput-field", { key: '58a61f273137bce6fbfc38ace3af7e72a444c6c2', size: this.size }))), this.digits === 6 && (index.h("div", { key: '2a891a791085ffe2451d112b0801c18256ff0bd3', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '30aaae4cf8490717c3faa3f1fc68128454b74135', size: this.size }), index.h("gb-megainput-field", { key: '8eccef92daaf111f3b0bae0ada117a5cd32640fe', size: this.size }), index.h("gb-megainput-field", { key: 'a904a30586207aadd2999b9f2c3e8561b0a318f3', size: this.size }), index.h("p", { key: 'e86740e7ec28e5725e8de583559064ecaddf3686', class: "display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '6bf9b3002377bd592a263564fab8bc368ff8a0db', size: this.size }), index.h("gb-megainput-field", { key: '40069c9d73c1d29b2a456056469a93edf353c7c3', size: this.size }), index.h("gb-megainput-field", { key: '6e79c9dd1b838e3ddfe7993cb647426cd698ec8a', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'b2c48bfaa0deaf958ca4a75299969a309d25ac7c', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '1cfb3cd35efd950cf639ee10a7c961ab25ebb156', size: this.size }), index.h("gb-megainput-field", { key: 'fa77e5976fa23a5fdfcd104609a151396134d9b7', size: this.size }), index.h("gb-megainput-field", { key: '327bf6e19313b1f3b12fe77c548c9bcbbfe1e73b', size: this.size }), index.h("gb-megainput-field", { key: 'a59784ed879446eb3d0cab5deb80c3e1d5e55476', size: this.size }), index.h("p", { key: '0918ff9ffa93763cbdad98659f296272ac44ad97', class: "display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '10bbea88e2c2242ae1e0dbac50d4fd42bd4ad3da', size: this.size }), index.h("gb-megainput-field", { key: '45260add47ab44289c6d2635196b9c74084f02a4', size: this.size }), index.h("gb-megainput-field", { key: '0a7489737fab4bed12c9377a158d1f44d3e04023', size: this.size }), index.h("gb-megainput-field", { key: 'd03da3f73b645c04e48055a293036a379af5a5ed', size: this.size })))), this.showHintText && (index.h("div", { key: '744ac2bc8ca0c679393dcdbc84d03d665c2e07c1', class: "text-sm-regular" }, this.hintText))));
     }
 };
 GbVerificationCodeField.style = GbVerificationCodeFieldStyle0;

package/dist/cjs/globuscomponents.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_32.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"activeIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"activeIndex\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4]}],[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[1,\"gb-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-password-button\",{\"isPasswordVisible\":[32]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"]}]]],[\"gb-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-input-dropdown-menu-item.cjs\",[[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"shoowLabel\":[4,\"shoow-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-notification-panel.cjs\",[[1,\"gb-notification-panel\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-pagination-number-base.cjs\",[[1,\"gb-pagination-number-base\",{\"shape\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_32.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"activeIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"activeIndex\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4]}],[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[1,\"gb-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"]}]]],[\"gb-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-input-dropdown-menu-item.cjs\",[[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"shoowLabel\":[4,\"shoow-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-notification-panel.cjs\",[[1,\"gb-notification-panel\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-pagination-number-base.cjs\",[[1,\"gb-pagination-number-base\",{\"shape\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/loader.cjs.js

@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_32.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"activeIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"activeIndex\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4]}],[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[1,\"gb-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-password-button\",{\"isPasswordVisible\":[32]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"]}]]],[\"gb-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-input-dropdown-menu-item.cjs\",[[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"shoowLabel\":[4,\"shoow-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-notification-panel.cjs\",[[1,\"gb-notification-panel\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-pagination-number-base.cjs\",[[1,\"gb-pagination-number-base\",{\"shape\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_32.cjs\",[[1,\"gb-sidebar\",{\"state\":[1025],\"category\":[1],\"showSecondCategory\":[4,\"show-second-category\"],\"applicationName\":[1,\"application-name\"],\"firstItemIcon\":[1,\"first-item-icon\"],\"secondItemIcon\":[1,\"second-item-icon\"],\"thirdItemIcon\":[1,\"third-item-icon\"],\"fourthItemIcon\":[1,\"fourth-item-icon\"],\"fifthItemIcon\":[1,\"fifth-item-icon\"],\"sixthItemIcon\":[1,\"sixth-item-icon\"],\"seventhItemIcon\":[1,\"seventh-item-icon\"],\"eighthItemIcon\":[1,\"eighth-item-icon\"],\"ninthItemIcon\":[1,\"ninth-item-icon\"],\"tenthItemIcon\":[1,\"tenth-item-icon\"],\"iconInstance\":[1,\"icon-instance\"],\"label\":[1],\"firstItemLabel\":[1,\"first-item-label\"],\"secondItemLabel\":[1,\"second-item-label\"],\"thirdItemLabel\":[1,\"third-item-label\"],\"fourthItemLabel\":[1,\"fourth-item-label\"],\"fifthItemLabel\":[1,\"fifth-item-label\"],\"sixthItemLabel\":[1,\"sixth-item-label\"],\"seventhItemLabel\":[1,\"seventh-item-label\"],\"eighthItemLabel\":[1,\"eighth-item-label\"],\"ninthItemLabel\":[1,\"ninth-item-label\"],\"tenthItemLabel\":[1,\"tenth-item-label\"],\"activeIndex\":[32],\"leadingIconSvg\":[32],\"sideBarItemClicked\":[64]}],[1,\"gb-horizontal-tabs\",{\"type\":[1],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"breakpoint\":[1],\"thirdTab\":[4,\"third-tab\"],\"fourthTab\":[4,\"fourth-tab\"],\"fifthTab\":[4,\"fifth-tab\"],\"sixthTab\":[4,\"sixth-tab\"],\"seventhTab\":[4,\"seventh-tab\"],\"eighthTab\":[4,\"eighth-tab\"],\"ninthTab\":[4,\"ninth-tab\"],\"tenthTab\":[4,\"tenth-tab\"],\"firstTabName\":[1,\"first-tab-name\"],\"secondTabName\":[1,\"second-tab-name\"],\"thirdTabName\":[1,\"third-tab-name\"],\"fourthTabName\":[1,\"fourth-tab-name\"],\"fifthTabName\":[1,\"fifth-tab-name\"],\"sixthTabName\":[1,\"sixth-tab-name\"],\"seventhTabName\":[1,\"seventh-tab-name\"],\"eighthTabName\":[1,\"eighth-tab-name\"],\"ninthTabName\":[1,\"ninth-tab-name\"],\"tenthTabName\":[1,\"tenth-tab-name\"],\"activeIndex\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4]}],[1,\"gb-avatar-group\",{\"size\":[1],\"moreUsers\":[4,\"more-users\"],\"addMoreButton\":[4,\"add-more-button\"],\"text\":[4],\"state\":[1],\"images\":[16]}],[1,\"gb-checkbox-group-item\",{\"size\":[1],\"type\":[1],\"state\":[1],\"breakpoint\":[1],\"showCost\":[4,\"show-cost\"],\"selected\":[1028]}],[1,\"gb-header\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"text\":[4],\"placeholder\":[4]}],[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[4],\"state\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"showValidation\":[4,\"show-validation\"],\"iconSwap\":[1,\"icon-swap\"],\"showCloseButton\":[4,\"show-close-button\"]}],[1,\"gb-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[2,\"current-page\"],\"totalPages\":[2,\"total-pages\"]}],[0,\"gb-carousel-arrow\",{\"size\":[1],\"chevron\":[1]}],[1,\"gb-pagination-button-group-base\",{\"icon\":[1],\"iconLeading\":[1,\"icon-leading\"],\"iconTrailing\":[1,\"icon-trailing\"]}],[1,\"gb-side-bar-item\",{\"state\":[1],\"type\":[1],\"label\":[1],\"icon\":[1],\"category\":[1],\"showArrow\":[4,\"show-arrow\"],\"showBadge\":[4,\"show-badge\"],\"showTooltip\":[1028,\"show-tooltip\"],\"leadingIconSvg\":[32],\"textState\":[32]}],[1,\"gb-tab-button-base\",{\"current\":[4],\"size\":[1],\"fullWidth\":[4,\"full-width\"],\"badge\":[4],\"type\":[1],\"tabName\":[1,\"tab-name\"]}],[1,\"gb-password-button\",{\"state\":[1],\"isPasswordVisible\":[32]}],[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}],[1,\"gb-collapse-button\",{\"color\":[1],\"isCollapsed\":[1028,\"is-collapsed\"],\"action\":[1025],\"isHovered\":[1028,\"is-hovered\"],\"collapseSidebar\":[64],\"expandSidebar\":[64]}],[1,\"gb-header-icon\",{\"state\":[1],\"showIndicator\":[4,\"show-indicator\"],\"icon\":[1]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-input-dropdown\",{\"type\":[1],\"state\":[1],\"size\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholderText\":[1,\"placeholder-text\"],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"],\"showHelpIcon\":[4,\"show-help-icon\"],\"iconSwap\":[1,\"icon-swap\"],\"text\":[4]}],[4,\"gb-btn\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-checkbox-base\",{\"state\":[1025],\"size\":[1],\"type\":[1],\"checked\":[1028],\"indeterminate\":[1028]}],[1,\"gb-button\",{\"size\":[1],\"hierarchy\":[1],\"icon\":[1],\"destructive\":[4],\"state\":[1],\"iconLeading\":[4,\"icon-leading\"],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailing\":[4,\"icon-trailing\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"leadingIconSvg\":[32],\"trailingIconSvg\":[32]}],[1,\"gb-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"arrow\":[1],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-avatar\",{\"size\":[1],\"placeholder\":[4],\"text\":[4],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"icon\":[1],\"weight\":[1]}],[1,\"gb-avatar-contrast-inner-border\",{\"weight\":[1],\"size\":[1]}],[1,\"gb-status-indicator\",{\"statusIcon\":[1,\"status-icon\"],\"size\":[1],\"state\":[1],\"indicatorStateClass\":[1,\"indicator-state-class\"]}]]],[\"gb-avatar-dropdown.cjs\",[[1,\"gb-avatar-dropdown\",{\"type\":[1],\"text\":[4],\"showProfile\":[4,\"show-profile\"],\"showDarkTheme\":[4,\"show-dark-theme\"],\"showLogOut\":[4,\"show-log-out\"],\"listGroupOne\":[4,\"list-group-one\"],\"listGroupTwo\":[4,\"list-group-two\"],\"listGroupThree\":[4,\"list-group-three\"]}]]],[\"gb-rich-text.cjs\",[[1,\"gb-rich-text\",{\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-file-upload.cjs\",[[1,\"gb-file-upload\",{\"icon\":[1],\"type\":[1],\"heightSize\":[1,\"height-size\"],\"state\":[1],\"destructive\":[4],\"showLabel\":[4,\"show-label\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-input-dropdown-menu-item.cjs\",[[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]],[\"gb-token-field.cjs\",[[1,\"gb-token-field\",{\"size\":[1],\"digits\":[2],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showSupportingText\":[4,\"show-supporting-text\"],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-verification-code-field.cjs\",[[1,\"gb-verification-code-field\",{\"size\":[1],\"digits\":[2],\"shoowLabel\":[4,\"shoow-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-tooltip.cjs\",[[1,\"gb-wysiwyg-tooltip\",{\"arrow\":[1],\"breakpoint\":[1]}]]],[\"gb-checkbox-group.cjs\",[[1,\"gb-checkbox-group\",{\"size\":[1],\"breakpoint\":[1],\"icon\":[1],\"selected\":[4],\"type\":[1]}]]],[\"gb-file-type-icon.cjs\",[[1,\"gb-file-type-icon\"]]],[\"gb-notification-content.cjs\",[[1,\"gb-notification-content\",{\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}]]],[\"gb-notification-panel.cjs\",[[1,\"gb-notification-panel\",{\"state\":[1],\"notifications\":[32]},[[0,\"slotchange\",\"handleSlotChange\"]]]]],[\"gb-pagination-dot-indicator.cjs\",[[0,\"gb-pagination-dot-indicator\",{\"current\":[4],\"type\":[1],\"size\":[1]}]]],[\"gb-pagination-number-base.cjs\",[[1,\"gb-pagination-number-base\",{\"shape\":[1]}]]],[\"gb-progress-circle.cjs\",[[1,\"gb-progress-circle\",{\"size\":[1],\"shape\":[1],\"label\":[4],\"progress\":[2]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-textarea-input-field.cjs\",[[1,\"gb-textarea-input-field\",{\"type\":[1],\"destructive\":[4],\"state\":[1],\"showPlaceholder\":[4,\"show-placeholder\"],\"placeholder\":[1],\"showLabel\":[4,\"show-label\"],\"label\":[1],\"showHintText\":[4,\"show-hint-text\"],\"hintText\":[1,\"hint-text\"]}]]],[\"gb-wysiwyg-toolbar.cjs\",[[1,\"gb-wysiwyg-toolbar\",{\"breakpoint\":[1],\"fontSelector\":[4,\"font-selector\"],\"bold\":[4],\"italic\":[4],\"h1\":[4,\"h-1\"],\"h2\":[4,\"h-2\"],\"quote\":[4],\"link\":[4],\"image\":[4],\"bulletList\":[4,\"bullet-list\"],\"numberList\":[4,\"number-list\"]}]]],[\"gb-file-upload-item-base.cjs\",[[1,\"gb-file-upload-item-base\",{\"icon\":[1],\"state\":[1],\"heightSize\":[1,\"height-size\"],\"fileType\":[1,\"file-type\"],\"buttonState\":[1,\"button-state\"]}]]],[\"gb-avatar-label-group.cjs\",[[1,\"gb-avatar-label-group\",{\"size\":[1],\"statusIcon\":[1,\"status-icon\"],\"state\":[1],\"placeholder\":[4],\"text\":[4]}]]],[\"gb-slider-control-handle.cjs\",[[1,\"gb-slider-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle-base.cjs\",[[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1]}]]],[\"gb-dropdown-items-with-shortcut.cjs\",[[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]],[\"gb-checkbox.cjs\",[[1,\"gb-checkbox\",{\"checked\":[4],\"indeterminate\":[4],\"size\":[1],\"type\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/collection/components/gb-button/readme.md

@@ -2,43 +2,45 @@
 
 
 
-<!-- Auto Generated Below -->
-
-
-## Properties
-
-| Property           | Attribute            | Description | Type                                                                                                                       | Default     |
-| ------------------ | -------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `destructive`      | `destructive`        |             | `boolean`                                                                                                                  | `false`     |
-| `hierarchy`        | `hierarchy`          |             | `"link_color" \| "link_gray" \| "primary" \| "secondary_color" \| "secondary_gray" \| "tertiary_color" \| "tertiary_gray"` | `undefined` |
-| `icon`             | `icon`               |             | `"default" \| "only"`                                                                                                      | `undefined` |
-| `iconLeading`      | `icon-leading`       |             | `boolean`                                                                                                                  | `false`     |
-| `iconLeadingSwap`  | `icon-leading-swap`  |             | `string`                                                                                                                   | `undefined` |
-| `iconTrailing`     | `icon-trailing`      |             | `boolean`                                                                                                                  | `false`     |
-| `iconTrailingSwap` | `icon-trailing-swap` |             | `string`                                                                                                                   | `undefined` |
-| `size`             | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs" \| "xxs"` | `undefined` |
-| `state`            | `state`              |             | `"default" \| "disabled" \| "hover" \| "pressed"`                                                                          | `undefined` |
-
-
-## Dependencies
-
-### Used by
-
- - [gb-checkbox-group-item](../gb-checkbox-group-item)
- - [gb-file-upload-item-base](../gb-file-upload-item-base)
- - [gb-pagination](../gb-pagination)
- - [gb-toast](../gb-toast)
-
-### Graph
-```mermaid
-graph TD;
-  gb-checkbox-group-item --> gb-button
-  gb-file-upload-item-base --> gb-button
-  gb-pagination --> gb-button
-  gb-toast --> gb-button
-  style gb-button fill:#f9f,stroke:#333,stroke-width:4px
-```
-
-----------------------------------------------
-
-*Built with [StencilJS](https://stenciljs.com/)*
+<!-- Auto Generated Below -->
+
+
+## Properties
+
+| Property           | Attribute            | Description | Type                                                                                                                       | Default     |
+| ------------------ | -------------------- | ----------- | -------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `destructive`      | `destructive`        |             | `boolean`                                                                                                                  | `false`     |
+| `hierarchy`        | `hierarchy`          |             | `"link_color" \| "link_gray" \| "primary" \| "secondary_color" \| "secondary_gray" \| "tertiary_color" \| "tertiary_gray"` | `undefined` |
+| `icon`             | `icon`               |             | `"default" \| "only"`                                                                                                      | `undefined` |
+| `iconLeading`      | `icon-leading`       |             | `boolean`                                                                                                                  | `false`     |
+| `iconLeadingSwap`  | `icon-leading-swap`  |             | `string`                                                                                                                   | `undefined` |
+| `iconTrailing`     | `icon-trailing`      |             | `boolean`                                                                                                                  | `false`     |
+| `iconTrailingSwap` | `icon-trailing-swap` |             | `string`                                                                                                                   | `undefined` |
+| `size`             | `size`               |             | `"lg" \| "md" \| "profile_lg" \| "profile_md" \| "profile_sm" \| "sm" \| "xl" \| "xl2" \| "xl3" \| "xl4" \| "xs" \| "xxs"` | `undefined` |
+| `state`            | `state`              |             | `"default" \| "disabled" \| "hover" \| "pressed"`                                                                          | `undefined` |
+
+
+## Dependencies
+
+### Used by
+
+ - [gb-checkbox-group-item](../gb-checkbox-group-item)
+ - [gb-file-upload-item-base](../gb-file-upload-item-base)
+ - [gb-input-field](../gb-input-field)
+ - [gb-pagination](../gb-pagination)
+ - [gb-toast](../gb-toast)
+
+### Graph
+```mermaid
+graph TD;
+  gb-checkbox-group-item --> gb-button
+  gb-file-upload-item-base --> gb-button
+  gb-input-field --> gb-button
+  gb-pagination --> gb-button
+  gb-toast --> gb-button
+  style gb-button fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+----------------------------------------------
+
+*Built with [StencilJS](https://stenciljs.com/)*

package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js

@@ -82,9 +82,8 @@ export class GbCheckboxGroupItem {
         }
     }
     render() {
-        console.log(this.selected);
         return [
-            h("div", { key: '986b12f41f0c6a097a44e0a72a4aa2e1543f909a', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`, onClick: () => this.toggleSelection() }, h("div", { key: '2fca4c92e295578f52bfb872fc47667095361d89', class: "item-content" }, this.renderIcon(), h("div", { key: '2a2164e8e4216c875cbe00f83f7d8946f31b1d22', class: "text-container" }, h("div", { key: '71a94f3aaa869bdef7c15c56260a14071028f5df', class: `label-cost ${this.type}` }, h("slot", { key: 'e082c37b4180c799a3c520eeb9ddfae90713d579', name: "label" }), this.showCost && (h("slot", { key: '88a15aab3e94f0aaeda4e3bb4178205653823b69', name: "cost" }))), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), h("div", { key: '2094f544b2ecd223a7da93b95f2f9e69aa91535d', class: `checkbox_container` }, h("gb-checkbox-base", { key: 'ea0bbf2f012e4d075a23aa9d2c5df21924782220', type: this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle', size: this.size, state: this.state, checked: this.selected }))),
+            h("div", { key: '677f08ebc46bd447daeb7abe65a13d963f806cf1', class: `checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`, onClick: () => this.toggleSelection() }, h("div", { key: '81e9d82ce81397297c54ae23f33ffe2421817e2b', class: "item-content" }, this.renderIcon(), h("div", { key: '9df2f0baf23d886ad978ca02c4f169b45f1cc16a', class: "text-container" }, h("div", { key: '0e49c7d1bca2842f593361b4a0d98372ff5674a6', class: `label-cost ${this.type}` }, h("slot", { key: 'c1e73a26cf82135fce3b32b1576d7ff901f3fe9d', name: "label" }), this.showCost && (h("slot", { key: '76788dcac0d14b5361de9dba3b7ba03d06d0ee92', name: "cost" }))), this.type === 'payment_icon' ? (h("div", { class: "buttons" }, h("gb-button", { size: this.size, hierarchy: "link_gray", icon: "default", state: this.state }, h("p", null, "Set as default")), h("gb-button", { size: this.size, hierarchy: "link_color", icon: "default", state: this.state }, h("p", null, "Edit")))) : (h("slot", { name: "supporting_text" })))), h("div", { key: 'aef802f3e1bd9b5a1fd3aa735f7cb8f681566d0a', class: `checkbox_container` }, h("gb-checkbox-base", { key: '96d3f90d8274e0fdd4f53030a504752c01449ca1', type: this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle', size: this.size, state: this.state, checked: this.selected }))),
         ];
     }
     static get is() { return "gb-checkbox-group-item"; }

package/dist/collection/components/gb-checkbox-group-item/gb-checkbox-group-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-checkbox-group-item.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox-group-item/gb-checkbox-group-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\r\nimport {  GeneralSizes, StateEnum, BreakPoints } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-checkbox-group-item',\r\n  styleUrl: 'gb-checkbox-group-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbCheckboxGroupItem {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';\r\n  @Prop() state: StateEnum;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() showCost: boolean = false; // to control cost visibility\r\n  @Element() el: HTMLElement;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n\r\n  private getLabelSizeClass() {\r\n    switch (this.size) {\r\n      case 'md':\r\n        return 'text-lg-semi-bold';\r\n      case 'sm':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  private getCostSizeClass() {\r\n    switch (this.size) {\r\n      case 'xl':\r\n        return 'text-md-regular';\r\n      case 'lg':\r\n        return 'text-md-regular';\r\n      case 'md':\r\n        return 'text-sm-regular';\r\n      case 'sm':\r\n        return 'text-xs-regular';\r\n      default:\r\n        return 'text-xs-regular';\r\n    }\r\n  }\r\n\r\n  private getLabelColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'label_selected';\r\n      case false : return 'label_not_selected';\r\n    }\r\n  }\r\n\r\n  private getCostColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'cost_selected';\r\n      case false : return 'cost_not_selected';\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n\r\n      labelSlot.classList.add(this.getLabelColorClasses());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (labelSlot) {\r\n      labelSlot.classList.add(this.getLabelSizeClass());\r\n    }\r\n\r\n    if (costSlot) {\r\n      costSlot.classList.add(this.getCostSizeClass());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add(this.getCostSizeClass());\r\n      supportingTextSlot.classList.add('supporting_text');\r\n    }\r\n  }\r\n\r\n  private renderIcon() {\r\n    switch (this.type) {\r\n      case 'avatar':\r\n        return (\r\n          <gb-avatar class=\"icon-md\" size=\"md\" placeholder={false} icon=\"user\">\r\n            <img src=\"build/assets/avatar_pic.jpg\" slot=\"image\"></img>\r\n          </gb-avatar>\r\n        );\r\n      case 'payment_icon':\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"32\" viewBox=\"0 0 46 32\" fill=\"none\">\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" fill=\"white\" />\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" stroke=\"#F8FAFC\" />\r\n            <path\r\n              fill-rule=\"evenodd\"\r\n              clip-rule=\"evenodd\"\r\n              d=\"M14.3336 21.1444H11.5872L9.52784 13.0565C9.43009 12.6845 9.22255 12.3556 8.91725 12.2006C8.15535 11.811 7.31579 11.501 6.3999 11.3446V11.0332H10.824C11.4346 11.0332 11.8925 11.501 11.9689 12.0442L13.0374 17.8782L15.7824 11.0332H18.4524L14.3336 21.1444ZM19.9789 21.1444H17.3852L19.5209 11.0332H22.1146L19.9789 21.1444ZM25.4702 13.8343C25.5465 13.2898 26.0044 12.9784 26.5387 12.9784C27.3783 12.9002 28.2928 13.0566 29.0561 13.4448L29.514 11.2678C28.7508 10.9564 27.9112 10.8 27.1493 10.8C24.6319 10.8 22.8002 12.2006 22.8002 14.1444C22.8002 15.6231 24.0977 16.3995 25.0136 16.8673C26.0044 17.3337 26.3861 17.6451 26.3097 18.1114C26.3097 18.811 25.5465 19.1224 24.7846 19.1224C23.8687 19.1224 22.9528 18.8892 22.1146 18.4997L21.6567 20.678C22.5725 21.0662 23.5634 21.2226 24.4793 21.2226C27.3019 21.2994 29.0561 19.9002 29.0561 17.8001C29.0561 15.1553 25.4702 15.0003 25.4702 13.8343ZM38.1332 21.1444L36.0738 11.0332H33.8618C33.4038 11.0332 32.9459 11.3446 32.7932 11.811L28.9797 21.1444H31.6497L32.1826 19.667H35.4632L35.7685 21.1444H38.1332ZM34.2434 13.7562L35.0053 17.5669H32.8696L34.2434 13.7562Z\"\r\n              fill=\"#172B85\"\r\n            />\r\n          </svg>\r\n        );\r\n      case 'icon_simple':\r\n      default:\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n            <path\r\n              opacity=\"0.4\"\r\n              d=\"M11.524 4.19421L9.25088 5.24491C5.75029 6.863 4 7.67204 4 9.00008C4 10.3281 5.7503 11.1372 9.25089 12.7553L11.524 13.806C13.727 14.8243 14.8285 15.3334 16 15.3334C17.1715 15.3334 18.273 14.8243 20.476 13.806L22.7491 12.7553C26.2497 11.1372 28 10.3281 28 9.00008C28 7.67204 26.2497 6.86299 22.7491 5.2449L20.476 4.19421C18.273 3.1759 17.1715 2.66675 16 2.66675C14.8285 2.66675 13.727 3.1759 11.524 4.19421Z\"\r\n              fill=\"#064E94\"\r\n            />\r\n            <path\r\n              d=\"M27.7173 14.797C27.9058 15.062 28 15.3382 28 15.6419C28 16.951 26.2497 17.7486 22.7491 19.3436L20.476 20.3794C18.273 21.3832 17.1715 21.8851 16 21.8851C14.8285 21.8851 13.727 21.3832 11.524 20.3794L9.25089 19.3436C5.7503 17.7486 4 16.951 4 15.6419C4 15.3382 4.09422 15.062 4.28267 14.797M27.1689 21.6876C27.723 22.1289 28 22.5688 28 23.0896C28 24.3987 26.2497 25.1962 22.7491 26.7913L20.476 27.827C18.273 28.8308 17.1715 29.3327 16 29.3327C14.8285 29.3327 13.727 28.8308 11.524 27.827L9.25089 26.7913C5.7503 25.1962 4 24.3987 4 23.0896C4 22.5688 4.27704 22.1289 4.83112 21.6876M9.25088 5.24491L11.524 4.19421C13.727 3.1759 14.8285 2.66675 16 2.66675C17.1715 2.66675 18.273 3.1759 20.476 4.19421L22.7491 5.2449C26.2497 6.863 28 7.67204 28 9.00008C28 10.3281 26.2497 11.1372 22.7491 12.7553L20.476 13.806C18.273 14.8243 17.1715 15.3334 16 15.3334C14.8285 15.3334 13.727 14.8243 11.524 13.806L9.25089 12.7553C5.7503 11.1372 4 10.3281 4 9.00008C4 7.67204 5.75029 6.863 9.25088 5.24491Z\"\r\n              stroke=\"#064E94\"\r\n              stroke-width=\"1.5\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        );\r\n    }\r\n  }\r\n\r\n  // Toggle selected state on checkbox click\r\n  private toggleSelection() {\r\n    if(this.state === 'default') {\r\n      this.selected = !this.selected;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    console.log(this.selected);\r\n    return [\r\n      <div class={`checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`} onClick={() => this.toggleSelection()}>\r\n        <div class=\"item-content\">\r\n          {this.renderIcon()}\r\n          <div class=\"text-container\">\r\n            <div class={`label-cost ${this.type}`}>\r\n              <slot name=\"label\"></slot>\r\n              {this.showCost && (\r\n                <slot name=\"cost\"></slot>\r\n              )}\r\n            </div>\r\n              {this.type === 'payment_icon' ? (\r\n                <div class=\"buttons\">\r\n                  <gb-button size={this.size} hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n                    <p>Set as default</p>\r\n                  </gb-button>\r\n                  <gb-button size={this.size} hierarchy=\"link_color\" icon=\"default\" state={this.state}>\r\n                    <p>Edit</p>\r\n                  </gb-button>\r\n                </div>\r\n              ) : (\r\n                <slot name=\"supporting_text\"></slot>\r\n              )}\r\n          </div>\r\n        </div>\r\n        <div class={`checkbox_container`}>\r\n          <gb-checkbox-base\r\n            type={this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle'}\r\n            size={this.size}\r\n            state={this.state}\r\n            checked={this.selected}\r\n          ></gb-checkbox-base>\r\n        </div>\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-checkbox-group-item.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox-group-item/gb-checkbox-group-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop, Element } from '@stencil/core';\r\nimport {  GeneralSizes, StateEnum, BreakPoints } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-checkbox-group-item',\r\n  styleUrl: 'gb-checkbox-group-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbCheckboxGroupItem {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() type: 'icon_simple' | 'avatar' | 'payment_icon' | 'radio_button' | 'checkbox';\r\n  @Prop() state: StateEnum;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() showCost: boolean = false; // to control cost visibility\r\n  @Element() el: HTMLElement;\r\n  @Prop({ mutable: true }) selected: boolean = false;\r\n\r\n  private getLabelSizeClass() {\r\n    switch (this.size) {\r\n      case 'md':\r\n        return 'text-lg-semi-bold';\r\n      case 'sm':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  private getCostSizeClass() {\r\n    switch (this.size) {\r\n      case 'xl':\r\n        return 'text-md-regular';\r\n      case 'lg':\r\n        return 'text-md-regular';\r\n      case 'md':\r\n        return 'text-sm-regular';\r\n      case 'sm':\r\n        return 'text-xs-regular';\r\n      default:\r\n        return 'text-xs-regular';\r\n    }\r\n  }\r\n\r\n  private getLabelColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'label_selected';\r\n      case false : return 'label_not_selected';\r\n    }\r\n  }\r\n\r\n  private getCostColorClasses() {\r\n    switch(this.selected) {\r\n      case true : return 'cost_selected';\r\n      case false : return 'cost_not_selected';\r\n    }\r\n  }\r\n\r\n  componentDidUpdate() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n\r\n      labelSlot.classList.add(this.getLabelColorClasses());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const labelSlot = this.el.querySelector('[slot=\"label\"]');\r\n    const costSlot = this.el.querySelector('[slot=\"cost\"]');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n    if (labelSlot) {\r\n      labelSlot.classList.add(this.getLabelSizeClass());\r\n    }\r\n\r\n    if (costSlot) {\r\n      costSlot.classList.add(this.getCostSizeClass());\r\n      costSlot.classList.add(this.getCostColorClasses());\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add(this.getCostSizeClass());\r\n      supportingTextSlot.classList.add('supporting_text');\r\n    }\r\n  }\r\n\r\n  private renderIcon() {\r\n    switch (this.type) {\r\n      case 'avatar':\r\n        return (\r\n          <gb-avatar class=\"icon-md\" size=\"md\" placeholder={false} icon=\"user\">\r\n            <img src=\"build/assets/avatar_pic.jpg\" slot=\"image\"></img>\r\n          </gb-avatar>\r\n        );\r\n      case 'payment_icon':\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"46\" height=\"32\" viewBox=\"0 0 46 32\" fill=\"none\">\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" fill=\"white\" />\r\n            <rect x=\"0.5\" y=\"0.5\" width=\"45\" height=\"31\" rx=\"5.5\" stroke=\"#F8FAFC\" />\r\n            <path\r\n              fill-rule=\"evenodd\"\r\n              clip-rule=\"evenodd\"\r\n              d=\"M14.3336 21.1444H11.5872L9.52784 13.0565C9.43009 12.6845 9.22255 12.3556 8.91725 12.2006C8.15535 11.811 7.31579 11.501 6.3999 11.3446V11.0332H10.824C11.4346 11.0332 11.8925 11.501 11.9689 12.0442L13.0374 17.8782L15.7824 11.0332H18.4524L14.3336 21.1444ZM19.9789 21.1444H17.3852L19.5209 11.0332H22.1146L19.9789 21.1444ZM25.4702 13.8343C25.5465 13.2898 26.0044 12.9784 26.5387 12.9784C27.3783 12.9002 28.2928 13.0566 29.0561 13.4448L29.514 11.2678C28.7508 10.9564 27.9112 10.8 27.1493 10.8C24.6319 10.8 22.8002 12.2006 22.8002 14.1444C22.8002 15.6231 24.0977 16.3995 25.0136 16.8673C26.0044 17.3337 26.3861 17.6451 26.3097 18.1114C26.3097 18.811 25.5465 19.1224 24.7846 19.1224C23.8687 19.1224 22.9528 18.8892 22.1146 18.4997L21.6567 20.678C22.5725 21.0662 23.5634 21.2226 24.4793 21.2226C27.3019 21.2994 29.0561 19.9002 29.0561 17.8001C29.0561 15.1553 25.4702 15.0003 25.4702 13.8343ZM38.1332 21.1444L36.0738 11.0332H33.8618C33.4038 11.0332 32.9459 11.3446 32.7932 11.811L28.9797 21.1444H31.6497L32.1826 19.667H35.4632L35.7685 21.1444H38.1332ZM34.2434 13.7562L35.0053 17.5669H32.8696L34.2434 13.7562Z\"\r\n              fill=\"#172B85\"\r\n            />\r\n          </svg>\r\n        );\r\n      case 'icon_simple':\r\n      default:\r\n        return (\r\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\">\r\n            <path\r\n              opacity=\"0.4\"\r\n              d=\"M11.524 4.19421L9.25088 5.24491C5.75029 6.863 4 7.67204 4 9.00008C4 10.3281 5.7503 11.1372 9.25089 12.7553L11.524 13.806C13.727 14.8243 14.8285 15.3334 16 15.3334C17.1715 15.3334 18.273 14.8243 20.476 13.806L22.7491 12.7553C26.2497 11.1372 28 10.3281 28 9.00008C28 7.67204 26.2497 6.86299 22.7491 5.2449L20.476 4.19421C18.273 3.1759 17.1715 2.66675 16 2.66675C14.8285 2.66675 13.727 3.1759 11.524 4.19421Z\"\r\n              fill=\"#064E94\"\r\n            />\r\n            <path\r\n              d=\"M27.7173 14.797C27.9058 15.062 28 15.3382 28 15.6419C28 16.951 26.2497 17.7486 22.7491 19.3436L20.476 20.3794C18.273 21.3832 17.1715 21.8851 16 21.8851C14.8285 21.8851 13.727 21.3832 11.524 20.3794L9.25089 19.3436C5.7503 17.7486 4 16.951 4 15.6419C4 15.3382 4.09422 15.062 4.28267 14.797M27.1689 21.6876C27.723 22.1289 28 22.5688 28 23.0896C28 24.3987 26.2497 25.1962 22.7491 26.7913L20.476 27.827C18.273 28.8308 17.1715 29.3327 16 29.3327C14.8285 29.3327 13.727 28.8308 11.524 27.827L9.25089 26.7913C5.7503 25.1962 4 24.3987 4 23.0896C4 22.5688 4.27704 22.1289 4.83112 21.6876M9.25088 5.24491L11.524 4.19421C13.727 3.1759 14.8285 2.66675 16 2.66675C17.1715 2.66675 18.273 3.1759 20.476 4.19421L22.7491 5.2449C26.2497 6.863 28 7.67204 28 9.00008C28 10.3281 26.2497 11.1372 22.7491 12.7553L20.476 13.806C18.273 14.8243 17.1715 15.3334 16 15.3334C14.8285 15.3334 13.727 14.8243 11.524 13.806L9.25089 12.7553C5.7503 11.1372 4 10.3281 4 9.00008C4 7.67204 5.75029 6.863 9.25088 5.24491Z\"\r\n              stroke=\"#064E94\"\r\n              stroke-width=\"1.5\"\r\n              stroke-linecap=\"round\"\r\n              stroke-linejoin=\"round\"\r\n            />\r\n          </svg>\r\n        );\r\n    }\r\n  }\r\n\r\n  // Toggle selected state on checkbox click\r\n  private toggleSelection() {\r\n    if(this.state === 'default') {\r\n      this.selected = !this.selected;\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return [\r\n      <div class={`checkbox_group_item ${this.size} ${this.state} ${this.selected ? 'selected' : ''}`} onClick={() => this.toggleSelection()}>\r\n        <div class=\"item-content\">\r\n          {this.renderIcon()}\r\n          <div class=\"text-container\">\r\n            <div class={`label-cost ${this.type}`}>\r\n              <slot name=\"label\"></slot>\r\n              {this.showCost && (\r\n                <slot name=\"cost\"></slot>\r\n              )}\r\n            </div>\r\n              {this.type === 'payment_icon' ? (\r\n                <div class=\"buttons\">\r\n                  <gb-button size={this.size} hierarchy=\"link_gray\" icon=\"default\" state={this.state}>\r\n                    <p>Set as default</p>\r\n                  </gb-button>\r\n                  <gb-button size={this.size} hierarchy=\"link_color\" icon=\"default\" state={this.state}>\r\n                    <p>Edit</p>\r\n                  </gb-button>\r\n                </div>\r\n              ) : (\r\n                <slot name=\"supporting_text\"></slot>\r\n              )}\r\n          </div>\r\n        </div>\r\n        <div class={`checkbox_container`}>\r\n          <gb-checkbox-base\r\n            type={this.type === 'radio_button' ? 'radio' : this.type === 'checkbox' ? 'checkbox' : 'check_circle'}\r\n            size={this.size}\r\n            state={this.state}\r\n            checked={this.selected}\r\n          ></gb-checkbox-base>\r\n        </div>\r\n      </div>,\r\n    ];\r\n  }\r\n}\r\n"]}