npm - globuswebcomponents - Versions diffs - 1.1.2 → 1.1.4 - Mend

globuswebcomponents 1.1.2 → 1.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (269) hide show

package/dist/cjs/gb-button-close_3.cjs.entry.js CHANGED Viewed

@@ -46,7 +46,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: '49285dd09f56dae74bf6f9a423f5777425226c85', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: 'aa036c02f348a37ced21537604f186bd1ee4952a', class: "progress_bar" }, index.h("div", { key: '10270f3d1bb7da22b8cb541e4f7a9f852e40a15d', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'c2300509ae2cb0d3dc99f9b73cad35f063719b49', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '3c0e2cd6d8fcfc9e4231dc597f70866a28de39bc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '4bdc74177bc14d1150cecdbd4669dc7a79736423', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'edad661ba8e8df8712a98197a73d7218849d0997', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: 'e6d8a99bd2da5449f875c73e5b7e14006ea465b1', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: 'ea2f9e51798ed2b7f4696151907b25eeeda562e4', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '4d2d82cd17b714d2e49ef7794b560534369b7f44', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '054bf0a62f801f148454ba60aedc37aaa82c1fbd', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: 'a51ee95a41bdc46b3e29e9713529004d2f3a2939', class: "progress_bar" }, index.h("div", { key: '2ff373528a416e76021c30b38acd92075e57c592', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '64a29dec7d7371c8654e2b26ea6ff886f240a008', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'b4b72293eb96a50b38fbece7d06fbf1a3555b985', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '8522fd4088bff098e4ef0c288bec897a10d1d978', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '4ac6bffbad119eb43a86b60886dbf63649bbd377', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '57180ef71411941488e1663527589e7a82fc26a2', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '1ae0f4c936a05a3e64076e27b090212b583cc5ca', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'a03ae22d83f38c5cec378439f3774f4dc53401b6', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

package/dist/cjs/gb-collapse-button_4.cjs.entry.js CHANGED Viewed

@@ -144,7 +144,7 @@ const GbSimpleSideBarItem = class {
     render() {
         const redBarSrc = index.getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = index.getAssetPath(`assets/bar_white.svg`);
-        return (index.h("div", { key: '40319fc11004bd7b2a6963e2e70d8b21cfc9b588', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '78f929f4f4149a35d669df30ae9d0ebdad26d2c7', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: '2118ac74c621f1f05dd33150982362979ee9c917', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: '320a041d37e36ba772720e3ae271001ab2d59c5d', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: 'e31c8dcdf919275009a034e9031180b5e68d6698', class: "content" }, index.h("div", { key: '10e1db6948cf9bce4b0f2870d3db96f08ab7e48d', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: '06c2bd72670f92c256f34593325c351ea4d149ee', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: '4fbba369019cfca73e3367602f449e577ce70a31', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '555cc99afda352def499398317ac18c6d3b245d7' }, "10"))), this.showArrow && (index.h("svg", { key: '8c92e1192a3f9928539290d60749c9ff94e73e73', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: 'd3df5ad54dbbf7f8b208bb4e54484f3b55fffc93', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: '6be178d9acdb80a5ba0d374878f26ebc95fead97', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '4057004a4f3b5479c6f9e16a13971a3901bdcbf5', slot: "label" }, this.label)))));
+        return (index.h("div", { key: '29ac8502764f9888cbafbf8b234475f11ab73b28', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, index.h("div", { key: '59e82179f37ab4763edd49efb49df5f1ecfa8683', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && index.h("img", { key: 'ea0be965fc65f037c5f593222bb1ed8a33fd678e', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && index.h("img", { key: 'e08d59eed305ecbc1b7cd0f296787b15e872d6ed', src: whiteBarSrc, alt: "", class: "bar" }), index.h("div", { key: '1cb8f91c51926de182895603d643b1096aa68b76', class: "content" }, index.h("div", { key: '2e9ef538bdf302a3b0a04152b4f394f578304b74', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (index.h("p", { key: 'd8c458f4fc9ceb8c08b69750035a26134780c3ca', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (index.h(index.Fragment, null, this.showBadge && (index.h("gb-badge", { key: 'ac804916b5808ad895f86e301fc51bc1da3e1b03', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, index.h("p", { key: '6354d7e95460deb9d0e90e3b82afb0f789ff8ac0' }, "10"))), this.showArrow && (index.h("svg", { key: '0b6f8a0d1647a307cae8b412fbf8815ab9c3ea01', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, index.h("path", { key: '1606a5c059a7952e5f3425f13bbb9d79856d0653', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (index.h("gb-tooltip", { key: 'c0b23fead869087129ee53436b5e851664b08a87', "show-arrow": true, arrow: "left", class: "tooltip" }, index.h("p", { key: '6106f1e48da31abb641f3453b43fa285e6c23438', slot: "label" }, this.label)))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-mega-input-field-base.cjs.entry.js CHANGED Viewed

@@ -25,10 +25,10 @@ const GbMegaInputFieldBase = class {
         }
     }
     render() {
-        return (index.h("div", { key: '4bb93a7d50de3e6abfcfeb0de4aa9e8f99869fba', class: {
+        return (index.h("div", { key: 'c070925c7bc4bab173b13e0ed9aa6f16222bc9ce', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '0caee9501978b4e4158af526bda6110c9c843eed', class: {
+            } }, index.h("input", { key: '182ef12976c43c43bae85e3f3065eef53913156b', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "text", maxlength: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

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

@@ -17,7 +17,7 @@ const GbNotificationContent = class {
     }
     render() {
         const iconSrc = index.getAssetPath(`${this.icon}`);
-        return (index.h("div", { key: '0b98074ca54ceee74af51d8e821a4fcd75d2f386', class: "notification_container" }, index.h("div", { key: '61c6f3739ee0f084aae8cc60dc18cec0f37adaa2', class: "notification_title" }, this.icon && (index.h("div", { key: '310eb2d40d25bba403dd7f95c4f71db54ecaf133', class: "icon" }, index.h("img", { key: '4be2c45f6b8555e09d988753244c95c99cad15aa', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '7a090a5676b20c846fdb89cb1f7722dd40ba16f0' }, this.label), index.h("span", { key: 'c6e339be2c613e98597313233a7ddb4a5225c71a', class: "time" }, this.time)), index.h("div", { key: 'e3f2e53092e0aea2ef867daed0a641dde0c7a832', class: "supporting_text" }, index.h("p", { key: '4b87b244600bc2f88bdaed18d70f22ca6102470a', class: "text-sm-regular" }, this.supportingText))));
+        return (index.h("div", { key: '1c2f0f1edb2c238fd7f326ef76abead4d8569fd8', class: "notification_container" }, index.h("div", { key: '0c3c0552d1b4f2679290d69a1e28176a3670e864', class: "notification_title" }, this.icon && (index.h("div", { key: '5fc1cdee0d829c645f63cb35ee27187f79f91336', class: "icon" }, index.h("img", { key: 'd774ecf17904681f8508641df11d381c19ad17a8', src: iconSrc, alt: "Icon" }))), index.h("label", { key: '6d519443130bc1797f8a7b30aa159d0d24e1cd73' }, this.label), index.h("span", { key: '221acd62566bf9d40b5f33363cc80bb94a7c4094', class: "time" }, this.time)), index.h("div", { key: '05a97f4bcdaf2ea20b3d6026ad10d08d46a46901', class: "supporting_text" }, index.h("p", { key: '87c1749806b8c03c1aa48701a849e2a287117422', class: "text-sm-regular" }, this.supportingText))));
     }
 };
 GbNotificationContent.style = GbNotificationContentStyle0;

package/dist/cjs/gb-notification-pane.cjs.entry.js CHANGED Viewed

@@ -60,9 +60,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = index.getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = index.getAssetPath(`assets/notification_illustration.svg`);
-        return (index.h("div", { key: '1b714e45e10264af4c92b6214ab8410dd7871481', class: "notification_pane_div" }, this.state === 'empty' && [
-            index.h("div", { key: '436e3e48b7dbe6ff5fda26e539980dc4f67d6941', class: `container` }, index.h("div", { key: 'f96fdc2cc6974c15eeba7f9b6d7ab46b978a5dc2', class: "frame" }, index.h("img", { key: '9abf130e286d82d6facf9b364bea4f01c488d6b4', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '57661e1576b6e7f718b8f95bdd555c5bda000cf4', class: "empty_state" }, index.h("div", { key: '1c61a04b192aae4bf8b694ed79f982c446d31fea', class: "content" }, index.h("img", { key: '35d4af989befe6568b32c02b4d1265e735258509', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: 'f5f55dc2e977aa6551b9d734fcb9843a096bd32d', class: "text" }, index.h("slot", { key: 'f4b0d35c792dfe42191324ecf18273abf0480c39', name: "label" }), index.h("slot", { key: 'cba9e327b9d290b8813ed97531c93c7c9b3860de', name: "supporting_text" })))))),
-            index.h("div", { key: 'a2247f642a6b60530b3a3db7140656b8c1bb217a', class: `button` }, index.h("gb-button", { key: 'b9e4cfea80c28f200f1556916206da91f7f69b90', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'af42739d2ccb5e7270362309f0fe1db18edee402' }, "Mark all as read"))),
+        return (index.h("div", { key: 'c19da60a32c893e9cea4454703c309a0a3d67673', class: "notification_pane_div" }, this.state === 'empty' && [
+            index.h("div", { key: 'ea916d38bcb69fcf99341e213dbc1b82cc28879d', class: `container` }, index.h("div", { key: '0234796f33d31bd60c2946c260f89e692c897b73', class: "frame" }, index.h("img", { key: 'dd01de30fdfd1a1d6c78a36aac0e54b6fc2cb0a9', src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { key: '58aa458450f97fa6c1441848499264fab4f263ed', class: "empty_state" }, index.h("div", { key: '4a3c4c31a879d2f4c8cb475a2a9703bc186a37fe', class: "content" }, index.h("img", { key: '3e8024ce0243a5c0a5e86d636e8c3d59a7cf4b30', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { key: 'fa64d01db822fbfa8dc610f054e6eec842bc51a2', class: "text" }, index.h("slot", { key: 'abd7f4340cf30f59318181182e3c33465bde28f3', name: "label" }), index.h("slot", { key: '862d91c7ce72ce7f9f1270239bbc808cf6ca35ab', name: "supporting_text" })))))),
+            index.h("div", { key: '557ee23ec0032d6bae5dcc588abfd6e68075ca3c', class: `button` }, index.h("gb-button", { key: '91ca8bb0a20a57377e897898930df3688554f41a', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", { key: 'c889b84857428e77acf19635c7b465b63897267c' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (index.h(index.Fragment, null, this.notifications.length > 0 ? (index.h("div", { class: "notification_dropdown" }, index.h("div", { class: `content_wrapper` }, this.notifications.map(notification => (index.h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read")))) : [index.h("div", { class: `container` }, index.h("div", { class: "frame" }, index.h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), index.h("div", { class: "empty_state" }, index.h("div", { class: "content" }, index.h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), index.h("div", { class: "text" }, index.h("slot", { name: "label" }), index.h("slot", { name: "supporting_text" })))))), index.h("div", { class: `button` }, index.h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, index.h("p", null, "Mark all as read"))),
         ]))));
     }

package/dist/cjs/gb-pagination-dot-group.cjs.entry.js CHANGED Viewed

@@ -16,7 +16,7 @@ const GbPaginationDotGroup = class {
         this.framed = false;
     }
     render() {
-        return (index.h("div", { key: 'e67e5b81079806d146f686a2741e0137bb72b90a', class: "dot_group_div" }, index.h("div", { key: '19b29652d8a2741c2e1f4abe1f8462087be94297' })));
+        return (index.h("div", { key: 'f2f68c3434ace441573267343c0b872981ff4e42', class: "dot_group_div" }, index.h("div", { key: '266d420219280d7ed0b7c7ae8f65a04d42f03d75' })));
     }
 };
 GbPaginationDotGroup.style = GbPaginationDotGroupStyle0;

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

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

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

@@ -39,7 +39,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a152f3ac8374604fc2665ab1edd6c8e84ef37fce', class: "gauge" }, index.h("div", { key: '46bfe5cf4ccfc00d0cdbc37652f9955ddf54203b', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '82bcf528a06d48eed6a1af3101e3b77b704929ba', class: "mask" }), this.label && (index.h("div", { key: '207f3d5d7f8f391582f40c79c90c0ed15009f250', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'a6430a8693b5200f38a4c0c048d86eef623e1d81', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: '7345841439c8c0a9de8c784431fb7b462d24312c', class: "gauge" }, index.h("div", { key: 'ef4476e648ffe7d77aed20259896960a5f0c8a7b', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '2abb2f38e2cd4f3e4d811659a15bf5cfa4d8aee3', class: "mask" }), this.label && (index.h("div", { key: '56ac4e088f77d10f8fa4e59f2dba8b3276bf644a', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: 'a3c8b55d8bd9d3a779fcc774a26d826a9a1c97dc', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '3d5a8f7ec64ff63ef4a61c5d6012953c4c82e9b9', class: "scrollbar-container" }, index.h("div", { key: '89190aeb9f7e75a1f899b0776d656d12864591b1', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'd08feed3125121d1f2caccadb9cabb3ae3ad0dba' }))));
+        return (index.h("div", { key: '187c25c1dcc94e4f18ebe78c106dd61a69800ac0', class: "scrollbar-container" }, index.h("div", { key: '5d5f49a7ddfcb538edbf5e75d2a428c7ddc62c78', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'a43a58b10b8da13bc16e0b136563c634e0f69d3b' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

package/dist/cjs/gb-sidebar.cjs.entry.js CHANGED Viewed

@@ -112,7 +112,7 @@ const GbSidebar = class {
         const logoSrc = index.getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = index.getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = index.getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '39e0aae8729e598d7c86458fb3fb6b8b7418fd6c', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: '0794e7a5f8623094927039e06e173af0a32a3d06', class: "pattern" }, index.h("img", { key: 'fe0be847368e86f77633feab63c7b5123273f102', src: patternSrc, alt: "" }))), index.h("div", { key: '12cb483177a5cb801a7dc4902377055ac587a7c6', class: "nav" }, index.h("div", { key: 'd3aec450ebc74da5df418715d2d82c56518e2a5b', class: `sidebar_header ${this.state}` }, index.h("div", { key: '5fcf870daef83c3da2319580bc76145f989fbafb', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: 'f46dab6a0f8fb62690240f44f202e0a4c52c6076', src: logoSrc, alt: "" })), index.h("div", { key: '82abf490046d13d7c4d1b6f4cb80a6797b4e1661', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: 'b01432cd592ba91a447bae0b0bf39e132f57db73', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: '6cdbbbafc6d44ab0c4343b3490110641165aad15', class: "navigation" }, index.h("div", { key: '526d3e384bf424be7a1027d330d77ea0475ccd61', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'ecdf7e18e1a0c8e3ae57679d2281e36993b63b8e', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: 'd5c5ffef29c768f4b696c92567db46742277890a', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: 'f1e1a6ea2a03989e9a9d3a6229f984f70144dfe4', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: '1cf86863adac112b78bebecfcf139361a0abb2cc', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), index.h("gb-button", { key: '87cb0bbb9a7deb2aec7f22f590160692041eb3a2', size: "sm", hierarchy: "link_color" }, this.state === 'expanded' && index.h("p", { key: '2135744f64bbbddf2ea490544a04cfc67b88c052' }, "Show comments")), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: '78127fd0a74e8aefff08ade14aaff7c922d3bac1', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: '2e4e2fbbfb9f61a81a7404c6d4e7a458e571b9e9', class: "navigation" }, index.h("div", { key: '1279a9d11d67804745096b18f738db9a1dfa25f0', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '0c41b4c525a822cd90a200243cd47a0371c58c29', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: '65b8e3a5449c4015424c61bb3fea56ed2421f7cb', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: '07bd4a0aba6876eb7b334e4975b2dc97721363bf', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: '4139481fa730fc7544d32e10baf4ae1c2cb35e1d', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: '1e30cdb2b2856f7918d49746a19f310bb7b869c3', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: '310c1b4cfce8a02feadaf91df247fd367b4b5a4f', class: "application_name" }, index.h("div", { key: '196d636b652f396b010aec07c35ccbc012f02f6f', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '8c00d1ddcaba0383b1cc527c5a7aa8d68e3d09b3', class: "application_name_pattern" }, index.h("img", { key: '2b60026bc433095bc7bb77f9a4e518318039ed0b', src: patternSrc, alt: "" }))), index.h("div", { key: '12205aaf78460cf4dc2987fe54a0dc82fd4a0bb9', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: 'dd398b70cea1059e9f9c015df46f94b2545ba34f', class: textClass }, index.h("slot", { key: '96240bad5caf4866a3d0023284e1a38584b25580', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: '2ee735c915ab11d33de50ca7106983afe4d136bb', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: '05e65d485b11387a78e1b390bb4f5925bfb2b231', class: "nav_div" }, index.h("div", { key: '379c6bcfa610f52dd1615de2f64e7ccdd51bfcc2', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '375d75d1faf5765981d8511024d9b3f550289e7a', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: '210841818ffbdd5336cd2843352440281c500c17', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: 'f15b674e4fd91a1ba90c520ef5bbbd637c22db98', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'e1841c010b79847eab2b347d99ded203d4be6c3b', class: "complex_sidebar_div" }, index.h("div", { key: '98f2269e8824022d496b27e3cac4307d28827180', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '350cd2e36c289796f98cbebeeafff75672d43770', class: "pattern" }, index.h("img", { key: '517501bbad86c9c2bd45b9815e3c5424118fafec', src: patternSrc, alt: "" }))), index.h("div", { key: '0e2539b05a1e5f234fcc276b007b7c7752075685', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: '2b414c863431c5ba50bc9db3f86a4025802d8074', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '4dce97dc8524b317da378d7edc1be534dc50d9fd', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
+        return (index.h(index.Fragment, null, this.type === 'simple' && (index.h("div", { key: '945ee570ed00c82b78296236bce3d634d3dda2c7', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (index.h("div", { key: 'adc979fcd60c2f9e3c46e38796d008719381ff5b', class: "pattern" }, index.h("img", { key: 'f3002d8ce0d726fa2b9260004e104ac182e71b52', src: patternSrc, alt: "" }))), index.h("div", { key: '38b0e60cf5c2460bf522946b02db72356b4718a5', class: "nav" }, index.h("div", { key: '644e791cae1eb24de89364eda12730b4d9010020', class: `sidebar_header ${this.state}` }, index.h("div", { key: '92aa7f7daba6931f652b9f03e31ce321c2ef5644', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && index.h(index.Fragment, null, this.category === 'plain_background' ? index.h("img", { src: blueLogoSrc }) : index.h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && index.h("img", { key: 'ccee06b316ecfa4301b4e0e223778fb4e42128e6', src: logoSrc, alt: "" })), index.h("div", { key: '0168f274b251db72d42c667c40e80329cefe4a80', class: `collapse_button ${this.state}` }, index.h("gb-collapse-button", { key: '28e461402f5d4b1961f69fa8a0bf356ea4d15e54', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'dbe76eb5b0e39624ed3f84d810a41cca723112e2', class: "navigation" }, index.h("div", { key: 'c6196d45001727188137879dbcf865ef27b6ff1a', class: "item" }, index.h("gb-simple-side-bar-item", { key: 'ff2474d9f55d49a87f29c5f7eb4d7fb82ecfc264', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), index.h("gb-simple-side-bar-item", { key: 'e16f3726e99572dd0613d513fc0cd36a6b47dd09', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (index.h("gb-simple-side-bar-item", { key: '5c2de1a323eb7ad7d6c0d34d5758411ebce3e34d', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (index.h("gb-simple-side-bar-item", { key: '8837cb8ded03d7bd1a2be3b5e8e4d18f4cf51656', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), index.h("gb-button", { key: '15e14c315e141cee20be7b717cf159d1396f912a', size: "sm", hierarchy: "link_color" }, this.state === 'expanded' && index.h("p", { key: '24593451eca5d86d4806aae8d34e1062c8818262' }, "Show comments")), this.fifthItemLabel && (index.h("gb-simple-side-bar-item", { key: '1e37e775e832cf3246c9e8017cc510064a0a41d7', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (index.h("div", { key: 'ebc38c601cbd25bf645cc819eb01fd4b66da65e4', class: "navigation" }, index.h("div", { key: '6fe0c9d6a86b71a4e20be3505717d16f36f56cde', class: "item" }, this.sixthItemLabel && (index.h("gb-simple-side-bar-item", { key: '22ff5b1e2840a3856dc74ee6d445bfdb2213cbc7', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (index.h("gb-simple-side-bar-item", { key: '68a238583c1c3f68133d05776f6a3f8dfce487ec', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'c34e2be30e54587d4d043d207af36686efc4abe7', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'c2fdedf5290109b08b5df9282d8ae225a3c7767c', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (index.h("gb-simple-side-bar-item", { key: 'ceed0e32a4d78bd1e772de09d8858964515708c3', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (index.h("div", { key: '071593dfa53ba520d1b1a7be18f50b6f2059a09e', class: "application_name" }, index.h("div", { key: '90cdccd2066f401f4b5d7ff8a78f866e142e4b00', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (index.h("div", { key: '69d7a54cffd9c46f8d2e51b65e8638dbe191497a', class: "application_name_pattern" }, index.h("img", { key: '9f770de25b3f66190293bcee3ca8774e10180f1d', src: patternSrc, alt: "" }))), index.h("div", { key: 'ce969738f1b153c876bec872523f9121bfe66b77', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), index.h("span", { key: '0b64bfa70422c2c31262cc7030ee884430ffedb6', class: textClass }, index.h("slot", { key: '59bf204c3024091a6979dd430bcabf63792efa57', name: "application_name" }))))))), this.type === 'complex' && (index.h("div", { key: '2bd15c310c0008cf4e7224ae00b5a5489a4166d8', class: `sidebar_and_nav ${this.state}` }, index.h("div", { key: 'dbfea98f5b87d53260ea92d20fead7005d9faa48', class: "nav_div" }, index.h("div", { key: '37c7ff0cef65b7a806b7a3ada41c249d3755bc96', class: "logo_and_button" }, this.state === 'expanded' && index.h("img", { key: '7e927b900dceddb35b549f262bc4f3521214bfd7', src: blueLogoSrc }), this.state === 'collapsed' && index.h("img", { key: 'e42e9b6739df36e298f2a27f78bfb1fe4f0c9624', src: logoSrc, alt: "" }), index.h("gb-collapse-button", { key: '714f062946825358a6e0ded9d648a7f1172bc9f9', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), index.h("div", { key: 'cbfd3a1bf16e9d753fbaf5f99d94948e63db373a', class: "complex_sidebar_div" }, index.h("div", { key: 'c09d1b2da466df638f8fcc080c992a11b3f5e9d7', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (index.h("div", { key: '05122c2cbe7ca522a055e01288c7b1e11205ffb9', class: "pattern" }, index.h("img", { key: 'b4abed6f73f7faf83d8413f726e9d3ca0ca2a441', src: patternSrc, alt: "" }))), index.h("div", { key: 'ccc206d0af8042242e1cc48218d8722366e32caa', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index$1) => (index.h("gb-complex-primary-side-bar-item", { key: `${index$1}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index$1) }))))), index.h("div", { key: 'd48221b5f49c41866becab2fec98d9002e98ac78', class: `secondary_side_menu ${this.category} ${this.state}` }, index.h("div", { key: '074339e9aae2f508e32dd48540fb41d5366ec48b', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index$1) => (index.h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index$1}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index$1) }))))))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -28,7 +28,7 @@ const GbSliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '165a3c7d9f1a10804ae4c39dda0a9c5447990614', 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: '0d48e6f4de00a4490116baa0b03fb3493d1b93e4', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'ec4b92e22c538b6164f6cfbf8f6d028aa6a8499d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: '1757775ab6d225134150e9f6fb83785f18260fa3', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '8107658dbf696f9f4e239e06df408c476c451160', class: "thumb-label" }, index.h("p", { key: '34926ecf835148da483b466c960e31c6b32d8e4e', class: "thumb_label text-md-medium" }, this.value)))));
+        return (index.h("div", { key: '233955f8f5d4442b5bfdfd6351a0910c9f4ad7a5', 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: '45ca63911484f114c1751850f17acde97bffe1ba', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'c657413242ea3e56f992c88437d94581cbc5c203', "show-arrow": false, arrow: "none", "show-supporting-text": false }, index.h("p", { key: 'a3e921b7e45d6b03b954341f61af24f99c593989', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (index.h("div", { key: '95361595b65a5304f8990ebe0a8fb4579327fa44', class: "thumb-label" }, index.h("p", { key: '13f32f12c21a708d2d1f00ba9bca3505b377aa21', class: "thumb_label text-md-medium" }, this.value)))));
     }
 };
 GbSliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -85,7 +85,7 @@ const GbSlider = class {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (index.h("div", { key: '5e06932776e12a133592f638b8f4d4e85c31173d', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: 'caeed9242e968b34199f8e66d1e7288a8565d49b', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: '9e69ada4c3dd1cea5f5e9e9f97162a874d1bf6c9', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: '98536b676d355af3f8f48255719cf799f48e2dab', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '1480540aafb31c107970a45651b8b2e0cd3fa38e', class: "slider-container", ref: el => (this.containerEl = el) }, index.h("div", { key: '8af612b5896da397676a3ffff57958ef23f1e67c', class: "track", ref: el => (this.trackEl = el) }), index.h("gb-slider-control-handle", { key: 'c669478c83ea57e4f8c80d25cb5e6b0c3eb048fd', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), index.h("gb-slider-control-handle", { key: 'e51feae2f8e3f702ed8c50309ec364b6adcd32fa', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-tab-button-base.cjs.entry.js CHANGED Viewed

@@ -53,17 +53,17 @@ const GbTabButtonBase = class {
         this.tabClicked.emit();
     }
     render() {
-        return (index.h("div", { key: 'fde1bc02dcc57b2e59168c3921e897da441c78a7', class: `tab_button_div ${this.type}
+        return (index.h("div", { key: '994f2ee4965fb90d5e5f74caba0106a943ad40be', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''}
       ${this.fullWidth ? 'full_width' : ''}
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: 'bce6ef5d52fed3ed7e7bff7a1b82fd1aa6bd799a', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '4b7e16c9c4877fc3d1413f8dde9684e4ef64336d', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, index.h("p", { key: '51f985e1182ca0d75756c067fd349e2560f840b1', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (index.h("gb-badge", { key: '9eb5f9ae9e9159b585f6cdcd278cdddde39a8c29', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, index.h("slot", { key: '92a4bdfda9d1fff3c92225eaa505eceb5f1a1c2b', name: "count" })))));
+                        : 'gray' }, index.h("slot", { key: 'afa5c32c634c38fa80478c0991aa6752e35ce914', name: "count" })))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-table-cell.cjs.entry.js CHANGED Viewed

@@ -13,7 +13,7 @@ const GbTableCell = class {
         this.type = undefined;
     }
     render() {
-        return (index.h("div", { key: '2aa89f54773386d70ab898a6160aeb1272a78503', class: "table_cell_div" }));
+        return (index.h("div", { key: '89de6be8a05ce57174cab55a6a35638d14cd2cee', class: "table_cell_div" }));
     }
 };
 GbTableCell.style = GbTableCellStyle0;

package/dist/cjs/gb-toast-button.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (index.h("div", { key: '08aeaed1c4d4a779180c33391ece2088b88cc3b6', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: 'd9abd8f0258d85226767f449e189a019cd50986d' })));
+        return (index.h("div", { key: 'e59643ceb71b6d5620e72780905029e910631781', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '39105a5d21c86fa7ed9976bcb4af527e6fd4d72b' })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-toast.cjs.entry.js CHANGED Viewed

@@ -65,7 +65,7 @@ const GbToast = class {
         }
     }
     render() {
-        return (index.h("div", { key: '959d0aeb13c45ef16416bba3c922c4df16e030ba', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'a0909b4794ffe449e9143938438380e91c02e042', class: `icon_container` }, index.h("svg", { key: '51cafd6af7c93cc75719e3a3b2ecc10f67414faa', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '2b64066cf5b0c7d7d8b824d959c9f5ba2440dd01', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: 'd6dc419308ee7e097623d8b15a56d062a15d466b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'caa90c75dae5f4a7e78a1c3317ef8159b8768680', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '5f7238a741d2152e168430b28f0422627c5fa2dc', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '9c64b39e7a8fb0b5441f3d9eae4e04ff8cae0de8', class: `text ${this.size}` }, index.h("slot", { key: '3cf84a28a60f4e7bfe6ceb917aebde37debb28b3', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '7c0787ce3199bd00f0acc75dd8c0b49df0980533', name: "supporting_text" })), this.actions && (index.h("div", { key: 'e391b59270f1c2de0ad231e730e5fad9a05d31f3', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: 'dd40f17521a14beb696d6ce48050e7cc8f3b952c', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '142854bba5a3e294cbeb39f061bdac935e86a0c9', class: `container ${this.breakpoint}` }, index.h("div", { key: '20c9725fd764c05aeb688dde1bf128d962d44f07', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'aabb2815c7959c83e03ce3f0911653b414e20e4b', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '49bfe4e5b905aff051a2b98bde458f57563f58bb', class: `icon_container` }, index.h("svg", { key: 'ca876d6a8161589a3fd4221b4fa2a708d6c02f38', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: 'da7a462d98510536c6973579142700006f9b8641', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '2fac0458261c28e79ed109a48ab82975f0704591', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '5dfeafd8d5fd7e559599c9b1f61f56ee0cf663f2', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '03f282fa0402ea24168291722856fae02e489deb', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '9387179d5efebb69f245e91117ab1599fae77a21', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '0495af7582ea1cd640271b9c0c23b5ac2db6c8b0', name: "supporting_text" }))), this.actions && (index.h("div", { key: '9262d63db3f8ab39ea8f3d2cf0d642e8d4336cee', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '073e0a2538077434c4f194af86683b1451621793', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (index.h("div", { key: 'b806bdaa4e83a63866c2a88121cdbd6a1e21019a', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '2a46d0296a1c9c371338b7b0e24aeeb236292a3f', class: `icon_container` }, index.h("svg", { key: 'dbcc607b91ef1186d67e2f7a9281186c79fc8589', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '3f9c24a072f0a111cb827705a6d18b940ebb2982', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '05f6acd61c1f09b6a61724f4443a8a508550f54f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: '50cb4f8b6d893a2097af9d5aaa699e148bfaa867', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '99d133c0d7ec4037cf2a1e79029b8e758e1452d4', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'fae14a2ac1c31eebd1875d888ee749dda26b29c4', class: `text ${this.size}` }, index.h("slot", { key: '56d252b6b1eb27a29a47736848bd778cd82185d9', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'b4396290d95c970f97b697f715406512f4ab0ed0', name: "supporting_text" })), this.actions && (index.h("div", { key: '564fd2e41c0351bb0e79b227efee3d27b192f42b', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes"))))))), index.h("gb-button-close", { key: '4500b8088e2a155852a2e9a2c0d8488cc95a9beb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (index.h("div", { key: '7ea8456b82c69ea242b04bc35d91e38ec2ce3937', class: `container ${this.breakpoint}` }, index.h("div", { key: '2ceb36456dbfecaaf1383bf8b4429a6c13daae7c', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '382bc1d5d9991b2bfb17c3bc260e9e03a5262043', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '18b7d822eb6453d0452e3652750ffe2c6fa470b0', class: `icon_container` }, index.h("svg", { key: '51374886cd9afaf606be6cd433c78f7d8a8fb342', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, index.h("path", { key: '162b8ca3fed3d2af588ece3f36cc2b4507508398', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), index.h("path", { key: '1096b6caacb96741bd6159f6a42c778cac8f5121', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), index.h("path", { key: 'ded76ddebecf3c40e51cb0fb09ca60f260e2b76f', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), index.h("div", { key: '15705acedd6e325d82bb6cb883b0de64b5e8274e', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '9c2a517c3f6367558027fe76f700d0c558a586fb', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '265b9a9817ba8ce7f28b53c82088520d8dfbe388', name: "supporting_text" }))), this.actions && (index.h("div", { key: '06d225a56c0f24b0b56ee352bd6300fe7bf93ff9', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (index.h(index.Fragment, null, index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, index.h("p", null, "Dismiss")), index.h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, index.h("p", null, "View changes")))) : (index.h(index.Fragment, null, index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "Dismiss")), index.h("gb-toast-button", { state: reusableModels.StateEnum.Default, color: this.color }, index.h("p", null, "View changes")))))), index.h("gb-button-close", { key: '4d04e0e80ce8180889388d0f7b7cb09c8896bc71', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -23,8 +23,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '90a9259748c5a7d954d75a738aa10a63ee369d4c', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            index.h("label", { key: '16eb900af381b7906d14147fd483d0a30e105c87', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            index.h("input", { key: '7a921e3fefb70c3f5672acc4182f9296be7433bc', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            index.h("label", { key: '92a5b7a6c3ccc0f0c3f8deb0ef94cad2ba1f3d37', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, index.h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };

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

@@ -43,7 +43,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'c2a9508e131b64f808d74c4d4d2c08f5635f74bd', class: `toggle_div ${this.size}` }, index.h("div", { key: 'c8b37e51854f4a58ba2e70f1f81bf2596b8f6df4', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'cbfb845d4cf7bf42cf3ce26e5810aba6f6a59701', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '7735c211c7183735a2de8295205f094ff36f817c', class: "text" }, index.h("slot", { key: '03567317ae51acee072a5ed85cead63217669c72', name: "main_text" }), this.supportingText && (index.h("slot", { key: '3c91f2ab4bac724d7232ea0f973af263397d4896', name: "supporting_text" }))))));
+        return (index.h("div", { key: '03a524e5352166cc8ca643ed1e3a4f13bba45c60', class: `toggle_div ${this.size}` }, index.h("div", { key: 'a92d4170002577870babafd1b349b41c4e5a4341', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'd9b29d17ba22ce236a7ed73dc72865a625e37697', size: this.size, state: this.state, pressed: this.pressed })), this.text && (index.h("div", { key: '7b3d4ca4197d346c14f512931e73a3cd9b225493', class: "text" }, index.h("slot", { key: '131ca783dbdb315599c3905faf6262902531def0', name: "main_text" }), this.supportingText && (index.h("slot", { key: '9cbf59ab49162b8ac1fa32b54321c8691e96ffc8', name: "supporting_text" }))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-token-field-compact.cjs.entry.js CHANGED Viewed

@@ -18,7 +18,7 @@ const GbTokenFieldCompact = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: 'aa7ef7d0d489bc8638e7b6a8ce0ce9e748af7645', class: this.size }, index.h("div", { key: 'c1447926334c0fbd54ef96e51599391242d406d7', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '18acbd11c18464a676e97eebbb23b92c55e802ba' }, this.label)), this.digits === 4 && (index.h("div", { key: 'c63d49f1791405afeb0bf67e2d5d8afa3f51312f', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '52231cb7be130c9f65fc23210ebf5bd0c839416e', size: this.size }), index.h("gb-mega-input-field-base", { key: 'aa5c10e67280a14b942b6780d6d026f6081d5312', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ff613023049f76355c68785b8a648e014f1413a9', size: this.size }), index.h("gb-mega-input-field-base", { key: '33e661275acbde4ad353fbba643ac3eb9c67d696', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'e91711ce0d64271612d6323afd33ceea83d2809b', class: "input-wrapper" }, index.h("div", { key: '73aa40233fb041082754d551b45b768123d0ac3a', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '12b780b1bd6944101c26de654d8ad740827d6c29', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cb462902ae51c86f608fe52dac66195e3a5540de', size: this.size }), index.h("gb-mega-input-field-base", { key: '2530b5aee228ac50d3af44f800b10a4096f591ff', size: this.size })), index.h("div", { key: 'd387e24779257658ec4c96d17067684d7981a3cf', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '1be4b4246b9c19578f1428f92032d83bfb2c7d80', size: this.size }), index.h("gb-mega-input-field-base", { key: 'cbcef4a46d2cbbe36f11e1a62d3e376b7fc92183', size: this.size }), index.h("gb-mega-input-field-base", { key: '6f062d88d323864908aa49bdf1a5cae11ed98016', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'ced031eaae33331fafa02403297b1c4b2f749925', class: "input-wrapper" }, index.h("div", { key: '6c46541312e713b766af0b359d6bb8a8d58e327d', class: "first=section" }, index.h("gb-mega-input-field-base", { key: 'cff644fbf07d3aff9c4e036ab9d95b7488e29620', size: this.size }), index.h("gb-mega-input-field-base", { key: '9e2161c038b9d88e4ea6643d8e8b46ba912dede2', size: this.size }), index.h("gb-mega-input-field-base", { key: '110b32be52fcc56393d81e18809f0d97c8b9c303', size: this.size }), index.h("gb-mega-input-field-base", { key: 'd33613808f6190d3cd9ed0b987402596a429fa2b', size: this.size })), index.h("div", { key: '6b168f48a16569d97337a55bae010af7764522b8', class: "second=section" }, index.h("gb-mega-input-field-base", { key: 'd4d1f2a15909f36207b3595a221282a532acc837', size: this.size }), index.h("gb-mega-input-field-base", { key: '0582db30f6f2ec6ac4e33254c2033a02c5d6a682', size: this.size }), index.h("gb-mega-input-field-base", { key: '463692b97f27d33b3d6adcab4757efd847143e24', size: this.size }), index.h("gb-mega-input-field-base", { key: 'caaf46b2a88e62749f3f612beabead250465b4de', size: this.size }))))), index.h("p", { key: 'e25ea15ed904e88a32b2bc1812d79c7a4bc74e30' }, this.supportingText)));
+        return (index.h("div", { key: '3f54bf0232856819aab8c81b11da04ef2c3214ff', class: this.size }, index.h("div", { key: 'e355a78c1272383c277dbc2463374c9366ed1a9e', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '4cb0a2752714abe01b0b216cb166433fc18b24df' }, this.label)), this.digits === 4 && (index.h("div", { key: 'e1d022b8d492d78e69377b4264ce304024a96860', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'bcb98cecd77ef1ae6d6189aba54c81bc177b4145', size: this.size }), index.h("gb-mega-input-field-base", { key: '5a74fc5dda94e3941fc8b46dd6953570d74627e2', size: this.size }), index.h("gb-mega-input-field-base", { key: 'a590ffed0c200a02bf2aa4f6a983bb78306b47af', size: this.size }), index.h("gb-mega-input-field-base", { key: '356e4b59163b448b1952f1a8d830105904738caf', size: this.size }))), this.digits === 6 && (index.h("div", { key: '4826cea8a544248661e6610099e71cf2544b2350', class: "input-wrapper" }, index.h("div", { key: '8c83c121dfa2f8fde55138f22d36fd9418afb925', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '3b3f0d74288423d9f8d14acdd8e8ac8225a57326', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c8ef16248a46168f47b32d6f4c69986e219d9b1d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bbee1a4034702c9c95737e39cdb9d6add4c68074', size: this.size })), index.h("div", { key: '320b1f84cc570e220b4938fd1ab253034d82acf4', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '3b93997e15972456e6b96a0981de612b869af5ff', size: this.size }), index.h("gb-mega-input-field-base", { key: '124fa6cfc7fd2c6fef10ffb21c65f710d44e01d5', size: this.size }), index.h("gb-mega-input-field-base", { key: '8e145f1d7201fc031cf540c3d69417db06241fa6', size: this.size })))), this.digits === 8 && (index.h("div", { key: '3567d888f4e96a667c8b1b7e400cfee06d3e36ec', class: "input-wrapper" }, index.h("div", { key: '7404acff9126071bbf77c7d383fb9016df8b60ae', class: "first=section" }, index.h("gb-mega-input-field-base", { key: '60dd9f61b78d952b98a8e80f0d0f0d7d8ce75c51', size: this.size }), index.h("gb-mega-input-field-base", { key: '1a0d5ec1489194bf929d7f4cb0ae6323cecf5fd2', size: this.size }), index.h("gb-mega-input-field-base", { key: '78400ffb40412123d60f9dab3f09a97132ebdb86', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dd0c09a4d99d6494c156f7c1b86b4025e36c4628', size: this.size })), index.h("div", { key: '1e97a6c38f81f4966eb9041dd5be5d54ae30f5f2', class: "second=section" }, index.h("gb-mega-input-field-base", { key: '425006eb6915361fc7d0ac0f9e03cf304bdbddd4', size: this.size }), index.h("gb-mega-input-field-base", { key: 'eee5af31791fcd2187c05f2b47498b3e82e40423', size: this.size }), index.h("gb-mega-input-field-base", { key: '6db54a78417a0aeff354c10091be097ca4e5ea0b', size: this.size }), index.h("gb-mega-input-field-base", { key: '624072f31f733f68b229db4567bf1e5c99f15607', size: this.size }))))), index.h("p", { key: 'ad1c97474a4f5016977b865797780d1838213ffb' }, this.supportingText)));
     }
 };
 GbTokenFieldCompact.style = GbTokenFieldCompactStyle0;

package/dist/cjs/gb-token-field-compressed.cjs.entry.js CHANGED Viewed

@@ -18,11 +18,11 @@ const GbTokenFieldCompressed = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: 'eac2066d61a51f5f3b1d9bdaef88cbda258f8274', class: {
+        return (index.h("div", { key: '9d621f063fd9e5ef58f5bcb33cb2f97fecafa634', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '31d155a70b92ac42f8d3ff3209eeb6a69f675dbe', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '80ae4ed55b29b94d6fb3188388b4fbf16ecfff5d', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '8a25eb9f31ea1eb92ba7e1e76872a9c51763e9df', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '2188c26a1cae4271ba8504492f43ae6fb7c514b9', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ac94add0ac6c5a66a30c1e71a7b84d0ba2fe6c1b', size: this.size }), index.h("gb-mega-input-field-base", { key: 'c15696e7c239748d879217a72c23761b63343b7c', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ef2933249310139a9551c5f8212b092efea61d53', size: this.size }))), this.digits === 6 && (index.h("div", { key: '725757265ad7d756799c218ee22f29c646e41b62', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '640f14864e47d77bf22c106b51c0cf955888f96b', size: this.size }), index.h("gb-mega-input-field-base", { key: '66610eb08bb946b9768f0bdda4393ff4405fcd59', size: this.size }), index.h("gb-mega-input-field-base", { key: '2f44584a20586a68cda66d82fb4d57e79bd1f97f', size: this.size }), index.h("p", { key: '0026b82cc75cac68f2d1322b3583b0b5ef755ee6', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'edce62d994412a10f5a0982fe060cb4dda6669f3', size: this.size }), index.h("gb-mega-input-field-base", { key: '9ec781b153e77b46f1161fbbdd849bea0cfce32b', size: this.size }), index.h("gb-mega-input-field-base", { key: '2ff39552bd740de36763888b5f70813fd88da2e7', size: this.size }))), this.digits === 8 && (index.h("div", { key: '577f5c84f5e58a6ec0e7b7b8a8953d095e08af65', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'd1c7bf440288b67154d92dffe5b2d607208db7d5', size: this.size }), index.h("gb-mega-input-field-base", { key: '27be16d256f96e9764b5aadf48e73ab4d352b73c', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bbb29ecd5c3254f49f930ff86dc514550c539275', size: this.size }), index.h("gb-mega-input-field-base", { key: '096fe2bcb8a4c93f9a766bf5893cfc9e3e7b07a1', size: this.size }), index.h("p", { key: '8fa658058968a7cdffa92cfebeabfc1da6c1b4b9', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'c3d4b5883a1283cc70b34bb3cc70eb2c2aa0214e', size: this.size }), index.h("gb-mega-input-field-base", { key: '17f4e0ba2f5844ad012bff293e4d589affa24001', size: this.size }), index.h("gb-mega-input-field-base", { key: '6906021576f9f1ac70709240adeeff99ab65e6bc', size: this.size }), index.h("gb-mega-input-field-base", { key: '5aa3d4733058a58eac2c8bd49c1fdd96936ea2e0', size: this.size })))), this.showHintText && (index.h("div", { key: 'df7d42a2a835f2ad563fc6beee98a5d9259589a9', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: 'd0ae32e784030aff27755baf7be3955825fe00b9', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'd2dca30e478dd850fe19408f503cd5ceb1049228', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '1b74d44e7a993cbe74b4db008bb3c7a0fe03312f', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: 'c8c2450c22f981349edd042d1879b85f2dbf8f37', size: this.size }), index.h("gb-mega-input-field-base", { key: '568d252be4cfebfb452557af2ab90e4963d12c6d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'ffa30ff5695b0c9670829e1287a36a245f5515ec', size: this.size }), index.h("gb-mega-input-field-base", { key: '51608f57deee2d2d361efbe5d4764cbf94266e18', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'c75661d065932641c0aecd71df996f543a51e2a6', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '631507a675c2ab468bf04f8ba15bd5170be36f60', size: this.size }), index.h("gb-mega-input-field-base", { key: '1f2da0f926432e2bc5b59aa32f3aa28f6a3bbd2a', size: this.size }), index.h("gb-mega-input-field-base", { key: '1400ff37ae44c076c4759c8bd83be672e95e1536', size: this.size }), index.h("p", { key: '3b539b32b2f0a8cc254c9df4c6aa9d88ecf214ec', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'ebc0b293c1a449ae9e54d762a2b6efa78f6be6a3', size: this.size }), index.h("gb-mega-input-field-base", { key: '1df7bf20cad22a40c1787c1b46838b3d5ce5766f', size: this.size }), index.h("gb-mega-input-field-base", { key: 'edf23938c59cf0f8adb0e84b34225c605107bf20', size: this.size }))), this.digits === 8 && (index.h("div", { key: '730e605eea75d9d1d687cc4f55122e09f7c76f88', class: "input-wrapper" }, index.h("gb-mega-input-field-base", { key: '4174924a93772ad7b605567b851e1fd4a31dcd9d', size: this.size }), index.h("gb-mega-input-field-base", { key: 'bf4d15cd438f05722084ecce66e982b4fa800cb5', size: this.size }), index.h("gb-mega-input-field-base", { key: '09fe880574ce905bb68b03339971863f05a6c589', size: this.size }), index.h("gb-mega-input-field-base", { key: '0319458a387c02f494fe10610c59f2ad75c2e4bf', size: this.size }), index.h("p", { key: '196a79a946734242609f274c3c121bd8cd32757c', class: "line display-sm-bold" }, "-"), index.h("gb-mega-input-field-base", { key: 'a239a7284d124c9b4090a03755ec7f1e9b7aa631', size: this.size }), index.h("gb-mega-input-field-base", { key: 'dbdf95363d18a3065d638674b3cc5703f8f63a88', size: this.size }), index.h("gb-mega-input-field-base", { key: '670c290fb9fe463e4c2a03d6e517511eed5aa184', size: this.size }), index.h("gb-mega-input-field-base", { key: 'f0574197692b22a387840486c2298b9fe398dad6', size: this.size })))), this.showHintText && (index.h("div", { key: 'c6efacaf99cee185a678455af7caade7f1812131', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbTokenFieldCompressed.style = GbTokenFieldCompressedStyle0;

package/dist/cjs/gb-vertical-tabs.cjs.entry.js CHANGED Viewed

@@ -40,7 +40,7 @@ const GbVerticalTabs = class {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (index.h("div", { key: 'b931ce39a82eb4ce60fecf03206c9aea34419e7e', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '38cc1a8cd0f9e4a4916b078d980122d8b24c54f1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), index.h("gb-tab-button-base", { key: '3d753a1c865a6113d164b1c77ee2aa2b76ff0b06', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: '70d62339f438da4362b0e1a6e55db4141d238306', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: '373e1345b85ac6beacfdb103edf0ff57ca1cfba6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '9741d6c17604c51364929453ea1d171f90e41f9f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (index.h("gb-tab-button-base", { key: '1f4e55e3d1bffa454a5cb83ea6cafe8d88e91214', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (index.h("gb-tab-button-base", { key: '8db4a680625e443821b5378ce7378c32a0c73d07', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (index.h("gb-tab-button-base", { key: '98e065f81086e2d32c361a0b666146b04b8897ba', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (index.h("gb-tab-button-base", { key: '01e00cb9779cbd5b1ec043fd7da8353c146c2c3f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (index.h("gb-tab-button-base", { key: '7d0adc32ebe80487c1356dfe9101517bcae65b81', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '041c88c9651221fa609a61ddf3530dce18a92508', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: '0bdcd1a5f8e1e2c39f1b3c25a5a818ef6ae27d9d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: '8fe059f301061d084b9c0ee1c62006c192b5390b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '31f2134b9981a23f30fcc778b6d725f0b6188dc4', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '8838e775a8feddf2c31d229f2775d0dde192d511', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: '5508fc0a8ec5dad0fe894690fe1c1fb07b1ca802', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: 'beecc52dc15fedf9d028e32939e39450d14100cb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '9ee4401c8a19ee7322969257dd49f61f1df8e719', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '28760b2d9beefd0f38cbc6f47bd14c8b1e2553f3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: 'f6adbf93a19bdcb1f9a59f2a1000592c2c1af537', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
+        return (index.h("div", { key: 'd05b4496b372ec53dffd46740bd40aecfe80d468', class: `vertical_tab_div` }, index.h("gb-tab-button-base", { key: '4681d3a4b650e3db2a84517aa07619728abf6aa6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), index.h("gb-tab-button-base", { key: 'ba8ac24b1a2a7b0c3979390ce52ad9891ef35056', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (index.h("gb-tab-button-base", { key: 'c9798503624a0b5e2e5aaf700c1123126d2266b2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (index.h("gb-tab-button-base", { key: '896ab15bc54c079dae455824e8bca1e44af8df68', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (index.h("gb-tab-button-base", { key: '544f88e49509e311161b4078313b0b3ee7432c85', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (index.h("gb-tab-button-base", { key: '8fb627eb2e80154cc5312a28c7d6593fb4180d88', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (index.h("gb-tab-button-base", { key: 'ff28f925fea910b5334c8ff4eab87712fd085054', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (index.h("gb-tab-button-base", { key: 'e2f058b1be374c7310981dedea6090abec8ce0f9', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (index.h("gb-tab-button-base", { key: 'ad6528ad1e35322b30c9f2f4cee0d663cf4cf45f', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (index.h("gb-tab-button-base", { key: 'a93a4adb5931960173892eb03d69e6523663f68a', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (index.h("gb-tab-button-base", { key: '3ce69932dd4493fe6bf6164c343a414e7fd5910c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (index.h("gb-tab-button-base", { key: '3c0c4c9c276044d3ad4ae53733182344ceefe029', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (index.h("gb-tab-button-base", { key: 'a8a7b2ef61d59aad15ce5bd032b4a7b2d0865489', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (index.h("gb-tab-button-base", { key: '7b5d386decb682196b9f895899c2a63bb09eb0b2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (index.h("gb-tab-button-base", { key: '192a2488565f96d61e65e065cf4f0e9ccc43d45e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (index.h("gb-tab-button-base", { key: 'b4d7e909076735f0fbf5e0490155f4933207993c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (index.h("gb-tab-button-base", { key: '853472f07729f74521eafe6b03919ca5f74819d2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (index.h("gb-tab-button-base", { key: '778f10da08fbd352fa2fb1ce60f12f55559c555c', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (index.h("gb-tab-button-base", { key: '04f7d0f0807505cceae821cc35801109a922b808', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (index.h("gb-tab-button-base", { key: '56ed8d23d4ff08c232659a2b1bb688abdd542a35', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
     }
 };
 GbVerticalTabs.style = GbVerticalTabsStyle0;

package/dist/cjs/gb-wysiwyg-editor-icon.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const GbWysiwygEditorIcon = class {
         this.state = undefined;
     }
     render() {
-        return (index.h("div", { key: '7948af65b55471581ce6074150090c633f6066ea', class: "editor_icon_div" }));
+        return (index.h("div", { key: 'cb1f35c5f05109267df52d4f442221b30eddbcd5', class: "editor_icon_div" }));
     }
 };
 GbWysiwygEditorIcon.style = GbWysiwygEditorIconStyle0;