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

globuswebcomponents 0.6.6 → 0.6.7

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 (212) 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: '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, "%"))))))));
+        return (index.h("div", { key: '0a86acd5527aca2e22599a44512db1a48bd1a478', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '645ee77faeee49735de57e0be7d656d2d22afc55', class: "progress_bar" }, index.h("div", { key: '6655e79a328c84766c12ae0161e7e35f4931c5fb', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '3dfed9961c8b65256cb6975679e71f83ef8355c9', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '0a9290dc3364ec3c8b8df91f063f28daf9aa7f7b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '1499556f49d8ea20858806379231d4c2b190e917', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'caa6ef792f9f5f4e5929fd537e55b3982ac00e78', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '858d2874208ab269fa6b4d51979b359488d913c3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: 'b85aa1494ede36a77cc820dbe690ea20577f3235', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'dd83bf52a374c1b25798aede26dbb11163fb1eac', 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: 'c99c7070a6753a01a8f4423898f01ee91df4f260', class: {
+        return (index.h("div", { key: '7333f72c47eeb1c51107aeb98ee602687bd29bfe', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '6fe3f44656d8ed1a254384b64f85c793273837a0', class: {
+            } }, index.h("input", { key: '50d534fced3259ad4ab6dd343f0608f9fd826616', 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: '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%")));
+        return (index.h("div", { key: 'd00b0e604df596e5f4d396955bd848004d7888f1', class: "progress" }, index.h("svg", { key: 'f693790104788c18a7f3b4b71e212a22889bdb85', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: '03e39242a7cf2bb13bbb150a3ae63c57898a2bf9', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: 'a0a12d251b314f0428561b50f0d0056a89f1e38c', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '8262b715869e731978618af45eaf98d839b6d5fd', 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: '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))));
+        return (index.h("div", { key: '491e519b084af21608d2010937e04e900fbefdd2', class: classes }, index.h("div", { key: '4412c3f50c2be28e40a0f800a589b9c888fe22c9', class: "input-with-label" }, index.h("label", { key: 'fee1ea0153502352dbc69a823534542e7732d3c4' }, this.label), index.h("div", { key: '48c1fc836d54e53a0b4f30dbc1044ded113dda89', class: "input-container" }, index.h("div", { key: '28c0dfad468ce70b55e76fc0a36548b82c6dafa6', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: 'd794db06a8b0c2a56951942f95d897a252388c2c', 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: '53e7c903b7ad84826907e570d6b4d66f5cb6e266', class: "error-icon" }, index.h("svg", { key: '6690a28aa2456c7a8bbfdd6337a3e84a19f559bc', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '524bdf92c237857af68f5900e34747bd9dfac50c', 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: '9e8157b6dd5c4dd9d3611c5da6047942e9da4485', class: "text-container" }, index.h("textarea", { key: '40b61e333951814c5ea90983a9471931455d9e7d' }, this.showPlaceholder && (index.h("div", { key: '4d09057349184e9c3af8b4a77192f3c80213e53c' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: '49f47eae9542a5725bb14ff291b7039eb9a6fde3', 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: '0b4592dc199669e17dfa5228d48d10fc21ad39a9', class: "scrollbar-container" }, index.h("div", { key: '47b86b7f98cf49307a62874530d6a0c7e94d2005', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'e5ba42888a4c54e0d20c4c1de0f5e3f67ce31a78' }))));
+        return (index.h("div", { key: '7a34f6434097487fe1f253601f962c429ec4cb07', class: "scrollbar-container" }, index.h("div", { key: '09d71027c31bd3eae4f99391dd035411bbf0d6c3', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'c50ccda3778ea4d5fd963a071853d8eeb8283c3d' }))));
     }
 };
 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: '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, "%"))));
+        return (index.h("div", { key: 'a1b11801c1b7a38c3a3a42d0ce1c029f521de2d8', 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: '015d89c21cb683a4f15c42a26fe53f199b36918c', class: "tooltip-container" }, index.h("gb-tooltip", { key: 'f9ba0dee2eaafc586a6b5d54e989116e3b193c9b', arrow: 'none' }, index.h("p", { key: '952482edf350a54306742eba284b2d6d9d578cf3', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: 'bb408dbb1d35e9078497d63f8251fd178d63e2c4', 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: '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') })));
+        return (index.h("div", { key: '3056d419a896f9e7e3b8116a7b852a7344d65291', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '8c571d7cd45f63f242e3f6956282f0fea9444a6c', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: 'b53d8a8d8bc45d59d11b408362ec1d2e762ef0e7', 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: '7fbfdbc024cb798e83f06629ffa9ebffb2685f2b', 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: '79ba948be3ff744bf4efbf0a90c2bf575dd06752', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '4eb2136abac313e535626dace325ccb6ad196fa2' })));
+        return (index.h("div", { key: '1b345e8a654dc411b7ac8559256ff357850328da', class: `toast_button ${this.state} ${this.color}` }, index.h("slot", { key: '418521979b28fc2fb805c67873627688813db4ef' })));
     }
     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: '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}` }))))));
+        return (index.h("div", { key: 'bdd6a8adcc9919784c147ef8caf70ceabc3c0d27', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (index.h(index.Fragment, null, index.h("div", { key: 'd832223ebba890237791ba5d6ce7c4d111c4e81f', class: `icon_container` }, index.h("svg", { key: 'cc0611dae93bd5867fae9565da7e0b0edb4887e8', 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: '2c6611b181afd38ceb63b3a70509913d0f8b4b37', 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: 'ee32e030dfc2e3a7c27323a24e256c87dc5ca214', "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: '16fbb4f8fb47848af22022c3b0cc60cabfdfac1b', "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: '798f0a77f2c5285419e00b8950e11c61c8ad162d', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, index.h("div", { key: '171d1b3c1cf5b98296ef25975a2dd77fee894921', class: `text ${this.size}` }, index.h("slot", { key: 'a8ee7e717f635ce6ab512b20433ec32673d6726a', name: "main_text" }), this.showSupportingText && index.h("slot", { key: '98554cb624d886324bca88fbf9c83f6818537273', name: "supporting_text" })), this.actions && (index.h("div", { key: '5a3a895c8876d2ea38119e2ae34a3fe7c6fc4488', 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: 'c0c347c482ad6e211a8d0949978ab43467580e02', 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: 'd8eb87ba2ef393bcacb0db493c3deb39fa2c6109', class: `container ${this.breakpoint}` }, index.h("div", { key: '24691ca8b7a00ae7fcc530cfdffc3519099f097a', class: `full_width_content ${this.breakpoint}` }, index.h("div", { key: 'a27d64ed5117347277b00a6803762c57a80426de', class: `inner_content ${this.breakpoint}` }, index.h("div", { key: '952676b787493738b89956abfbc830ee029727b5', class: `icon_container` }, index.h("svg", { key: '25e0f7f0c6c1f60ec32514b17c83188dbebd2b30', 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: 'c64eb2877251cee6d704bc6167e3b7870d1590d7', 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: '23331b8e38c7ec8963344a73ff9aa815688ec47c', "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: '593d12ce70656f9f12770d2b769e757c59da443e', "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: 'e83feca9b6b96c55c743ff643289a4c25356cb7c', class: `text ${this.size} ${this.breakpoint}` }, index.h("slot", { key: '89da09343a6b4fcfabca2ca699e81c23a9795cdc', name: "main_text" }), this.showSupportingText && index.h("slot", { key: 'e10b2996595ceef5c476bacbd0741d2da3b054b3', name: "supporting_text" }))), this.actions && (index.h("div", { key: '4b714712236a2827439eeaa2ded0f6cd3eaf76c6', 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: '52a25a940726e94d49e43adcd1a66386098b0b26', 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: '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" })))));
+        return (index.h("div", { key: 'c95c198a6c00c8a4c6d1766769f764f1eeb50ad8', class: `toggle_div ${this.size}` }, index.h("div", { key: '316b5c6266657caf6065eaa4fdf191b396551dc7', class: "toggle_base" }, index.h("gb-toggle-base", { key: '69fb4297e5a0f90a49093adbf59ac84544f46f65', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: 'd814cfba9a9939b153b597b1e583f4f04bfa5fa6', class: "text" }, index.h("slot", { key: 'c242152df5c871db607138aa1271a12fc0c97f9a', name: "main_text" }), this.supportingText && (index.h("slot", { key: 'cb7369fc98ba8cb37864e1717caa86b50c8fed2f', 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: '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)));
+        return (index.h("div", { key: '139a475f630a58dbcb882bd201fe5eff60a27842', class: this.size }, index.h("div", { key: '3ae132c76dc60f243b3e8cd2975f161d46907b62', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '8b2ceedda86be12a6d6fedc4691518f5f54ab17d' }, this.label)), this.digits === 4 && (index.h("div", { key: '7d8c4289049762afe6441138dc7158506ddb4184', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '1732364b3e7398168a468cf161ae5a28609b0797', size: this.size }), index.h("gb-megainput-field", { key: '3e0d2aeb91a4564c95e44dabf05daa0849a70294', size: this.size }), index.h("gb-megainput-field", { key: '9239b85273cf8c672c7eaf649c526cc9c4696c71', size: this.size }), index.h("gb-megainput-field", { key: 'a2e1dbd4f3233bdc2607b95fe283524cbd25beeb', size: this.size }))), this.digits === 6 && (index.h("div", { key: '623ad1f4ace92ae41e2e22fc2fc693cbb219cf1b', class: "input-wrapper" }, index.h("div", { key: '2418a00ddf527db4e2a42c5d5df70c2ded8c3453', class: "first=section" }, index.h("gb-megainput-field", { key: 'bcce68e2f2d84fb941cbaae8fa3bf212b67eb8d8', size: this.size }), index.h("gb-megainput-field", { key: 'bd07a7e7f5fdfe189a0fdb0f67cca2d9704f8f63', size: this.size }), index.h("gb-megainput-field", { key: 'c77e1189d01ead1afecefffb103140339f180c09', size: this.size })), index.h("div", { key: '7da10616eefadbc73bd31ecb85e1491e52f48b84', class: "second=section" }, index.h("gb-megainput-field", { key: 'd9f0b5f43d4eb41af68474b74c7449730f6d6234', size: this.size }), index.h("gb-megainput-field", { key: '9853e8aa3d9b74b9c1109474cc5af487d24df49b', size: this.size }), index.h("gb-megainput-field", { key: 'a33f3637923c8aa9bafcc54ad633d832bae76507', size: this.size })))), this.digits === 8 && (index.h("div", { key: 'bcf63564b74ce116827edf144bbaa7153180b35e', class: "input-wrapper" }, index.h("div", { key: '7aba37c74157af1bd772d2d9a95fa72ddac8c8e6', class: "first=section" }, index.h("gb-megainput-field", { key: 'ce5b7a607d7609036108a2aebe257366248b43be', size: this.size }), index.h("gb-megainput-field", { key: '4e61ee618b90488a35e9771d8e2d49653e7c9085', size: this.size }), index.h("gb-megainput-field", { key: '79e03e6398bcd31e87d26b788288ffa9a1c157eb', size: this.size }), index.h("gb-megainput-field", { key: 'ae62a7e973202f8400527f43258a1c430d9da8e8', size: this.size })), index.h("div", { key: '7c8462f99db28ba6f825fd6df8ee3ea03258025b', class: "second=section" }, index.h("gb-megainput-field", { key: '332e6d20107eec4f4524b44398d24e2db64e84f2', size: this.size }), index.h("gb-megainput-field", { key: '38b5856513cbfd19bffb8e145c406a481df48628', size: this.size }), index.h("gb-megainput-field", { key: 'b86c13a4fc603bacceb861cccc01570dd6921b94', size: this.size }), index.h("gb-megainput-field", { key: '51b0de9c817998a7c26c4b87d370c4075fb0bcbf', size: this.size }))))), index.h("p", { key: 'f0d942ec3e4c71fa1f6b8647b1007d6703e20540' }, 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: 'bafb57932cd09efb3b46799c124db4fb6c6b4598', class: {
+        return (index.h("div", { key: 'd7d4d769af8ceac92e6fff409a6ea957431fc4a3', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, 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))));
+            } }, index.h("div", { key: '75340bdf26dbba9dc820183f2269c15117a42fed', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'c2c81943710607c306c8f2798dd3210fe6d9926f', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'dbdf49c33d25ef3e97c2697bbb6735f7bc560565', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '13281fab9384705cdc719d6612914e65df82a988', size: this.size }), index.h("gb-megainput-field", { key: '98354e308dd1b3df7c122d8943a8fb39b03db9ae', size: this.size }), index.h("gb-megainput-field", { key: '401c9ca95d5cad28d85c4e29a465d919669a4d0d', size: this.size }), index.h("gb-megainput-field", { key: '1740f1421bab7bf2daa6a8a6df15f754b81e5e26', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'f8ae3833ef0309f268463adf3b88fd787b4418f1', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'c2c205c5d0a3acc93e67c5b8884707e691c0fa61', size: this.size }), index.h("gb-megainput-field", { key: '76233d169e773e6cc7ea87eb2f082931dd75a48b', size: this.size }), index.h("gb-megainput-field", { key: 'a7ceb1009a801a34e064847243066cf0be1e2f3f', size: this.size }), index.h("p", { key: '3bed63ca631d7a81e9772c9bfe6eb95cc816f145', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '7b134c9180201b7e4fbc423001877dfd73067b2a', size: this.size }), index.h("gb-megainput-field", { key: '19f8d34210f4876cfc6c5661f841cd053246407d', size: this.size }), index.h("gb-megainput-field", { key: '7502eb151a33834d9626d2480f5091193243b8b4', size: this.size }))), this.digits === 8 && (index.h("div", { key: '5b70078b74396bf906355c02a1ae1a3ded060a00', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'b76d10e10045f4830601e44124ad600ca3f7630c', size: this.size }), index.h("gb-megainput-field", { key: '98c687ed6330305f80c58e0d9501f0ead25aac97', size: this.size }), index.h("gb-megainput-field", { key: 'b58b2c084b9ac0eaf4e115eebbc0418fc4e047fe', size: this.size }), index.h("gb-megainput-field", { key: '883bcc0e1c40c166ac15480e6b747a0e55529086', size: this.size }), index.h("p", { key: 'c22506ed2dba0f9af839d76766fac2c0b6f4d308', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: 'c9af82358fb376c22dd4160c78dc95e351bbba76', size: this.size }), index.h("gb-megainput-field", { key: '16c2607845a680a308a5a43f6304bb3f1292cb21', size: this.size }), index.h("gb-megainput-field", { key: '025b98eb83cf569a6370b9d6b9457f5a7bec46d6', size: this.size }), index.h("gb-megainput-field", { key: 'fac47abbf291d404227a9c338c4e11da2d9adca1', size: this.size })))), this.showHintText && (index.h("div", { key: 'b921ba045041beea947b309616c9cee447eee898', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbVerificationCodeField.style = GbVerificationCodeFieldStyle0;

package/dist/cjs/globuscomponents.cjs.js CHANGED Viewed

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

package/dist/cjs/loader.cjs.js CHANGED Viewed

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

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

@@ -7,16 +7,24 @@ export class GbHeader {
         this.text = false;
         this.placeholder = false;
         this.color = undefined;
+        this.showBorder = false;
     }
     applyColorToInitials() {
         switch (this.color) {
-            case 'gray': return 'gray';
-            case 'blue': return 'blue';
-            case 'cyan': return 'cyan';
-            case 'pink': return 'pink';
-            case 'purple': return 'purple';
-            case 'green': return 'green';
-            case 'yellow': return 'yellow';
+            case 'gray':
+                return 'gray';
+            case 'blue':
+                return 'blue';
+            case 'cyan':
+                return 'cyan';
+            case 'pink':
+                return 'pink';
+            case 'purple':
+                return 'purple';
+            case 'green':
+                return 'green';
+            case 'yellow':
+                return 'yellow';
         }
     }
     componentDidLoad() {
@@ -34,7 +42,7 @@ export class GbHeader {
     render() {
         const helpIconSrc = getAssetPath(`assets/help-circle.svg`);
         const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);
-        return (h("div", { key: '498f89fa79aa9726db6937b6e0fcc0c84b536b55', class: `header_div` }, h("div", { key: '910b340b6092907dc9f6a3c34a5fb1e5f00c9801', class: "content" }, h("div", { key: '1092c8d8c93228a4484a919d40e39e9aa3dd9158', class: "inner_content" }, h("div", { key: '6028979ae0bb3abe2a37254fa5d9730e33e26439', class: `action` }, h("gb-header-icon", { key: '7a83f22d95ddb3b6801051e314800617ea6af5b9', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked(0) }), h("gb-header-icon", { key: '1b78c89b90d8e7a163b555f848621d2e5cc232e0', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked(1) })), h("gb-avatar", { key: '7b98eb12ee5fddf807de9e870a149538d051e3c2', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, onClick: () => this.onNavBarItemClicked(2) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
+        return (h("div", { key: '3009a580b50d00a8b88cca7b234eba20db80994d', class: `header_div` }, h("div", { key: '8ec417e3065d93b70a3dc11cf18eb566e30189ec', class: "content" }, h("div", { key: '6ac10ed7e2a4eaa6a8c2f157e77a55b2149c0084', class: "inner_content" }, h("div", { key: '04d550471137a2700d97c2799b9093b894e1c367', class: `action` }, h("gb-header-icon", { key: '2676a3fb6461616d3f2cd6fd7d3a6c4062aa773d', state: StateEnum.Default, icon: helpIconSrc, onClick: () => this.onNavBarItemClicked(0) }), h("gb-header-icon", { key: 'ff5f5b271e3912d44a868b76302c1a37667e06ec', state: this.state, icon: notificationIconSrc, "show-indicator": this.showIndicator, onClick: () => this.onNavBarItemClicked(1) })), h("gb-avatar", { key: '7008d92ac7d7d05792822dc916a459be70ba1c36', size: "md", text: this.text, placeholder: this.placeholder, color: this.color, "show-border": this.showBorder, onClick: () => this.onNavBarItemClicked(2) }, this.text ? h("slot", { slot: "initials", name: "initials" }) : h("slot", { name: "image", slot: "image" }))))));
     }
     static get is() { return "gb-header"; }
     static get encapsulation() { return "shadow"; }
@@ -149,6 +157,24 @@ export class GbHeader {
                 },
                 "attribute": "color",
                 "reflect": false
+            },
+            "showBorder": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "show-border",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAoB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO1E,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK~~;;;IAMpC~~,oBAAoB;QAClB,~~QAAO~~,IAAI,CAAC,KAAK,EAAE,CAAC;~~YAClB~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,MAAM,~~CAAC,CAAC,~~OAAO,MAAM,CAAC;~~YAC3B~~,KAAK,QAAQ,~~CAAC,CAAC,~~OAAO,QAAQ,CAAC;~~YAC/B~~,KAAK,OAAO,~~CAAC,CAAC,~~OAAO,OAAO,CAAC;~~YAC7B~~,KAAK,QAAQ,~~CAAC,CAAC,~~OAAO,QAAQ,CAAC;~~QACjC~~,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,mBAAmB,CAAC,KAAa;QACrC,uCAAuC;QACvC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,sBAAsB;IACxB,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY;YACtB,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAE,QAAQ;wBAClB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB;wBAC1H,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB,CAC3J;oBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,~~IAC/H~~,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,CACP,CAAC;IACJ,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, getAssetPath, h, Method, Prop } from \"@stencil/core\";\r\nimport { AvatarColorTypes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Prop() color: AvatarColorTypes;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n ~~\r\n~~ applyColorToInitials() {\r\n switch(this.color) {\r\n case 'gray': return 'gray';\r\n case 'blue': return 'blue';\r\n case 'cyan': return 'cyan';\r\n case 'pink': return 'pink';\r\n case 'purple': return 'purple';\r\n case 'green': return 'green';\r\n case 'yellow': return 'yellow';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n initials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async onNavBarItemClicked(index: number) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(index);\r\n // console.log(index);\r\n }\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked(0)}></gb-header-icon>\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked(1)}></gb-header-icon>\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} onClick={() => this.onNavBarItemClicked(2)}>\r\n {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-header.js","sourceRoot":"","sources":["../../../src/components/gb-header/gb-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvG,OAAO,EAAoB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAO1E,MAAM,OAAO,QAAQ;;;6BAEc,KAAK;oBACd,KAAK;2BACE,KAAK;;0BAEN,KAAK;;IAInC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QAE5D,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC5C,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAGD,KAAK,CAAC,mBAAmB,CAAC,KAAa;QACrC,uCAAuC;QACvC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnC,sBAAsB;IACxB,CAAC;IAED,MAAM;QACJ,MAAM,WAAW,GAAG,YAAY,CAAC,wBAAwB,CAAC,CAAC;QAC3D,MAAM,mBAAmB,GAAG,YAAY,CAAC,4BAA4B,CAAC,CAAC;QAEvE,OAAO,CACL,4DAAK,KAAK,EAAE,YAAY;YACtB,4DAAK,KAAK,EAAC,SAAS;gBAClB,4DAAK,KAAK,EAAC,eAAe;oBACxB,4DAAK,KAAK,EAAE,QAAQ;wBAClB,uEAAgB,KAAK,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB;wBAC1H,uEAAgB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,mBAAmB,oBAAkB,IAAI,CAAC,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,GAAmB,CAC3J;oBACN,kEAAW,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAC7J,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CAAC,CAAC,CAAC,YAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ,CAC1F,CACR,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, getAssetPath, h, Method, Prop } from \"@stencil/core\";\r\nimport { AvatarColorTypes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-header',\r\n styleUrl: 'gb-header.css',\r\n shadow: true,\r\n})\r\nexport class GbHeader {\r\n @Prop() state: StateEnum;\r\n @Prop() showIndicator: boolean = false;\r\n @Prop() text: boolean = false;\r\n @Prop() placeholder: boolean = false;\r\n @Prop() color: AvatarColorTypes;\r\n @Prop() showBorder: boolean = false;\r\n @Element() el: HTMLElement;\r\n @Event() navBarItemClicked: EventEmitter<number>;\r\n\r\n applyColorToInitials() {\r\n switch (this.color) {\r\n case 'gray':\r\n return 'gray';\r\n case 'blue':\r\n return 'blue';\r\n case 'cyan':\r\n return 'cyan';\r\n case 'pink':\r\n return 'pink';\r\n case 'purple':\r\n return 'purple';\r\n case 'green':\r\n return 'green';\r\n case 'yellow':\r\n return 'yellow';\r\n }\r\n }\r\n\r\n componentDidLoad() {\r\n const initials = this.el.querySelector(\"[slot='initials']\");\r\n\r\n if (initials) {\r\n initials.classList.add('text-md-semi-bold');\r\n initials.classList.add(this.applyColorToInitials());\r\n }\r\n }\r\n\r\n @Method()\r\n async onNavBarItemClicked(index: number) {\r\n // console.log('nav-bar-item clicked');\r\n this.navBarItemClicked.emit(index);\r\n // console.log(index);\r\n }\r\n\r\n render() {\r\n const helpIconSrc = getAssetPath(`assets/help-circle.svg`);\r\n const notificationIconSrc = getAssetPath(`assets/notification-03.svg`);\r\n\r\n return (\r\n <div class={`header_div`}>\r\n <div class=\"content\">\r\n <div class=\"inner_content\">\r\n <div class={`action`}>\r\n <gb-header-icon state={StateEnum.Default} icon={helpIconSrc} onClick={() => this.onNavBarItemClicked(0)}></gb-header-icon>\r\n <gb-header-icon state={this.state} icon={notificationIconSrc} show-indicator={this.showIndicator} onClick={() => this.onNavBarItemClicked(1)}></gb-header-icon>\r\n </div>\r\n <gb-avatar size=\"md\" text={this.text} placeholder={this.placeholder} color={this.color} show-border={this.showBorder} onClick={() => this.onNavBarItemClicked(2)}>\r\n {this.text ? <slot slot=\"initials\" name=\"initials\"></slot> : <slot name=\"image\" slot=\"image\"></slot>}\r\n </gb-avatar>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n }\r\n}"]}

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

@@ -2664,7 +2664,6 @@
     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 } from "@stencil/core";
 export class GbHelpTooltip {
     constructor() {
-        this.showHelpTooltip = true;
+        this.showHelpTooltip = false;
         this.showArrow = false;
         this.showSupportingText = false;
     }
@@ -16,7 +16,7 @@ export class GbHelpTooltip {
         }
     }
     render() {
-        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" })))));
+        return (h("div", { key: '4a8e02a8eec68b2551d5ac14a2704a56eb999a95', class: `help_tooltip` }, h("svg", { key: '7977da7a60983c0564fdebea824ce1c5d173ca96', 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: '51f3b83adf2651b5ff5f4aef1cd4b46b97c2f9e0', 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: '1e54c7a6a39135b5b027b4e7c875af295b03acf6', "show-arrow": true, arrow: "bottom_right", "show-supporting-text": this.showSupportingText, class: "tooltip" }, h("slot", { key: 'c09baaf2c5ef8e803e9ee8586341d87a8f1d9360', name: "label", slot: "label" }), h("slot", { key: 'c8f3773c2fbc5a7a93b39ff3345d20764dc2aeff', name: "supporting_text", slot: "supporting_text" })))));
     }
     static get is() { return "gb-help-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

	@@ -1 +1 @@
1	- {"version":3,"file":"gb-help-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-help-tooltip/gb-help-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,aAAa;;+BACY,~~IAAI~~;~~yBACX~~,KAAK;kCACI,KAAK;;IAG3C,gBAAgB;QACd,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,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,cAAc;YACxB,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EACjD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EAClD,KAAK,EAAC,aAAa;gBAEnB,6DACE,CAAC,EAAC,4ZAA4Z,EAC9Z,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE;YACL,IAAI,CAAC,eAAe,IAAI,CACvB,iFAAwB,IAAI,EAAE,KAAK,EAAC,cAAc,0BAAuB,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,SAAS;gBAC/G,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ;gBACvC,6DAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CAChD,CACd,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-help-tooltip',\r\n styleUrl: 'gb-help-tooltip.css',\r\n shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n @State() showHelpTooltip: boolean = ~~true~~;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Element() el: HTMLElement;\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('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`help_tooltip`}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n onMouseEnter={() => (this.showHelpTooltip = true)}\r\n onMouseLeave={() => (this.showHelpTooltip = false)}\r\n class=\"help_circle\"\r\n >\r\n <path\r\n 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\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n {this.showHelpTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
1	+ {"version":3,"file":"gb-help-tooltip.js","sourceRoot":"","sources":["../../../src/components/gb-help-tooltip/gb-help-tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAOnE,MAAM,OAAO,aAAa;;+BACY,KAAK;yBACZ,KAAK;kCACI,KAAK;;IAG3C,gBAAgB;QACd,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,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,cAAc;YACxB,4DACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,EACjD,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,EAClD,KAAK,EAAC,aAAa;gBAEnB,6DACE,CAAC,EAAC,4ZAA4Z,EAC9Z,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE;YACL,IAAI,CAAC,eAAe,IAAI,CACvB,iFAAwB,IAAI,EAAE,KAAK,EAAC,cAAc,0BAAuB,IAAI,CAAC,kBAAkB,EAAE,KAAK,EAAC,SAAS;gBAC/G,6DAAM,IAAI,EAAC,OAAO,EAAC,IAAI,EAAC,OAAO,GAAQ;gBACvC,6DAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CAChD,CACd,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, State, Element } from \"@stencil/core\";\r\n\r\n@Component({\r\n tag: 'gb-help-tooltip',\r\n styleUrl: 'gb-help-tooltip.css',\r\n shadow: true,\r\n})\r\nexport class GbHelpTooltip {\r\n @State() showHelpTooltip: boolean = false;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showSupportingText: boolean = false;\r\n @Element() el: HTMLElement;\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('text-xs-semi-bold');\r\n }\r\n\r\n if (supportingTextSlot) {\r\n supportingTextSlot.classList.add('text-xs-regular');\r\n }\r\n }\r\n\r\n render() {\r\n return (\r\n <div class={`help_tooltip`}>\r\n <svg\r\n xmlns=\"http://www.w3.org/2000/svg\"\r\n width=\"16\"\r\n height=\"16\"\r\n viewBox=\"0 0 16 16\"\r\n fill=\"none\"\r\n onMouseEnter={() => (this.showHelpTooltip = true)}\r\n onMouseLeave={() => (this.showHelpTooltip = false)}\r\n class=\"help_circle\"\r\n >\r\n <path\r\n 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\"\r\n stroke=\"#697586\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n {this.showHelpTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"bottom_right\" show-supporting-text={this.showSupportingText} class=\"tooltip\">\r\n <slot name=\"label\" slot=\"label\"></slot>\r\n <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}