npm - globuswebcomponents - Versions diffs - 0.6.4 → 0.6.6 - Mend

globuswebcomponents 0.6.4 → 0.6.6

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 (219) hide show

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

@@ -32,7 +32,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: '8a651bfeabb23c6e3141864ce7629b5a7fb500bb', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '99858e5315d21baf08edb865d58e70e6d2d59c6b', class: "progress_bar" }, index.h("div", { key: 'f6e4b89de5cc13b2a2a7cb9bfc7f0913c0c4bf8e', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'f627582d52b981cc9d23ddb17876e3b67285ad94', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'ce42f366e7e98642e256eb6bce04e07fb880b4a6', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '5e28dabf0e364299d2c256dcb01663839281c216', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'a886fd8c51816adc91e715ee62cb3f752eb08253', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '98e7c2561c2b18319beef6a83e92cecdd447bf3d', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '9ea2f7a6cdcb08e1b9b991f6bcd293cb3a39f54d', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '5b96e843b44860a7fee0feef5d7401cd4c9867a3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '76a1e2a4ff1153b704b2e48704b5ac02ad0a1b8d', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '11616345c68cfc3e5feb5f9a891515e2dbd4ec7c', class: "progress_bar" }, index.h("div", { key: '696034c072a435dd2ccac0ab67ea33234f0c0abf', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: 'b5c4201817456f6a179a81e6eb3b9056806da55f', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '2e453a483626395e8a92389cd8aa318fbce5634b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'b90b2a8483e68e4a9d43b3f6af8c32b08c4eac7b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '86691537f27ce5967aa0f1f90d1beb2f1a2c5d1c', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '4a87277511b3b155e83ecba705c1a2c6af438e15', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '6ff93f6de552e7e63b816720a5b4c447002dc95c', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '074494fae4c1dd65b66656e9c177a2022e1ed323', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

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

@@ -25,10 +25,10 @@ const GbMegaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: '2a769baa8a88a41d539d5a91045cafd58a9cc47a', class: {
+        return (index.h("div", { key: 'c99c7070a6753a01a8f4423898f01ee91df4f260', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '932fc987a6fa2d2438979a9098b5bc486b7856af', class: {
+            } }, index.h("input", { key: '6fe3f44656d8ed1a254384b64f85c793273837a0', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
             }, type: "number", min: "0", max: "1", placeholder: "0", value: this.inputValue, onInput: (event) => this.handleInput(event) })));

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

@@ -16,7 +16,7 @@ const GbProgressCircle = class {
         this.progress = 0;
     }
     render() {
-        return (index.h("div", { key: '4c6c41ab273b175895151bb27001c9cd905ab0c2', class: "progress" }, index.h("svg", { key: 'b7ea5503a1c2d1759f158d4b5399a74e8453b4a2', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '818d4537928ba1e77cc7f8cd018bcdef274a4cee', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '37e63b58c73865b8664b79127acf415fc9ec5d0b', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: 'dfeb19c3c8475ede59c919d7db2f268d345a4bf2', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (index.h("div", { key: 'c115f80e94f454dd4db5558252eec6e06a073970', class: "progress" }, index.h("svg", { key: '2e91f7c8b7939a16a480f328a9a4d387fc676308', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'cb3f107b0339e28ad8df4feca99e370b6e14526f', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '759cf5c48d80fca667b12425cf07b70f5b28f8a1', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '3b4b1e6073b5cde1cc77f6ebc0b79856fddb138d', class: "progress-text", "data-progress": "0" }, "50%")));
     }
 };
 GbProgressCircle.style = GbProgressCircleStyle0;

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

@@ -24,7 +24,7 @@ const GbRichText = class {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (index.h("div", { key: '8df669d680c1b8e463109adab0e1358e6fcdd466', class: classes }, index.h("div", { key: '40170a5167746223016a61156b9ba9e0eafa704a', class: "input-with-label" }, index.h("label", { key: 'f0a8bf99e86cae911cd40d7e4185f53f38753c0c' }, this.label), index.h("div", { key: '5d4918cd2750d6874ec734e230a601f7fc1fa69a', class: "input-container" }, index.h("div", { key: '1e17138eb01efb14b1e57104b0a67a73d0c7a93b', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '14969fb898ffeeed7a9ce4c0644437746848c881', 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: 'ecc995d2db6c4024856b545003feee88e5205d97', class: "error-icon" }, index.h("svg", { key: '757ade9ff0021f8a224b54e77957f65a31caaf16', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '0f4a7b5ae820a955f64d2e99c172e1a74a8f1bd1', 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: 'df22dc5810c097340fa42940415928ef12c9b615', class: "text-container" }, index.h("textarea", { key: '3d9ee2ff949f0d245aa54b1e5f84c83687be5103' }, this.showPlaceholder && (index.h("div", { key: '412fcbf28b8a502ceabfd33652e40a1e3e2d2880' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'cfa4e59e675eeeaf306dfe7a54ab92b57af6a7f7', class: "hint-text" }, this.hintText))));
+        return (index.h("div", { key: '5568e9945fad4c75710abd269ca5b1e36285c910', class: classes }, index.h("div", { key: '3c0700cef81c940a06bed6be626792aae3698b4d', class: "input-with-label" }, index.h("label", { key: 'e7bbf2e879cb6b585bd23e08622925870cc2ebcd' }, this.label), index.h("div", { key: 'a7648cf02650fae784ae59cb0b974f9f6c5c12a6', class: "input-container" }, index.h("div", { key: '15c35f4dd3a749f1ea8b73610d4c6e374c567a87', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '37c77f0b7606059602b62cb712cae8014e630733', 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: '60c4611e3e182932bc66d6fe17438a015981c4da', class: "error-icon" }, index.h("svg", { key: 'a638cd9177a8c642fd19075e24eab9e868cad239', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '17841a86131ea319df5dc3f6d63c316fc42160a8', 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: 'fb6c5bc96ddc557ff8b9d6a47430824cf99a1bfc', class: "text-container" }, index.h("textarea", { key: 'a24682a41354ee4a5dc74b5dc18434249bbc8644' }, this.showPlaceholder && (index.h("div", { key: '1155f430e00c9c2c78d16e93b9cdf2f28c8ca792' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'a8317c29d3a0a060d7dc25b295aef67bdbef22ea', class: "hint-text" }, this.hintText))));
     }
 };
 GbRichText.style = GbRichTextStyle0;

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: '151a1ea86aaa952790dc0e936cf0cd67fa85ac02', class: "scrollbar-container" }, index.h("div", { key: '609557846d47f64e0e1553e3a1197be51e159faf', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '629db9fa9e7356e7a63df1a5fc3e47faf44ef10e' }))));
+        return (index.h("div", { key: '0b4592dc199669e17dfa5228d48d10fc21ad39a9', class: "scrollbar-container" }, index.h("div", { key: '47b86b7f98cf49307a62874530d6a0c7e94d2005', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'e5ba42888a4c54e0d20c4c1de0f5e3f67ce31a78' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -28,7 +28,7 @@ const SliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: 'e034118ae02023a7d602ff0d94135f0581feea26', 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: '3f96cc62b3de386207ad0083f2f0f5c7a7ca62c8', class: "tooltip-container" }, index.h("gb-tooltip", { key: '298cb3265794a65302a86aeb259eca97dc4fa816', arrow: 'none' }, index.h("p", { key: 'fea30659fefb6cd5e96284e9dbab85ab5db4334f', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '051e320191d8694b3afe135a4c51b38c8adbaaff', class: "thumb-label" }, this.value, "%"))));
+        return (index.h("div", { key: '48f8b646b800a00c08ea47de36e1d50ff6a86b11', 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: 'f977845d438d2c8cec6f29834ab6cf28fb75bf4e', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'ccf31a2a891b8d363c71ae3753401b4695ed0fa5', arrow: 'none' }, index.h("p", { key: 'a59d5d3f42e59cb73ee768fa7b9e56f9ca9d7da1', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '23712c08e53d685648fbd991dc861e134b0434ba', class: "thumb-label" }, this.value, "%"))));
     }
 };
 SliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -66,7 +66,7 @@ const GbSlider = class {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (index.h("div", { key: 'eae01ebaac43b6fbf443788fc6fa9fb09a33aa11', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '644162a951a5c07ab8b02256dbcb4bef5e40d055', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '6ea263a99347dafeb49999f81be85f2b05535294', 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: 'b3ca44968e238c9f0bfd2cbd2f4f9a34e6df2dba', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '3794bcc7560517969d19351db2cc46a06066013c', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '8ce511e1b1d75d79c884024544ebda83dc5668b3', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '87c579d8155e86eb604466be086ebb614f37119c', 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: 'f8b6d416ead8ca395cce0ac822c21469844cd310', 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-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: '8528b384f3c85eca2d301774ea64d648b83dced2', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '9a6a36ef088a3f5fdd0ae3e85833cc2fa83d23d6' })));
+        return (index.h("div", { key: '79ba948be3ff744bf4efbf0a90c2bf575dd06752', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '4eb2136abac313e535626dace325ccb6ad196fa2' })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -46,7 +46,7 @@ const GbToast = class {
         slottedSupportingText.classList.add(this.getSupportingColorClasses());
     }
     render() {
-        return (index.h("div", { key: '3cdc2d97d81c92fb342f817e684527c3f0aa60ba', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '53d67aae904203b7384413bca747b5158a9f8444', class: `icon_container` }, index.h("svg", { key: 'a1301a987571b9166bfe627455fa897f7e231ad7', 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: '9d4c4a4f7dd451536c1938ee3703d232727391db', 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: 'e1898f3e8e6a8d604d905ecc6d6acf116bb7cf78', "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: 'dc38d482456f4a23c9ce9f645b08e50c3a83514c', "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: '531dd2451ad06d1ab69b923d00bd108d7069767c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'd7bcf750f2cc45ac7c2648485345d3b6a55429f9', class: `text ${this.size}` }, index.h("slot", { key: '9456229b4e37cd24b3dae68ff9c5ce01a34a1243', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'bb6f2887d62adbc5ca38f81f34eb9e6adf7f8ceb', name: "supporting_text" })), this.actions && (index.h("div", { key: '6de04a66b941089cd22edc9c4fd62baeecf4465f', 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: '9abbf6bc0a13415269319675e5d48e0305b4b684', 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: 'f4b9ad67e938526d84d6511cb56b2387d028ff67', class: `container ${this.breakpoint}` }, index.h("div", { key: '67dc5144acc372ed299bc51d2a566d5bdcbc6992', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'ece5adb727048bdce9cbf00e60585dd81231a5af', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: 'e796f354bccb88c9dfb4b594898e068093b77e2c', class: `icon_container` }, index.h("svg", { key: '2f772935d6846dccccb5f1b10ecb2b768eb314bd', 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: 'c6f4d13e27cd62732af3ab112a64df7339e0dea6', 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: '9458fac79d680d4bc98d6a693db2fdcd1f47bf53', "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: 'c491988e44145aaf7e4b6c0123bbe44f664876ce', "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: '09bfa43682befe8cccb81a2fa34171ad7deddecb', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '812fdc309465d2cb22a42fc2822fd3539bda5803', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '9870ec2d2f935622f126f77a137605e67d26cef3', name: "supporting_text" }))), this.actions && (index.h("div", { key: 'd16bc66cb1e968f66d938013726d03570b05cd75', 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: '8ad08f05aff77da18d13b989d8c116316afd76fb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
+        return (index.h("div", { key: '22331c949a13e1205d971eb9c33878cbdaa22333', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: '1e93bacbb692dc3dfca592f1a4cbfbc1bed133c1', class: `icon_container` }, index.h("svg", { key: '4990c5d2dfb273ac69c9d24eb7cfcf4207c3a11d', 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: '03d103aca407ec514c88365cd8dd3924c80c0304', 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: 'ce660e7fb6b773672403d7b9a9d44bb36dc267fa', "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: '451969d18e6954745ea927ef5a740f09c741f02d', "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: '44bd63ad5d2bbb28dc13270582d4125aff21ed9c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: 'ccc26a652c8e2f04990b4128a871ba68209b320b', class: `text ${this.size}` }, index.h("slot", { key: 'd4b04da0b54b640f938554c9d87508e7a59326b4', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '1d3d09e55f58f372628ec721dc383d0791eac8d0', name: "supporting_text" })), this.actions && (index.h("div", { key: '26b8482acb1479d847845d10eb5750874b0dd376', 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: '644daefdf656f41696d9b1013cc8ed1de6a6b4c3', 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: '51cb39d7d283008605a5ff250ac8f970b1bd4da1', class: `container ${this.breakpoint}` }, index.h("div", { key: '82fa8e940cdef16a7e4855433a8205f12920c6cd', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: '446eea2cba0174f93910f2fd634068457559dc82', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '98340e43bd3792e50bbfedd1bf13b4c0827fc279', class: `icon_container` }, index.h("svg", { key: '6af6aeb113bca7a62de476d6de9f17126a4a946d', 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: '3379033280dcbc79ee4fdf1f31b5430d96e9790d', 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: 'dbe374154a7392357ebbf8883b0530217b36b1d4', "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: 'c329dbc1c8a1783c7c8a80ead3d862dc4c1fbf39', "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: '7ed31eff7fd843c2691266ae02234fded165e709', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '9a2860fd9aa9e5a26cd5992c149b16b473d8c81f', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'd7b3546787d91034d5e6a6ef2c9e9775dbb80502', name: "supporting_text" }))), this.actions && (index.h("div", { key: '9494c6e6a37c527c3c42126b1743637ed4702e3d', 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: 'e7ffdadcc320d20083583d8e52330dc5b17109ad', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -42,7 +42,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '9d6db64f63f81b36c948b93e1abe081fccc1adba', class: `toggle_div ${this.size}` }, index.h("div", { key: 'f0c0a943b471a7c5d14cd5baa1c961ae7108a8f9', class: "toggle_base" }, index.h("gb-toggle-base", { key: '77f8d44dca42ae45c5543d71c25a1c7042549a75', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: '9c4fbe159ae3f5b7099e4a5796f18c81656df8c1', class: "text" }, index.h("slot", { key: '640ac4d9c395fe24325b2e85801b37c0835e9657', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'd53984a05e2c997eec8af85aa8ff3b7e2652d6d9', name: "supporting_text" })))));
+        return (index.h("div", { key: 'ad2f98ccbe4f6fb8b60936b2dc9c8348af5cedd4', class: `toggle_div ${this.size}` }, index.h("div", { key: 'b3cbdec537f87263a3f3b72fdb15a601ddf0af90', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'e562e5ffbd3865a37674484660aa7d194febc72a', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: '9da0356335de91ee3cee1e6b9ea8f6a500e431a2', class: "text" }, index.h("slot", { key: '80fb479b6849004dc4326255375321d1dbf36ea8', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'd3e9463a92db87100672a244397984d9fb7c8a28', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const GbTokenField = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: 'f1fb2e81f8b8e0ae55506530431931cf84406f35', class: this.size }, index.h("div", { key: 'cad8e4f541a625fc561e889bfd046cbb292886be', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '7c369936e3621243946766c233a841066a9969f1' }, this.label)), this.digits === 4 && (index.h("div", { key: '6f3aaedea3c3eb06e64bd803d21dfda7c6bfe09b', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '9747d78e0c5dbaa895517ed724fb8a92f416d6ba', size: this.size }), index.h("gb-megainput-field", { key: 'c7ae3707bbf5f80323d1595b2c4388c4d168e315', size: this.size }), index.h("gb-megainput-field", { key: 'fc3617611390ae4e45a45494cc0b3f53f49d81ba', size: this.size }), index.h("gb-megainput-field", { key: 'f4450208170d57d76840b31c92b270ad3d1de73f', size: this.size }))), this.digits === 6 && (index.h("div", { key: '84ad6b734ec0f7a104bd7d294ca7921e04437aa1', class: "input-wrapper" }, index.h("div", { key: '9296fa1601c9553336822158b641cd06d3c45916', class: "first=section" }, index.h("gb-megainput-field", { key: '477897d0f8735c19bddd86350f9ddbff2982dbc3', size: this.size }), index.h("gb-megainput-field", { key: '8d70164c602a28b99a76d64b1bc9559f1d67d1f7', size: this.size }), index.h("gb-megainput-field", { key: '2c9d67c18960fa3c14044348a5e077cd87e638c8', size: this.size })), index.h("div", { key: 'a62b1f4ca2f5147c0ee0078fd1a9d132fc6d2962', class: "second=section" }, index.h("gb-megainput-field", { key: '73e59a752f7b23133a7bb27b61d02f1b9fbcf0c2', size: this.size }), index.h("gb-megainput-field", { key: '38201f2da936f5b3722175b631b25a233cca852c', size: this.size }), index.h("gb-megainput-field", { key: '8f2e5e55386ff2281b2ff97b8f1f14d172dd96eb', size: this.size })))), this.digits === 8 && (index.h("div", { key: '4517d00be5130ebaa9a6e8fe4b3b8df7d9e18274', class: "input-wrapper" }, index.h("div", { key: 'fa7d1acd26b088debe9bc0fdfd0ee791356cee0b', class: "first=section" }, index.h("gb-megainput-field", { key: 'a0e86adcefe7b35763bf2b6ae04835b2ac71b09b', size: this.size }), index.h("gb-megainput-field", { key: '030862be4aa9ea185ca6cbee9debadb535e7064b', size: this.size }), index.h("gb-megainput-field", { key: '0a4a342d73929871216c16bd68bd048be52bae45', size: this.size }), index.h("gb-megainput-field", { key: '32300d5e77914b4ce484e4a2ce0fd592eeed84e1', size: this.size })), index.h("div", { key: 'd69678db685182c60510f111f35dcceb0ad581b4', class: "second=section" }, index.h("gb-megainput-field", { key: 'b815826d27aecb77de6ba21a59982358db86b7cf', size: this.size }), index.h("gb-megainput-field", { key: 'a9ca434e607486c7279df333b1aae27f45b6f6b4', size: this.size }), index.h("gb-megainput-field", { key: '01d8ba5ec527fa045abdbdc0fffa0ffb7462a3e6', size: this.size }), index.h("gb-megainput-field", { key: 'd3c856b2d6fe6f297d613099f68d8ae8d317784f', size: this.size }))))), index.h("p", { key: '5addad28db7fde38de24d4ff3199006ff685b112' }, this.supportingText)));
+        return (index.h("div", { key: '40cfea11fb71c7a4ab7aee327eeb7f803ce1cffe', class: this.size }, index.h("div", { key: '14338c33695797b4316f06165d38ac49f78ab2ba', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'ddcbbfe2fb7eba8102275a25a59a4ece27bda4eb' }, this.label)), this.digits === 4 && (index.h("div", { key: 'aa93ad78f1ca78abde44229cd252322f2c50e9da', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '413cc19eb3095c1ebb3eb57bad1923f5ef258dd0', size: this.size }), index.h("gb-megainput-field", { key: '2673771dcb5b387214554eca541c5e8b6ced0aab', size: this.size }), index.h("gb-megainput-field", { key: 'ce30d5ab01f1c119d31a36b6a77c1e136db63157', size: this.size }), index.h("gb-megainput-field", { key: '023af397e95480afb29128e2ebf9a4af8140607b', size: this.size }))), this.digits === 6 && (index.h("div", { key: '0df739aab47ed746cbe3c166d79d2eee31d9f51a', class: "input-wrapper" }, index.h("div", { key: 'cef947415a900cd44cb934814e48bc44b5e36ee9', class: "first=section" }, index.h("gb-megainput-field", { key: 'f2422f7514c732b89c03f49816de2093019e2f40', size: this.size }), index.h("gb-megainput-field", { key: '1110d186cfea016c05edf41bf016fc605c107f62', size: this.size }), index.h("gb-megainput-field", { key: '1311ae17ed531a6d425bd2b29c3aeb239e556385', size: this.size })), index.h("div", { key: 'b2b3cfe0c2dd393a3a9f796b32459ae4ac7157d4', class: "second=section" }, index.h("gb-megainput-field", { key: '75359353032d8125e8a283868ef6c7a8dbe77ae1', size: this.size }), index.h("gb-megainput-field", { key: 'd86a02c105fa228fdd36d06820e52bafcb5543b1', size: this.size }), index.h("gb-megainput-field", { key: '01781637dbb375cfc7864e8a0aa4ab1d64c986d9', size: this.size })))), this.digits === 8 && (index.h("div", { key: '235e0eab3b705a694e6a14f469790c2d85e6a5ca', class: "input-wrapper" }, index.h("div", { key: '5f05f66613961f52c7d05b287a1bcd4954542477', class: "first=section" }, index.h("gb-megainput-field", { key: '7afa7e6594d0468d8f91f90865960f34eb421486', size: this.size }), index.h("gb-megainput-field", { key: 'f3403d030ede478f01f42f8a0c35f682d7438574', size: this.size }), index.h("gb-megainput-field", { key: '7cde18ca05b04d5033ceb19596b13a3f4bff0455', size: this.size }), index.h("gb-megainput-field", { key: 'c318458948f47030b0e31bd89d37c7484f17defb', size: this.size })), index.h("div", { key: '4e790af03ad681155ee7a4c1717cc46cff939d2f', class: "second=section" }, index.h("gb-megainput-field", { key: '15769aeb646ac7df31b4d155682d8c007481e425', size: this.size }), index.h("gb-megainput-field", { key: 'c23fe88dab35544f5234d69552a9aed2677148a3', size: this.size }), index.h("gb-megainput-field", { key: '590009fed1419307d3471e0686cba17a45ef13fa', size: this.size }), index.h("gb-megainput-field", { key: 'f3dfe6337498895fadfe1362180ddba5a85b6d0e', size: this.size }))))), index.h("p", { key: '214dd88e3bff59bcbeeba0fb47c5013b57577534' }, this.supportingText)));
     }
 };
 GbTokenField.style = GbTokenFieldStyle0;

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

@@ -18,11 +18,11 @@ const GbVerificationCodeField = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '932c73f42d34ac041e6d8f36c8eec4b71091045d', class: {
+        return (index.h("div", { key: 'bafb57932cd09efb3b46799c124db4fb6c6b4598', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: '168e6e10afd46ba3632da0fbc8572de3b4c33b88', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'b051e8874018ef3224873c69f00da2c05e2e3008', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'e9da3e2140182e8b4f9b7e8d6502cf5adf123688', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '66ee7aef8e6df0b963b0abd50a105dc2fc2ab2ae', size: this.size }), index.h("gb-megainput-field", { key: '2a3a257a35d3a31b7bf0ebd254c1a178e8220914', size: this.size }), index.h("gb-megainput-field", { key: '9beb1d3527e00db1c32c6d86a902918d317c17e9', size: this.size }), index.h("gb-megainput-field", { key: '45246a0ccadf738ed3c80449b0c01415c2b57732', size: this.size }))), this.digits === 6 && (index.h("div", { key: '1fda4b6484262e0cf9d66f3c538344a2e3c36774', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '1f770e9f0a64969c812d98d95924e5c3d1247f6e', size: this.size }), index.h("gb-megainput-field", { key: '45c2fa5e376bb5752e3a41b9f282644bff32370d', size: this.size }), index.h("gb-megainput-field", { key: 'ae62a7c3fd9c5d50d657489c2b8406397fc5a6f7', size: this.size }), index.h("p", { key: 'df0a412b3ab5a0715596a8f6a8f523320b8f6f1d', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '4f44b310fdcbde60d863fa5bf8eafcdc8356c4b4', size: this.size }), index.h("gb-megainput-field", { key: '30566a574794314e3e2f6792855213359a932711', size: this.size }), index.h("gb-megainput-field", { key: '319f16c0c6b5a7c5075dccc7ce5f2d6506cf39bc', size: this.size }))), this.digits === 8 && (index.h("div", { key: '0769d91a3204e3946fc060858f2df344b3713e7a', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'd843e0bb2bd411b88fe9d9f2b6277000f57015ad', size: this.size }), index.h("gb-megainput-field", { key: 'dbc9f42c4984094ceb41251cb0f8679b08f7b492', size: this.size }), index.h("gb-megainput-field", { key: '13e3eb12cb18c0c08f7028a6fa43d114f74a37fd', size: this.size }), index.h("gb-megainput-field", { key: '333ce61c56a7640849a7fdf63960f2244c15ead5', size: this.size }), index.h("p", { key: 'a508eacdf754b5ab937fe7a38e11f2455e477011', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: 'aa75962c6a4ddf445bc292fab7ddc72bc197f0c3', size: this.size }), index.h("gb-megainput-field", { key: '4f2edb0fe92dd3a488815a2e64bf6d5eeacfef61', size: this.size }), index.h("gb-megainput-field", { key: 'bfd07c666b0b1ef279063719fd8489824681ac15', size: this.size }), index.h("gb-megainput-field", { key: '8cdded625252529c0e3fbd3384b4f9b5a4500f9a', size: this.size })))), this.showHintText && (index.h("div", { key: '62a2cfc2c5866b99c569d473015a87d8fa45492b', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: '49ae01eca246ba5c6b91e619c50796ca8b7fde94', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'ed900016eea9fc9467b65b7ef59e159d572f2d79', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '7bdd7f8f667b4cde092409e2e9ae55658943a258', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'f1f6c20045413f5fec3facfe0ee8367c5ee404a5', size: this.size }), index.h("gb-megainput-field", { key: '29dafe71659aa8180174cb3f8167cf4fab5f3e6d', size: this.size }), index.h("gb-megainput-field", { key: 'd45bc3eb3f722e3706debde101bcc07caeb2057e', size: this.size }), index.h("gb-megainput-field", { key: 'ef94f896f7591c5490d700385b976b76aec2a234', size: this.size }))), this.digits === 6 && (index.h("div", { key: '830628d0c85b4298b6499aa3bae3781dea198e60', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'cc72cd1dd8d6840a9ba02ecd7849293de11019a5', size: this.size }), index.h("gb-megainput-field", { key: '7fd2e3de4c433ba4b219665c9521cbb085870921', size: this.size }), index.h("gb-megainput-field", { key: '3c68f5e433605ac065ddd521674f4b33076f8c7a', size: this.size }), index.h("p", { key: '912121ded0b1d45e8191a4dcf30f46ae1a6940c4', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '8f95a17dbaa371559264bd66353aa4100d370a93', size: this.size }), index.h("gb-megainput-field", { key: '25b13b5a7d60226080864c2cc749f00051aaa082', size: this.size }), index.h("gb-megainput-field", { key: '2a82e9bf45dd363da83352d4594c3b0fc27472e1', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'a1be1adaed79400d61e595e671f0a7f34e2cd7e3', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'c2594296da7677b835c48bbca5f1b3cc9a539344', size: this.size }), index.h("gb-megainput-field", { key: '6d166bae6aec162cf4d3c4f71813c3422e95b2e1', size: this.size }), index.h("gb-megainput-field", { key: 'def39c0e927816f9646d76e3983d5411f77ae425', size: this.size }), index.h("gb-megainput-field", { key: 'cb17e53b2d953acfe9c4d183ad323563ce8e6a3b', size: this.size }), index.h("p", { key: '0e78e744ba783f158578957b4b7983fe3d092727', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '5b828e3c9475c7ae1646178ce90def4bf4f4c6b7', size: this.size }), index.h("gb-megainput-field", { key: '9724232a8b0df400313e0ca4b9faf63ebfbe4e42', size: this.size }), index.h("gb-megainput-field", { key: '193c09e6f1fe0392f58db01803bc10cccf32ed76', size: this.size }), index.h("gb-megainput-field", { key: '625277733d623baf73123e9a964d46ff5b12e241', size: this.size })))), this.showHintText && (index.h("div", { key: '38df3de26761dd8272317f9cab7961c74508feb8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbVerificationCodeField.style = GbVerificationCodeFieldStyle0;

package/dist/collection/components/gb-checkbox/gb-checkbox.css CHANGED Viewed

@@ -2669,21 +2669,25 @@
     gap: var(--spacing-none);
 }
-.checkbox_div.text.sm{
+.checkbox_div.text_class.sm{
     gap: var(--spacing-2);
 }
-.checkbox_div.text.md{
+.checkbox_div.text_class.md{
     gap: var(--spacing-3);
 }
+.checkbox_base.checkbox_no_supporting_text{
+    margin-top: 0.22rem;
+}
 .text{
     display: flex;
     flex-direction: column;
     gap: var(--spacing-2);
 }
-.div_centered{
+.text.no_supporting_text{
     justify-content: center;
 }

package/dist/collection/components/gb-checkbox/gb-checkbox.js CHANGED Viewed

@@ -24,19 +24,15 @@ export class GbCheckbox {
     componentDidLoad() {
         const mainTextSlot = this.el.querySelector('[slot="label"]');
         const supportingTextSlot = this.el.querySelector('[slot="supporting_text"]');
-        const mainDiv = this.el.querySelector('.text');
         if (mainTextSlot) {
             mainTextSlot.classList.add(this.getMainTextClass());
         }
         if (supportingTextSlot) {
             supportingTextSlot.classList.add(this.getSupportingTextClass());
         }
-        if (!this.supportingText) {
-            mainDiv.classList.add('div_centered');
-        }
     }
     render() {
-        return (h("div", { key: 'cb06fc4fdb1e0b40e109c1c23e6fb7414b0ad168', class: `checkbox_div ${this.size} ${this.text ? 'text' : ''}` }, h("div", { key: '23acf6efb039bb4dfc75f2e6a1abf63a63f52161', class: "checkbox_base" }, h("gb-checkbox-base", { key: '80791cea6f2cb18037f561b76bd3aa6ccc8783a6', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), this.text && (h("div", { key: '43e7458932d5f853262cedc60f916ff2ffa14da1', class: "text" }, h("slot", { key: 'b315bf980dd0fa983b4c39192f730e3dae7ab7cf', name: "label" }), this.supportingText && h("slot", { key: '0fc74ca973b20140ed1ce0eb4170217b03e98674', name: "supporting_text" })))));
+        return (h("div", { key: '323d7ecf21e91bc08833b4ed37045888529c5b71', class: `checkbox_div ${this.size} ${this.text ? 'text_class' : ''}` }, h("div", { key: 'cb75524f0e3a4644da9196ee2590404414d47a71', class: `checkbox_base ${!this.supportingText ? 'checkbox_no_supporting_text' : ''}` }, h("gb-checkbox-base", { key: '860fcd355c5e700c60f561eecb86087cf405869b', size: this.size, type: this.type, checked: this.checked, state: this.state, indeterminate: this.indeterminate })), this.text && (h("div", { key: '84ca77d4165516969d01fd20ad3d316c7b57fd80', class: `text ${!this.supportingText ? 'no_supporting_text' : ''}` }, h("slot", { key: 'a3b4614ef4ee6e29ea26254b3fbfc2bb77371212', name: "label" }), this.supportingText && h("slot", { key: '0dc557109f1782204446568f555471b08481fddf', name: "supporting_text" })))));
     }
     static get is() { return "gb-checkbox"; }
     static get encapsulation() { return "shadow"; }
@@ -195,6 +191,24 @@ export class GbCheckbox {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "checkboxClicked",
+                "name": "checkboxClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=gb-checkbox.js.map

package/dist/collection/components/gb-checkbox/gb-checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox/gb-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;~~AAS5D~~,MAAM,OAAO,UAAU;;uBACS,KAAK;6BACA,KAAK;;;;oBAId,KAAK;8BACK,KAAK;;~~IAGvC~~,gBAAgB;QACZ,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACpC,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;QACxC,CAAC;IACL,CAAC;IAED,sBAAsB;QAClB,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;YACrC,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;QACzC,CAAC;IACL,CAAC;IAED,gBAAgB;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;~~QAC7E~~,~~MAAM,OAAO,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QAE/C,~~IAAG,YAAY,EAAC,CAAC;YACb,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,IAAG,kBAAkB,EAAE,CAAC;YACpB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACpE,CAAC;~~QAED~~,~~IAAG,~~CAAC,~~IAAI~~,~~CAAC~~,~~cAAc~~,EAAE,~~CAAC;YACtB~~,~~OAAO~~,CAAC,~~SAAS~~,CAAC,~~GAAG~~,CAAC,~~cAAc~~,CAAC,CAAC~~;QAC1C~~,CAAC~~;IACL~~,CAAC~~;IAED~~,~~MAAM~~;~~QACF~~,~~OAAO,CACL,~~4DAAK,KAAK,EAAE,~~gBAAgB~~,~~IAAI,~~CAAC,IAAI,~~IAAI,IAAI,~~CAAC,~~IAAI~~,CAAC,CAAC,CAAC,~~MAAM~~,CAAC,CAAC,CAAC,EAAE,EAAE;~~YAChE~~,~~4DAAK,KAAK,EAAC,eAAe;gBACxB,~~yEAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAqB,CAChJ;YACL,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,~~EAAC~~,~~MAAM~~;~~gBACf~~,6DAAM,IAAI,EAAC,OAAO,GAAQ;gBACzB,IAAI,CAAC,cAAc,IAAI,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CACxD,CACP,CACG,CACP,CAAC;IACN,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACJ","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag:'gb-checkbox',\r\n styleUrl: 'gb-checkbox.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCheckbox {\r\n @Prop() checked: boolean = false;\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop() state: StateEnum;\r\n @Prop() text: boolean = false;\r\n @Prop() supportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n\r\n getMainTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return `text-sm-medium`;\r\n case 'md' : return `text-md-medium`;\r\n }\r\n }\r\n\r\n getSupportingTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return 'text-xs-regular';\r\n case 'md' : return 'text-sm-regular';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n ~~const mainDiv = this.el.querySelector('.text');\r~~\n\r\n if(mainTextSlot){\r\n mainTextSlot.classList.add(this.getMainTextClass());\r\n }\r\n\r\n if(supportingTextSlot) {\r\n supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n }\r\n~~\r\n if(!this.supportingText) {\r\n mainDiv.classList.add('div_centered');\r\n }\r\n~~ }\r\n\r\n render() {\r\n return (\r\n <div class={`checkbox_div ${this.size} ${this.text ? '~~text~~' : ''}`}>\r\n <div class~~=\"~~checkbox_base\">\r\n <gb-checkbox-base size={this.size} type={this.type} checked={this.checked} state={this.state} indeterminate={this.indeterminate}></gb-checkbox-base>\r\n </div>\r\n {this.text && (\r\n <div class~~=\"~~text\">\r\n <slot name=\"label\"></slot>\r\n {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-checkbox.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox/gb-checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AASjF,MAAM,OAAO,UAAU;;uBACS,KAAK;6BACA,KAAK;;;;oBAId,KAAK;8BACK,KAAK;;IAIvC,gBAAgB;QACZ,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;YACpC,KAAK,IAAK,CAAC,CAAC,OAAO,gBAAgB,CAAC;QACxC,CAAC;IACL,CAAC;IAED,sBAAsB;QAClB,QAAO,IAAI,CAAC,IAAI,EAAE,CAAC;YACf,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;YACrC,KAAK,IAAK,CAAC,CAAC,OAAO,iBAAiB,CAAC;QACzC,CAAC;IACL,CAAC;IAED,gBAAgB;QACZ,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;QAC7D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAC;QAE7E,IAAG,YAAY,EAAC,CAAC;YACb,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC;QACxD,CAAC;QAED,IAAG,kBAAkB,EAAE,CAAC;YACpB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,EAAE,CAAC,CAAC;QACpE,CAAC;IACL,CAAC;IAED,MAAM;QACF,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;YACtE,4DAAK,KAAK,EAAE,iBAAiB,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,EAAE;gBACtF,yEAAkB,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,GAAqB,CAChJ;YACL,IAAI,CAAC,IAAI,IAAI,CACZ,4DAAK,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,EAAE;gBACpE,6DAAM,IAAI,EAAC,OAAO,GAAQ;gBACzB,IAAI,CAAC,cAAc,IAAI,6DAAM,IAAI,EAAC,iBAAiB,GAAQ,CACxD,CACP,CACG,CACP,CAAC;IACN,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Element, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag:'gb-checkbox',\r\n styleUrl: 'gb-checkbox.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCheckbox {\r\n @Prop() checked: boolean = false;\r\n @Prop() indeterminate: boolean = false;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop() state: StateEnum;\r\n @Prop() text: boolean = false;\r\n @Prop() supportingText: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n\r\n getMainTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return `text-sm-medium`;\r\n case 'md' : return `text-md-medium`;\r\n }\r\n }\r\n\r\n getSupportingTextClass() {\r\n switch(this.size) {\r\n case 'sm' : return 'text-xs-regular';\r\n case 'md' : return 'text-sm-regular';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const mainTextSlot = this.el.querySelector('[slot=\"label\"]');\r\n const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"]');\r\n\r\n if(mainTextSlot){\r\n mainTextSlot.classList.add(this.getMainTextClass());\r\n }\r\n\r\n if(supportingTextSlot) {\r\n supportingTextSlot.classList.add(this.getSupportingTextClass());\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`checkbox_div ${this.size} ${this.text ? 'text_class' : ''}`}>\r\n <div class={`checkbox_base ${!this.supportingText ? 'checkbox_no_supporting_text' : ''}`}>\r\n <gb-checkbox-base size={this.size} type={this.type} checked={this.checked} state={this.state} indeterminate={this.indeterminate}></gb-checkbox-base>\r\n </div>\r\n {this.text && (\r\n <div class={`text ${!this.supportingText ? 'no_supporting_text' : ''}`}>\r\n <slot name=\"label\"></slot>\r\n {this.supportingText && <slot name=\"supporting_text\"></slot>}\r\n </div>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js CHANGED Viewed

@@ -71,34 +71,37 @@ export class GbCheckboxBase {
     toggleCheckboxState() {
         if (this.state === StateEnum.Default && !this.checked) {
             this.checked = true;
+            this.checkboxClicked.emit(this.checked);
         }
         else if (this.state === StateEnum.Default && this.checked) {
             this.checked = false;
+            this.checkboxClicked.emit(this.checked);
         }
     }
     toggleCheckCircleState() {
-        if (this.state === StateEnum.Disabled && this.checked ||
-            this.state === StateEnum.Disabled && !this.checked) {
+        if ((this.state === StateEnum.Disabled && this.checked) || (this.state === StateEnum.Disabled && !this.checked)) {
             return;
         }
         if (this.state === StateEnum.Default && !this.checked) {
             this.checked = true;
+            this.checkboxClicked.emit(this.checked);
         }
         else if (this.state == StateEnum.Default && this.checked) {
             this.checked = false;
+            this.checkboxClicked.emit(this.checked);
         }
     }
     toggleRadioButtonState() {
-        if (this.state === StateEnum.Disabled && !this.checked ||
-            this.state === StateEnum.Disabled && this.checked) {
+        if ((this.state === StateEnum.Disabled && !this.checked) || (this.state === StateEnum.Disabled && this.checked)) {
             return;
         }
         if (this.state === StateEnum.Default && !this.checked) {
             this.checked = true;
+            this.checkboxClicked.emit(this.checked);
         }
     }
     render() {
-        return (h("div", { key: '6e67a72e5c3ed2a22e1b5515739bed1b94dcfcb7', class: `checkbox_container ${this.size}`, onClick: () => {
+        return (h("div", { key: 'deacf586f1621cfc0f8f5598c8a6664375e689f5', class: `checkbox_container ${this.size}`, onClick: () => {
                 if (this.type === 'checkbox') {
                     return this.toggleCheckboxState();
                 }
@@ -231,5 +234,23 @@ export class GbCheckboxBase {
             }
         };
     }
+    static get events() {
+        return [{
+                "method": "checkboxClicked",
+                "name": "checkboxClicked",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                }
+            }];
+    }
 }
 //# sourceMappingURL=gb-checkbox-base.js.map

package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-checkbox-base.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox-base/gb-checkbox-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-checkbox-base',\r\n styleUrl: 'gb-checkbox-base.css',\r\n shadow: true\r\n})\r\n\r\nexport class GbCheckboxBase {\r\n @Prop({ mutable: true }) state: StateEnum;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop({ mutable: true }) checked: boolean = false;\r\n @Prop({ mutable: true }) indeterminate: boolean = false;\r\n\r\n private renderSVG() {\r\n switch (this.type) {\r\n case 'checkbox':\r\n return this.renderCheckbox();\r\n case 'check_circle':\r\n return this.renderCircle();\r\n case 'radio':\r\n return this.renderRadio();\r\n default:\r\n return null;\r\n }\r\n }\r\n\r\n private renderCheckbox() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_checked ${this.size}`}>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#075DB2\"/>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#075DB2\" class=\"border\"/>\r\n <path d=\"M4.5 9.25C4.5 9.25 5.25 9.25 6.25 11C6.25 11 9.02941 6.41667 11.5 5.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Default && this.indeterminate) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_indeterminate ${this.size}`}>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#075DB2\"/>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#075DB2\" class=\"border\"/>\r\n <path d=\"M12 8L4 8\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_disabled_unchecked ${this.size}`}>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" fill=\"#F6F8FA\"/>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#E3E8EF\"/>\r\n </svg>\r\n )\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M5.3335 11.6667C5.3335 11.6667 6.3335 11.6667 7.66683 14C7.66683 14 11.3727 7.88888 14.6668 6.66666\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.indeterminate) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path d=\"M15.3335 10L4.66683 10\" stroke=\"#E3E8EF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>;\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_unchecked ${this.size}`}>\r\n <path d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\" stroke=\"#CDD5DF\"/>\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private renderCircle() {\r\n if(this.checked && this.state === StateEnum.Default){\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#075DB2\" class=\"background\"/>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\"/>\r\n <path d=\"M5.0835 9.04166C5.0835 9.04166 5.7085 9.04166 6.54183 10.5C6.54183 10.5 8.85801 6.68055 10.9168 5.91666\" stroke=\"white\" stroke-width=\"1.66667\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Default){\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\"/>\r\n </svg>\r\n )\r\n } else if(this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"#9AA4B2\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <path\r\n d=\"M5.9165 11.4583C5.9165 11.4583 6.7915 11.4583 7.95817 13.5C7.95817 13.5 11.2008 8.15279 14.0832 7.08334\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\"/>\r\n </svg>\r\n );\r\n }\r\n }\r\n \r\n private renderRadio() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\"/>\r\n <circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"#075DB2\"/>\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\"/>\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`radio_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#9AA4B2\" />\r\n </svg>\r\n );\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\"/>\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private toggleCheckboxState() {\r\n if(this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n } else if (this.state === StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n }\r\n }\r\n\r\n private toggleCheckCircleState() {\r\n if(this.state === StateEnum.Disabled && this.checked \|\|\r\n this.state === StateEnum.Disabled && !this.checked\r\n ) {\r\n return;\r\n }\r\n\r\n if(this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n } else if (this.state == StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n }\r\n }\r\n\r\n private toggleRadioButtonState() {\r\n if(this.state === StateEnum.Disabled && !this.checked \|\|\r\n this.state === StateEnum.Disabled && this.checked\r\n ) {\r\n return;\r\n }\r\n if(this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div \r\n class={`checkbox_container ${this.size}`}\r\n onClick={\r\n () => {\r\n if (this.type === 'checkbox') {\r\n return this.toggleCheckboxState();\r\n } else if (this.type === 'check_circle') {\r\n return this.toggleCheckCircleState();\r\n } else if (this.type === 'radio') {\r\n return this.toggleRadioButtonState();\r\n }\r\n }\r\n }>\r\n {this.renderSVG()}\r\n </div>\r\n )\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-checkbox-base.js","sourceRoot":"","sources":["../../../src/components/gb-checkbox-base/gb-checkbox-base.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from \"@stencil/core\";\r\nimport { CheckBoxVariants, GeneralSizes, StateEnum } from '../../models/reusableModels';\r\n\r\n@Component({\r\n tag: 'gb-checkbox-base',\r\n styleUrl: 'gb-checkbox-base.css',\r\n shadow: true,\r\n})\r\nexport class GbCheckboxBase {\r\n @Prop({ mutable: true }) state: StateEnum;\r\n @Prop() size: GeneralSizes;\r\n @Prop() type: CheckBoxVariants;\r\n @Prop({ mutable: true }) checked: boolean = false;\r\n @Prop({ mutable: true }) indeterminate: boolean = false;\r\n @Event() checkboxClicked: EventEmitter<boolean>;\r\n\r\n private renderSVG() {\r\n switch (this.type) {\r\n case 'checkbox':\r\n return this.renderCheckbox();\r\n case 'check_circle':\r\n return this.renderCircle();\r\n case 'radio':\r\n return this.renderRadio();\r\n default:\r\n return null;\r\n }\r\n }\r\n\r\n private renderCheckbox() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_checked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#075DB2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#075DB2\"\r\n class=\"border\"\r\n />\r\n <path d=\"M4.5 9.25C4.5 9.25 5.25 9.25 6.25 11C6.25 11 9.02941 6.41667 11.5 5.5\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Default && this.indeterminate) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_indeterminate ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#075DB2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#075DB2\"\r\n class=\"border\"\r\n />\r\n <path d=\"M12 8L4 8\" stroke=\"white\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_disabled_unchecked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n fill=\"#F6F8FA\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#E3E8EF\"\r\n />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M5.3335 11.6667C5.3335 11.6667 6.3335 11.6667 7.66683 14C7.66683 14 11.3727 7.88888 14.6668 6.66666\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.indeterminate) {\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n fill=\"#9AA4B2\"\r\n />\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5H12C13.8998 0.5 15.2743 0.501062 16.3225 0.641988C17.3563 0.78098 17.9975 1.04772 18.4749 1.52513C18.9523 2.00253 19.219 2.64373 19.358 3.67754C19.4989 4.72573 19.5 6.10025 19.5 8V12C19.5 13.8998 19.4989 15.2743 19.358 16.3225C19.219 17.3563 18.9523 17.9975 18.4749 18.4749C17.9975 18.9523 17.3563 19.219 16.3225 19.358C15.2743 19.4989 13.8998 19.5 12 19.5H8C6.10025 19.5 4.72573 19.4989 3.67754 19.358C2.64373 19.219 2.00253 18.9523 1.52513 18.4749C1.04772 17.9975 0.78098 17.3563 0.641988 16.3225C0.501062 15.2743 0.5 13.8998 0.5 12V8Z\"\r\n stroke=\"#9AA4B2\"\r\n />\r\n <path d=\"M15.3335 10L4.66683 10\" stroke=\"#E3E8EF\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n </svg>;\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`checkbox_default_unchecked ${this.size}`}>\r\n <path\r\n d=\"M0.5 8C0.5 6.10025 0.501062 4.72573 0.641988 3.67754C0.78098 2.64373 1.04772 2.00253 1.52513 1.52513C2.00253 1.04772 2.64373 0.78098 3.67754 0.641988C4.72573 0.501062 6.10025 0.5 8 0.5C9.89975 0.5 11.2743 0.501062 12.3225 0.641988C13.3563 0.78098 13.9975 1.04772 14.4749 1.52513C14.9523 2.00253 15.219 2.64373 15.358 3.67754C15.4989 4.72573 15.5 6.10025 15.5 8C15.5 9.89975 15.4989 11.2743 15.358 12.3225C15.219 13.3563 14.9523 13.9975 14.4749 14.4749C13.9975 14.9523 13.3563 15.219 12.3225 15.358C11.2743 15.4989 9.89975 15.5 8 15.5C6.10025 15.5 4.72573 15.4989 3.67754 15.358C2.64373 15.219 2.00253 14.9523 1.52513 14.4749C1.04772 13.9975 0.78098 13.3563 0.641988 12.3225C0.501062 11.2743 0.5 9.89975 0.5 8Z\"\r\n stroke=\"#CDD5DF\"\r\n />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private renderCircle() {\r\n if (this.checked && this.state === StateEnum.Default) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" fill=\"#075DB2\" class=\"background\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\" />\r\n <path\r\n d=\"M5.0835 9.04166C5.0835 9.04166 5.7085 9.04166 6.54183 10.5C6.54183 10.5 8.85801 6.68055 10.9168 5.91666\"\r\n stroke=\"white\"\r\n stroke-width=\"1.66667\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Default) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\" />\r\n </svg>\r\n );\r\n } else if (this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"#9AA4B2\" />\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <path\r\n d=\"M5.9165 11.4583C5.9165 11.4583 6.7915 11.4583 7.95817 13.5C7.95817 13.5 11.2008 8.15279 14.0832 7.08334\"\r\n stroke=\"#E3E8EF\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n );\r\n } else if (!this.checked && this.state === StateEnum.Disabled) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`circle_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\" />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private renderRadio() {\r\n if (this.state === StateEnum.Default && this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#075DB2\" />\r\n <circle cx=\"8\" cy=\"8\" r=\"3\" fill=\"#075DB2\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && !this.checked) {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_disabled_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#E3E8EF\" />\r\n </svg>\r\n );\r\n } else if (this.state === StateEnum.Disabled && this.checked) {\r\n return (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" class={`radio_disabled_checked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#9AA4B2\" />\r\n <circle cx=\"10\" cy=\"10\" r=\"4\" fill=\"#9AA4B2\" />\r\n </svg>\r\n );\r\n } else {\r\n return (\r\n <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class={`radio_default_unchecked ${this.size}`}>\r\n <rect x=\"0.5\" y=\"0.5\" width=\"15\" height=\"15\" rx=\"7.5\" stroke=\"#CDD5DF\" />\r\n </svg>\r\n );\r\n }\r\n }\r\n\r\n private toggleCheckboxState() {\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n this.checkboxClicked.emit(this.checked);\r\n } else if (this.state === StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n private toggleCheckCircleState() {\r\n if ((this.state === StateEnum.Disabled && this.checked) \|\| (this.state === StateEnum.Disabled && !this.checked)) {\r\n return;\r\n }\r\n\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n this.checkboxClicked.emit(this.checked);\r\n } else if (this.state == StateEnum.Default && this.checked) {\r\n this.checked = false;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n private toggleRadioButtonState() {\r\n if ((this.state === StateEnum.Disabled && !this.checked) \|\| (this.state === StateEnum.Disabled && this.checked)) {\r\n return;\r\n }\r\n if (this.state === StateEnum.Default && !this.checked) {\r\n this.checked = true;\r\n this.checkboxClicked.emit(this.checked);\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div\r\n class={`checkbox_container ${this.size}`}\r\n onClick={() => {\r\n if (this.type === 'checkbox') {\r\n return this.toggleCheckboxState();\r\n } else if (this.type === 'check_circle') {\r\n return this.toggleCheckCircleState();\r\n } else if (this.type === 'radio') {\r\n return this.toggleRadioButtonState();\r\n }\r\n }}\r\n >\r\n {this.renderSVG()}\r\n </div>\r\n );\r\n }\r\n}"]}

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.css CHANGED Viewed

@@ -2659,9 +2659,12 @@
     margin-top: -0.416em;
 }
-:host{
+.help_tooltip{
     display: flex;
     position: relative;
+    width: fit-content;
+    height: fit-content;
+    margin-left: 5rem;
 }
 .tooltip{

package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js CHANGED Viewed

@@ -1,7 +1,7 @@
-import { h, Fragment } from "@stencil/core";
+import { h } from "@stencil/core";
 export class GbHelpTooltip {
     constructor() {
-        this.showHelpTooltip = false;
+        this.showHelpTooltip = true;
         this.showArrow = false;
         this.showSupportingText = false;
     }
@@ -16,7 +16,7 @@ export class GbHelpTooltip {
         }
     }
     render() {
-        return (h(Fragment, null, h("svg", { key: 'd2666911c6c03b21ab9a81eb3490cdecfe8089b4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false) }, h("path", { key: 'd39b32d5d9d667c13679a88fce180034dbd63fdd', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: 'b88ffebfb5874844926b6b26d15e311c2c0c7151', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '1d767e20383a0941de626bd8016b7219fee9ab69', name: "label", slot: "label" }), h("slot", { key: '20a0bb617accf8237b94dc495fe1465830423ec6', name: "supporting_text", slot: "supporting_text" })))));
+        return (h("div", { key: '57e92f5de8865aa017a5054c7fdf1d3400beb264', class: `help_tooltip` }, h("svg", { key: '491dae813aa7602940f5f242b8a6db3407215824', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", onMouseEnter: () => (this.showHelpTooltip = true), onMouseLeave: () => (this.showHelpTooltip = false), class: "help_circle" }, h("path", { key: '5accbe118a9d82b47f893f583acb12b7b61ea741', d: "M6.66659 6C6.66659 5.26362 7.26354 4.66666 7.99992 4.66666C8.7363 4.66666 9.33325 5.26362 9.33325 6C9.33325 6.26543 9.25569 6.51275 9.12199 6.72052C8.72352 7.33978 7.99992 7.93028 7.99992 8.66666V9M7.99458 11.3333H8.00057M14.6666 8C14.6666 11.6819 11.6818 14.6667 7.99992 14.6667C4.31802 14.6667 1.33325 11.6819 1.33325 8C1.33325 4.3181 4.31802 1.33333 7.99992 1.33333C11.6818 1.33333 14.6666 4.3181 14.6666 8Z", stroke: "#697586", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), this.showHelpTooltip && (h("gb-tooltip", { key: '291bbfa4e9ef49e1afb5c9d8ee70a5458ded3396', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: '17e66664576fe80bc122a03655990209ec8885b0', name: "label", slot: "label" }), h("slot", { key: 'b40c4d34d3a5e01e40913f70dbd2f6bd40995d36', name: "supporting_text", slot: "supporting_text" })))));
     }
     static get is() { return "gb-help-tooltip"; }
     static get encapsulation() { return "shadow"; }