globuswebcomponents 0.8.7 → 0.8.9

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

@@ -25,10 +25,10 @@ const GbMegaInputField = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'a0302a3fbf40b4aaa9d39e8f3478d9c72eb86312', class: {
+        return (index.h("div", { key: 'a4de8c4c3216a76d8682dfd0a805d9d9786ae5b9', class: {
                 [this.size]: true,
                 disabled: this.state === 'disabled'
-            } }, index.h("input", { key: '959046c1545354a6a5efa4520274961c2239820a', class: {
+            } }, index.h("input", { key: '037eedc7eb0bfdf1ef39236df97df213a500099e', 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-bar.cjs.entry.js

@@ -17,7 +17,7 @@ const GbProgressBar = class {
     }
     render() {
         const progressValue = Math.min(Math.max(this.progress, 0), 100);
-        return (index.h("div", { key: 'e35dac441c3f6aeaf9092504edfb182632988ebb', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: 'bce0ea3a169db03b540400891d021e8bdf04417b', class: "progress_bar" }, index.h("div", { key: '1591c7a56aa4adc512fda45f2eb1b500edde3c58', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '195d0a3c34a9f6561ba49f711349d789d2e02c5d', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '8aa492bad0989722792522688fbbd39ab5871ebc', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '683fd5a9ce2632a538da1551a54853cf229deda3', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '402e906fa5e11a3c81289bbe86170f9c652053ed', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '48236d8a38b4d975fdf83632315c6bd00800c344', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '505a782b95b42cad4977cbe132577cf5a392519a', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '74081afee803ef7486939923326f05e230c2502c', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: '1070ff9d4098e3505c7051703cdcf70ed25dcdee', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '2f83a6c4b2930bf7341541ddbc666facf2d453ab', class: "progress_bar" }, index.h("div", { key: 'f1b58aad0ff51b10baff111a68a14a226ff2b32f', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '27bf2ea7adf030368ccfb1438458bd97b23b46e3', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: 'db44c9708f598ed4cdb6b5a6cc8076ba7041fc81', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '71dd9331d6047978587b93c3d9698bf86470d4a4', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: 'd0a3683b773532ca435f9b288f2e390f2022aec9', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: 'f50be7af9ce43ce3d9637fed86622b7264a114aa', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '36e41bf58907dd9a534199c8c3a2da86c20d2256', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'fd11aae5cbfe2221e0f0a3bbb549a13fe74d308a', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

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

@@ -39,7 +39,7 @@ const GbProgressCircle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '86a441d6e5ed223c4d7820c4dbdfd0abdba4ae03', class: "gauge" }, index.h("div", { key: '33764c8e402e63fcd4a40a5dbf7ea487390c0495', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: '8f440d51077ee43d9048639abf3ca958701668f6', class: "mask" }), this.label && (index.h("div", { key: '7116e0b31aa17857db6dac890a2deed90e84bbac', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '5888645e91d2efd3b9f8d165ee6a9587fc76bc20', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
+        return (index.h("div", { key: 'f917fcc84081c8d4b50bec01bafc6a91f9c0ccef', class: "gauge" }, index.h("div", { key: '257ced75e4409fff171da6d9276586971c1692ac', class: "arc", ref: el => (this.arcElement = el) }), index.h("div", { key: 'cd7864b6c048b23e8965f103c88264611f244c9d', class: "mask" }), this.label && (index.h("div", { key: '04c47fc6fcbf526103dc0f507cd6db40825efc7a', class: "label", ref: el => (this.labelElement = el) }, index.h("p", { key: '0292247ff2f5b729fca817d01e1a212ed63ac8f2', class: "display-lg-semi-bold" }, `${this.progress}%`)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -24,7 +24,7 @@ const GbRichText = class {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (index.h("div", { key: '9c734bd9c3b20347808fc49afc53e07d59ee2b63', class: classes }, index.h("div", { key: '2be5c4f7eb0f8492b5aea7807c1ee9f061cc0c13', class: "input-with-label" }, index.h("label", { key: '7b887091be4c28333339e7c9a398e597d4b4915b' }, this.label), index.h("div", { key: '712e9fd52334eb221a500c30903ace58f12fcca0', class: "input-container" }, index.h("div", { key: '0124747e40a6770690ab1a652e999f69991a3914', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: 'a6b657782ca6782763c13f70775595d1cd740a37', 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: '65c8ddb26e76741de42c0ef5399794626c6a6971', class: "error-icon" }, index.h("svg", { key: '3fb976c43a836d14d658e3f4d0dd0f7dbed17960', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'a95e5055cdeb4a0221f4e4719da80546db192028', 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: '6345bd6ca3d2e85fdcd7c88de31d779c58dc3a2a', class: "text-container" }, index.h("textarea", { key: '695b05ddb4654ed792350c010b373990bef5b6c5' }, this.showPlaceholder && (index.h("div", { key: 'e9d883b9663de2dc8844c5c7a54839a27e0f60b7' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: '4c1b9bf584d6b58c35012e4215f53e8a2108ebc7', class: "hint-text" }, this.hintText))));
+        return (index.h("div", { key: '8fda531f7da62c067e1e90685e8a081397d76bf2', class: classes }, index.h("div", { key: '8227eedd2cdab22a7e33e5cd351edf3b1e12663a', class: "input-with-label" }, index.h("label", { key: 'e81a9bdb13f221c7d80a6cfba0cad91c47c6cc8d' }, this.label), index.h("div", { key: '743638a9433ac47906d2769dd06e7f1083c82b44', class: "input-container" }, index.h("div", { key: '975f9a3b31d31284bd76f73893a30fc3a802bdbf', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '3728f1551d272af0152f041952d9cb6afb13561d', 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: '424400c4f6b5a855850e6b82dbb4e1e0e7558935', class: "error-icon" }, index.h("svg", { key: '79b1067a7ce2c5afb80e5832e5602caea0b4da29', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: '5e982101ffb08ae898e7838b41d7c03566d66e8e', 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: '216f2c362d54d2a02ada77aeb3ca3b418c845380', class: "text-container" }, index.h("textarea", { key: '8c45aea65dcab8537feba5819c50212a22cf0ce9' }, this.showPlaceholder && (index.h("div", { key: 'ea29327d28f402bad39f52fe33eadb2e9d4caf8e' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'fcdb14a42b1aabb9c160ac2206558daf094702c6', class: "hint-text" }, this.hintText))));
     }
 };
 GbRichText.style = GbRichTextStyle0;

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

@@ -13,7 +13,7 @@ const GbScrollbar = class {
         this.length = '25%';
     }
     render() {
-        return (index.h("div", { key: '49f302e65bcfa9a640e552342405a14cfe59d6e5', class: "scrollbar-container" }, index.h("div", { key: '6afc4f8b53408efc9a07c6bc217859334e1854ca', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '28f9c940ff901dda0841480fc90310044a634015' }))));
+        return (index.h("div", { key: '0f830ac22bc6481da826a93b2dcf1356ae9a3782', class: "scrollbar-container" }, index.h("div", { key: '59753243aee37674c4bc975d0e8c385a2c5d266d', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'cc3389a157c765bb263d8f0974ca6bb167ee6bf4' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -66,7 +66,7 @@ const GbSlider = class {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (index.h("div", { key: 'b57280228d962f2a2900a48e2c94a3950bb6cf9c', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '90834774de5986f65000aa5aa133ab96a6a9e9cb', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '1400d4bd5514a74ab38450f0a79981d4efc030a6', 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: '1605dc127b71ded490ea84ef635f7cc11796a043', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: 'a0f0f3e1fad981d3fda6387ff32f9e562446875d', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '6a8e98a0c79bb44454b3c5197123897799c46d65', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '100f40c3a217de1b44371ef7d9c76e0bcb9bfc23', 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: '828a281e5350cf87df2a01d85946ac2be326ccc3', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -42,7 +42,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: '51feb1c0fecb1db9bdd7c1c1e5bc7da37b8983d6', class: `toggle_div ${this.size}` }, index.h("div", { key: 'ff90bcf8ff29b9920e722c1d609ab6c1efa56156', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'a009a10b77bee45321dada858aa4444b9027dff8', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: 'f9b5249785c1637c0a6b81d10e63fac9f548f394', class: "text" }, index.h("slot", { key: '80a011151cc8298cd240454297cb097a1cfeacc5', name: "main_text" }), this.supportingText && (index.h("slot", { key: '329b2272d78841cfae2d992c0b4bcd2b4f3eab88', name: "supporting_text" })))));
+        return (index.h("div", { key: '8c0cd7881bd9a6fc457915ea7aac0ae971c9744b', class: `toggle_div ${this.size}` }, index.h("div", { key: '82f9a522add2d5fd8d0e36105e7c1c207260ffc6', class: "toggle_base" }, index.h("gb-toggle-base", { key: '76f8bf2833f9af886ca7757693c1b53508b73f4c', size: this.size, state: this.state, pressed: this.pressed })), index.h("div", { key: '2df514b782020c3c8a210edf15c763133f08d31f', class: "text" }, index.h("slot", { key: 'b7cd03595e51f6c88e2bb76cd9765b9ddd73e4d5', name: "main_text" }), this.supportingText && (index.h("slot", { key: '8fe4f2fecc298776a8bb98118edb71ab75169bb8', name: "supporting_text" })))));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -18,7 +18,7 @@ const GbTokenField = class {
         this.supportingText = '';
     }
     render() {
-        return (index.h("div", { key: '16b145521d5f07546376fab4787b629f84a7817d', class: this.size }, index.h("div", { key: 'c3c87a1600ef89c76321ec64d9bafbeeba3e5880', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '80f21951e2d36e3f71d5c1486bedd8cab543dce3' }, this.label)), this.digits === 4 && (index.h("div", { key: 'b67be5962387fb40dd483ac0b7f5106bd0b78c7b', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'ae2a060fea2087e87b0765cb7aa81f40928e31ba', size: this.size }), index.h("gb-megainput-field", { key: 'f6bb46e9cff8915b3dc44836a0d64f0ef33dbe26', size: this.size }), index.h("gb-megainput-field", { key: '58aef2988591e1671f09633f48ff238496e5d411', size: this.size }), index.h("gb-megainput-field", { key: 'c82900041b7e5e076dff0f54750e9275a5117997', size: this.size }))), this.digits === 6 && (index.h("div", { key: '35818a451f91732cc37b41a7270ddfa1d8bffce0', class: "input-wrapper" }, index.h("div", { key: '4e7c8dd105f366df96f5bc44dbc4702996c242f2', class: "first=section" }, index.h("gb-megainput-field", { key: '71ebf1f605de670be878e9dc810dcfdf7a21ff34', size: this.size }), index.h("gb-megainput-field", { key: 'ec359cfbdf74edc8003efc6bf5d0e1c42f977528', size: this.size }), index.h("gb-megainput-field", { key: '5252f671b50aa802b0b71b65d167170322cad15a', size: this.size })), index.h("div", { key: 'f76d7df55f948a71c59dc8968ce709c714b87b3a', class: "second=section" }, index.h("gb-megainput-field", { key: '50a1cbd747cad2ce3e2e37694daed89f2091e980', size: this.size }), index.h("gb-megainput-field", { key: 'c7fed16ec16b400dd116852ffa8f20e02024ef33', size: this.size }), index.h("gb-megainput-field", { key: '815da8dc51e794c4bf0951450b64fff13126a230', size: this.size })))), this.digits === 8 && (index.h("div", { key: '08c3ec77d92539cdbbc04da52fd3a35b23de1dbb', class: "input-wrapper" }, index.h("div", { key: '2c8bc82118460e1c58fca3e96263c3397d03391c', class: "first=section" }, index.h("gb-megainput-field", { key: '6732972e88d403b1bf390ea427db214d99b9e888', size: this.size }), index.h("gb-megainput-field", { key: '61b4b10cdb4a812f31c185e9ed779044dd3f65f1', size: this.size }), index.h("gb-megainput-field", { key: '6d7bbffda894d5d627faf98ac46bdffe40dd5dc7', size: this.size }), index.h("gb-megainput-field", { key: '0cf397689e31262aa862e3c281251bffe012c90d', size: this.size })), index.h("div", { key: 'e49f0a98fca331ec18647306e3451fdfd9137412', class: "second=section" }, index.h("gb-megainput-field", { key: '73d1da28c999d397073a74d181ebf604a3e743fb', size: this.size }), index.h("gb-megainput-field", { key: '239c071c6b779ed27d799f8948027d3fd753d081', size: this.size }), index.h("gb-megainput-field", { key: '910ecec2c0bd8ce13bdfb4a198e74235c9462251', size: this.size }), index.h("gb-megainput-field", { key: '0ea39831401911675f27e2d1e48bf6c7e3888e23', size: this.size }))))), index.h("p", { key: 'b114a3fdbb80674a044b6fccb5ffe4a45b0cca6a' }, this.supportingText)));
+        return (index.h("div", { key: '6548a0e28f5a5fe36b769c3046c4771097cca415', class: this.size }, index.h("div", { key: 'cd1af41aaf047faa8eaf79f532a62e2e6abc4758', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '3c145538899f97e72bfddf02c5ea2633f5003cc8' }, this.label)), this.digits === 4 && (index.h("div", { key: 'ea2281a2494839c78a578af458ae5647feedebe5', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'eb5f7cdd0e8ea96431c1d893796c9b3aaae5d5fe', size: this.size }), index.h("gb-megainput-field", { key: 'b727cc8bc251a126e82ec3b9641fb14139719d01', size: this.size }), index.h("gb-megainput-field", { key: 'b70a27fc84c27de2c2df6717b4852e2b001ee16c', size: this.size }), index.h("gb-megainput-field", { key: '05afc7b6fce01e90b86a2f0be44862b547d60e29', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'bba7896521acd5142af12950d8f7e6c72fa69430', class: "input-wrapper" }, index.h("div", { key: '3d61ae4484a1ddd33b75554fc4131467309508a6', class: "first=section" }, index.h("gb-megainput-field", { key: 'e1196ca1a095a26260c7f2a834e8f1232590037b', size: this.size }), index.h("gb-megainput-field", { key: '2fa0031e07c9a1796c9cb1537906111593e3ee77', size: this.size }), index.h("gb-megainput-field", { key: 'acc732cdc50dfce9f21837064a68d8020c22c162', size: this.size })), index.h("div", { key: '370698b69fd643005d07ed6fbd34432cf54361fc', class: "second=section" }, index.h("gb-megainput-field", { key: 'c90ac207447dc90c81a595689d4a3d737f466b18', size: this.size }), index.h("gb-megainput-field", { key: 'ed5827c781cf9c1c12c1554202586e2e1ca9a520', size: this.size }), index.h("gb-megainput-field", { key: '603b170bfef4a698e71bc23817c9046c0cdbe5e0', size: this.size })))), this.digits === 8 && (index.h("div", { key: '707da6b83574375b7f9ad658e5d71f2a2f863bd7', class: "input-wrapper" }, index.h("div", { key: '2d5c1d714f6c65aa32d66c702cca5dd0398fec55', class: "first=section" }, index.h("gb-megainput-field", { key: '726afbea2848dc7ade2d0dcbabbe3ea6a38c5d9f', size: this.size }), index.h("gb-megainput-field", { key: 'b1825b5eb4b24b12173fcab9304587fb5699621a', size: this.size }), index.h("gb-megainput-field", { key: '2bc3a26e21950674b539b76bab0cd3b51466544f', size: this.size }), index.h("gb-megainput-field", { key: 'ee4af9320cb46eccabb789ffe4b0ffddf69148ed', size: this.size })), index.h("div", { key: 'ef48fedd06a3be1aac06fba24d471eb12f91a9b9', class: "second=section" }, index.h("gb-megainput-field", { key: 'aa0104431f855b4b6766660250e932a99da2cd4f', size: this.size }), index.h("gb-megainput-field", { key: '027afbc2eb8d51a7fdd43ac4758348f0293fe791', size: this.size }), index.h("gb-megainput-field", { key: '9f431ce748650758d98e7fc19cc4de615d87bf79', size: this.size }), index.h("gb-megainput-field", { key: '4cdc8968d460511d51004b3193a65fee32dc1768', size: this.size }))))), index.h("p", { key: '8455f9e6839a4ed6f6ec3368ac5cda0c58e2e245' }, this.supportingText)));
     }
 };
 GbTokenField.style = GbTokenFieldStyle0;

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

@@ -18,11 +18,11 @@ const GbVerificationCodeField = class {
         this.hintText = '';
     }
     render() {
-        return (index.h("div", { key: '7a4d51290e399115b1029946a0b217a9463a1ed0', class: {
+        return (index.h("div", { key: 'cd81e558fea128c94c49439ef667f0ca8de69376', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, index.h("div", { key: 'adea51b52053996b12f3628467f5b51765d3c262', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '5f86dd903ac0f5a71c7fbf826e4ed67c76fc61a5', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: '3c2b2271769218b8b111366eed1675e37db75769', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'f4de9792d76fcab39a7dcd366515f42a79491b1a', size: this.size }), index.h("gb-megainput-field", { key: 'd7dc8d6975e0663d791e4db7b3f91b55dbfe5896', size: this.size }), index.h("gb-megainput-field", { key: '79853a98c1e1fa5d7b99c3727d50f562e09d866e', size: this.size }), index.h("gb-megainput-field", { key: '5312145a8ef379b111ee678f2381ef45609512b5', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'f3cadc1fd376be4ebcd131522689d5f37dd0b49c', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'ec9e55674999e45b715135e8d972ec56bc72b771', size: this.size }), index.h("gb-megainput-field", { key: 'fd1475b8c6874506178a275720413613b5f77ab2', size: this.size }), index.h("gb-megainput-field", { key: '1ebb013bd86f916d897f68850dc716bbd258b74f', size: this.size }), index.h("p", { key: '1b9da555e277b5fea1e6dc4906cc9ae5aae6e0ac', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '8c4721870d98dfbe6bb09f5fc27591b7620a6842', size: this.size }), index.h("gb-megainput-field", { key: '2e72761d9fa585ce33c84867f47cebbe7589ce6e', size: this.size }), index.h("gb-megainput-field", { key: '22a37c631b53555b2958e9796ea4bdbe1cb58765', size: this.size }))), this.digits === 8 && (index.h("div", { key: 'fdf81e44c2f6fbddba8d5650c2a0071e445d4681', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '47a05e782a8e8fd6e449eacb1e4195c70f4da7eb', size: this.size }), index.h("gb-megainput-field", { key: '028a6b913c15876b3c5eade78e848630561fe2cc', size: this.size }), index.h("gb-megainput-field", { key: 'd53b43117729e7c2a72787b9b355d7304d56246a', size: this.size }), index.h("gb-megainput-field", { key: 'afcaf5efe15ed9832accf7505d798cca5f965e4b', size: this.size }), index.h("p", { key: 'f78e5414e2a094f9f402bbd047e46de843f2a7eb', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '53d0d83ca9867b817e031842c1a08d1d496c9745', size: this.size }), index.h("gb-megainput-field", { key: 'db190d1d7d814afe67eca29d728e84b7026ca194', size: this.size }), index.h("gb-megainput-field", { key: '346dfe42cbfe7dd1531fe57ac1b32ed57c8818ee', size: this.size }), index.h("gb-megainput-field", { key: '706aa5e2cbac526efe91cfa9ae0cd61bfc2a4b15', size: this.size })))), this.showHintText && (index.h("div", { key: '71041aabd020b1d7ddcaed5ad237576c46feefbd', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, index.h("div", { key: 'b0b8a0fb74f195a1343132d5c3dac883a15abe18', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '653822c712ab9fc7698ca78f7fef71205dbd7a9c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (index.h("div", { key: 'd5c9e9d63da086b4c23740d025b44c8eb5699450', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'ff3fef9632a75d554702c845dc3c1ac02b58d8ea', size: this.size }), index.h("gb-megainput-field", { key: '306cc9311425607d9c765c95a83cdcaa0f05c5cf', size: this.size }), index.h("gb-megainput-field", { key: '9aae946032fb57e32df1beb241c02adca1760ce2', size: this.size }), index.h("gb-megainput-field", { key: '7ad4b0b13cd4301539580978ab8172ace37c3cee', size: this.size }))), this.digits === 6 && (index.h("div", { key: '76a1023c16032ba702d583e93c88f84d4901ef81', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '312222ab55157ddc5bc0866c83d15c05237d7e52', size: this.size }), index.h("gb-megainput-field", { key: 'ed27e5a56cfe727dad591c3f00ac58e416ac5631', size: this.size }), index.h("gb-megainput-field", { key: 'b1a62c03784a94a1f560a7210a7c87387c15f018', size: this.size }), index.h("p", { key: '0e3b1f74ddce6d8819b474e862d5691477403c9f', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: 'cf8f62b80b0c787042234b058a924ed22a37968d', size: this.size }), index.h("gb-megainput-field", { key: '5afe0825185a64823f3b5f15b2f1b7536e57404f', size: this.size }), index.h("gb-megainput-field", { key: '4e706ee675df89d144f5199cf7a66f1138f3b3c7', size: this.size }))), this.digits === 8 && (index.h("div", { key: '7b628b6f7e812812947385f49ec73a5bf0479891', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'ba035fd6c681aab1fa2e1890aeb36273fe86113a', size: this.size }), index.h("gb-megainput-field", { key: '111cac9c1dbffa1a7810e93cd5fc6b4b2022ac44', size: this.size }), index.h("gb-megainput-field", { key: '3702ed985c7aa57be5ac0ae96dc7db5e93e49cf8', size: this.size }), index.h("gb-megainput-field", { key: 'aa43e0072f4f838aa1617ab8b3b7eb9a667d905a', size: this.size }), index.h("p", { key: '39230b478453e0ba0ae57e5d51503d5dceae65d2', class: "line display-sm-bold" }, "-"), index.h("gb-megainput-field", { key: '5ec45fae7e7c127666c2888af635950837a2284b', size: this.size }), index.h("gb-megainput-field", { key: '92c5e8f8f5eec895ebc62e672c661e1b876d00cb', size: this.size }), index.h("gb-megainput-field", { key: '6ca04b12f790b5c6260ac70351c845412a05815f', size: this.size }), index.h("gb-megainput-field", { key: 'a7fed023400d208d0e9c5633231621114b586efb', size: this.size })))), this.showHintText && (index.h("div", { key: '06d35db104d3cb3f0ec1f2e753b255888b15f87f', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
 };
 GbVerificationCodeField.style = GbVerificationCodeFieldStyle0;

package/dist/cjs/globuscomponents.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"gb-avatar_39.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32]}],[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\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[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-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-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-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[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-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\"],\"icon\":[1],\"items\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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],\"assignedColorClass\":[32]}],[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],\"showBorder\":[4,\"show-border\"]}]]],[\"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\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[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]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"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-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],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[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_38.cjs\",[[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[1028],\"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\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[0,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[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-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-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-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[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-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\"],\"icon\":[1],\"items\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[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],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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],\"assignedColorClass\":[32]}],[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\"]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"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],\"showBorder\":[4,\"show-border\"]}]]],[\"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\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"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]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"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-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],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"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

@@ -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_39.cjs\",[[1,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[32]}],[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\"],\"options\":[1040],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[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-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-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-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[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-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\"],\"icon\":[1],\"items\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-tag\",{\"size\":[1],\"icon\":[1],\"action\":[1],\"flagSwap\":[1,\"flag-swap\"],\"checkbox\":[4],\"onTagClose\":[64]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[1,\"gb-input-dropdown-menu-item\",{\"type\":[1],\"supportingText\":[4,\"supporting-text\"],\"selected\":[1028],\"state\":[1],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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],\"assignedColorClass\":[32]}],[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],\"showBorder\":[4,\"show-border\"]}]]],[\"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\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[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]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"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-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],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[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_38.cjs\",[[1,\"gb-input-field\",{\"size\":[1],\"type\":[1],\"destructive\":[1028],\"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\"],\"options\":[1040],\"idOfInput\":[513,\"id-of-input\"],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"results\":[1040],\"menuPosition\":[1,\"menu-position\"],\"icon\":[1],\"inputValue\":[32],\"tags\":[32],\"leadingIconSvg\":[32],\"isPasswordVisible\":[32],\"showDropdown\":[32],\"selectedItem\":[32],\"selectedItems\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"dropdownOpen\":[32],\"show\":[32],\"showSpinner\":[32]},[[4,\"click\",\"handleClickOutside\"]],{\"options\":[\"optionsChanged\"]}],[0,\"gb-pagination\",{\"type\":[1],\"shape\":[1],\"breakpoint\":[1],\"currentPage\":[1026,\"current-page\"],\"totalPages\":[1026,\"total-pages\"],\"entries\":[1040],\"selectedPageSize\":[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-toast\",{\"color\":[1],\"size\":[1],\"breakpoint\":[1],\"xCloseButton\":[4,\"x-close-button\"],\"actions\":[4],\"showSupportingText\":[4,\"show-supporting-text\"]}],[1,\"gb-notification-pane\",{\"state\":[1],\"notifications\":[16],\"icon\":[1],\"label\":[1],\"time\":[1],\"supportingText\":[1,\"supporting-text\"]}],[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-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-pagination-number-base\",{\"shape\":[1],\"state\":[1]}],[1,\"gb-toast-button\",{\"state\":[1],\"color\":[1]}],[1,\"gb-toggle-base\",{\"size\":[1],\"state\":[1],\"pressed\":[1028]}],[1,\"gb-dropdown-items-with-shortcut\",{\"icon\":[4],\"iconSrc\":[1,\"icon-src\"],\"checkbox\":[4],\"shortcut\":[4],\"shortcutIcon\":[1,\"shortcut-icon\"],\"label\":[1],\"state\":[1],\"destructive\":[4],\"leadingIconSvg\":[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-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\"],\"icon\":[1],\"items\":[1040],\"supportingText\":[4,\"supporting-text\"],\"color\":[1],\"showBorder\":[4,\"show-border\"],\"menuPosition\":[1,\"menu-position\"],\"leadingIconSvg\":[32],\"dropdownOpen\":[32],\"selectedItems\":[32],\"unselectedItems\":[32],\"selectedItem\":[32]},[[4,\"click\",\"handleClickOutside\"]]],[1,\"gb-button-close\",{\"size\":[1],\"color\":[1]}],[1,\"gb-badge\",{\"size\":[1],\"icon\":[1],\"iconLeadingSwap\":[1,\"icon-leading-swap\"],\"iconTrailingSwap\":[1,\"icon-trailing-swap\"],\"flagSwap\":[1,\"flag-swap\"],\"color\":[1],\"type\":[1],\"closeButton\":[4,\"close-button\"],\"leadingIconContent\":[32],\"trailingIconContent\":[32]}],[1,\"gb-help-tooltip\",{\"showArrow\":[4,\"show-arrow\"],\"showSupportingText\":[4,\"show-supporting-text\"],\"showHelpTooltip\":[32]}],[1,\"gb-badge-close\",{\"color\":[1],\"type\":[1]}],[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],\"color\":[1],\"handleClick\":[64]}],[1,\"gb-tag-checkbox\",{\"checked\":[4],\"size\":[1],\"disabled\":[4]}],[1,\"gb-tag-close\",{\"size\":[1]}],[1,\"gb-tag-count\",{\"size\":[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],\"assignedColorClass\":[32]}],[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\"]}]]],[\"test-input-tag.cjs\",[[0,\"test-input-tag\",{\"idOfInput\":[513,\"id-of-input\"],\"type\":[513],\"labelText\":[513,\"label-text\"],\"isReadOnly\":[516,\"is-read-only\"],\"placeholderText\":[513,\"placeholder-text\"],\"show\":[32],\"showSpinner\":[32],\"staffInfo\":[32],\"selectedStaff\":[32],\"paddingLeft\":[32],\"paddingTop\":[32],\"inputValue\":[32],\"dropdownOpen\":[32]}]]],[\"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],\"showBorder\":[4,\"show-border\"]}]]],[\"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\"]}]]],[\"gb-avatar-profile-photo.cjs\",[[1,\"gb-avatar-profile-photo\",{\"placeholder\":[4],\"text\":[4],\"size\":[1],\"verified\":[4],\"icon\":[1]}]]],[\"gb-export-dropdown.cjs\",[[1,\"gb-export-dropdown\",{\"state\":[1],\"showFirstSubDropdown\":[32],\"showSecondSubDropdown\":[32]}]]],[\"gb-help-dropdown.cjs\",[[1,\"gb-help-dropdown\",{\"showLogError\":[4,\"show-log-error\"],\"onHelpItemClicked\":[64]}]]],[\"gb-control-handle.cjs\",[[1,\"gb-control-handle\",{\"value\":[2],\"type\":[1],\"isHovered\":[32],\"isFocused\":[32]}]]],[\"gb-toggle.cjs\",[[1,\"gb-toggle\",{\"size\":[1],\"state\":[1],\"supportingText\":[4,\"supporting-text\"],\"pressed\":[4]}]]],[\"gb-megainput-field.cjs\",[[1,\"gb-megainput-field\",{\"size\":[1],\"state\":[1],\"inputValue\":[32]}]]],[\"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]},null,{\"progress\":[\"handleProgressChange\"]}]]],[\"gb-scrollbar.cjs\",[[1,\"gb-scrollbar\",{\"length\":[1]}]]],[\"gb-slider.cjs\",[[1,\"gb-slider\",{\"min\":[2],\"max\":[2],\"thumbType\":[1,\"thumb-type\"],\"leftValue\":[32],\"rightValue\":[32]}]]],[\"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-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],\"showBorder\":[4,\"show-border\"]}]]],[\"gb-avatar-add-button.cjs\",[[1,\"gb-avatar-add-button\",{\"size\":[1],\"showToolTip\":[1028,\"show-tool-tip\"],\"state\":[1],\"el\":[16]}]]],[\"gb-export-sub-dropdown-item.cjs\",[[1,\"gb-export-sub-dropdown-item\",{\"icon\":[1],\"state\":[1],\"leadingIconSvg\":[32]}]]],[\"gb-export-dropdown-item_2.cjs\",[[1,\"gb-export-sub-dropdown\"],[1,\"gb-export-dropdown-item\",{\"icon\":[4],\"state\":[1],\"type\":[1]}]]],[\"gb-progress-bar.cjs\",[[1,\"gb-progress-bar\",{\"progress\":[2],\"showLabel\":[4,\"show-label\"],\"labelPosition\":[1,\"label-position\"],\"el\":[16]}]]],[\"gb-wysiwyg-editor-icon.cjs\",[[1,\"gb-wysiwyg-editor-icon\",{\"active\":[4],\"type\":[1],\"state\":[1]}]]]]"), options);
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/test-input-tag.cjs.entry.js

@@ -0,0 +1,108 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-97d4dbd5.js');
+const reusableModels = require('./reusableModels-e50f3440.js');
+
+const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
+const TestInputTagStyle0 = testInputTagCss;
+
+const TestInputTag = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.exportValue = index.createEvent(this, "exportValue", 7);
+        this.idOfInput = undefined;
+        this.type = undefined;
+        this.labelText = undefined;
+        this.isReadOnly = false;
+        this.placeholderText = 'Search for staff...';
+        this.show = false;
+        this.showSpinner = false;
+        this.staffInfo = [];
+        this.selectedStaff = [];
+        this.paddingLeft = '1rem';
+        this.paddingTop = '0rem';
+        this.inputValue = '';
+        this.dropdownOpen = false;
+    }
+    componentDidLoad() {
+        this.inputElement.addEventListener('input', this.handleTagInput.bind(this));
+    }
+    disconnectedCallback() {
+        this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));
+    }
+    handleTagInput(event) {
+        const target = event.target;
+        const value = target.value;
+        this.inputValue = value;
+        if (value.trim() === '') {
+            this.show = false;
+            this.staffInfo = [];
+            return;
+        }
+        this.showSpinner = true;
+        // Simulate API call
+        setTimeout(() => {
+            this.staffInfo = this.mockStaffSearch(value);
+            this.show = this.staffInfo.length > 0;
+            this.showSpinner = false;
+        }, 1000); // Simulated debounce time
+    }
+    mockStaffSearch(query) {
+        const mockData = [
+            { fullname: 'John Doe', email: 'john.doe@example.com' },
+            { fullname: 'Jane Smith', email: 'jane.smith@example.com' },
+            { fullname: 'Alice Johnson', email: 'alice.johnson@example.com' },
+            { fullname: 'Emmanuel Kadiri', email: 'kadiri2047@gmail.com' },
+            { fullname: 'Gideon Ogunkola', email: 'gideon@example.com' }
+        ];
+        return mockData.filter(staff => staff.fullname.toLowerCase().includes(query.toLowerCase()));
+    }
+    selectStaff(staff) {
+        this.selectedStaff = [...this.selectedStaff, staff];
+        this.inputValue = '';
+        this.staffInfo = [];
+        this.show = false;
+        this.updateStyles();
+    }
+    removeStaff(index) {
+        this.selectedStaff = [...this.selectedStaff.slice(0, index), ...this.selectedStaff.slice(index + 1)];
+        this.updateStyles();
+    }
+    updateStyles() {
+        setTimeout(() => {
+            if (this.resultsDisplayElement) {
+                const resultsWidth = this.resultsDisplayElement.offsetWidth;
+                // const inputWidth = this.inputElement.offsetWidth;
+                this.paddingLeft = this.selectedStaff.length === 0 ? '1rem' : `${resultsWidth + 10}px`;
+                this.paddingTop = this.selectedStaff.length > 2 ? '1rem' : '0rem';
+            }
+        });
+    }
+    exportSelectedStaff() {
+        this.exportValue.emit(this.selectedStaff);
+    }
+    render() {
+        return (index.h("div", { key: '8bad8372b5bea93609307bb7036858652f3f8c49', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: '9d8444b09692d0841e743ecd300ae2a42c5d931c', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: '67e31e8b47e2b3ef66a25ebc10d79a9f4abc5730', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '54e1c188e26599173f1bebcdcc2fb3def5ff8c95', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '8ddb3cba3659f72ab4612da325cf956bef05e83f', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
+        //   <span>
+        //     {staff.fullname}
+        //     <img
+        //       src="path-to-your-cancel-icon.svg"
+        //       alt="Remove"
+        //       onClick={() => this.removeStaff(index)}
+        //     />
+        //   </span>
+        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: 'ea997cf4aa0e8e4aafe27b23f3d1f930cd884caf', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        //   <li class="aList" onClick={() => this.selectStaff(staff)}>
+        //     <div>{staff.fullname}</div>
+        //     <div>{staff.email}</div>
+        //   </li>
+        index.h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: reusableModels.StateEnum.Default, onClick: () => this.selectStaff(staff) }, index.h("p", { slot: "name" }, staff.fullname), index.h("p", { slot: "supporting_text" }, staff.email))))))));
+    }
+};
+TestInputTag.style = TestInputTagStyle0;
+
+exports.test_input_tag = TestInputTag;
+
+//# sourceMappingURL=test-input-tag.cjs.entry.js.map

package/dist/cjs/test-input-tag.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"test-input-tag.entry.cjs.js","mappings":";;;;;;;AAAA,MAAM,eAAe,GAAG,66BAA66B,CAAC;AACt8B,2BAAe,eAAe;;MCMjB,YAAY;;;;;;;0BAIwB,KAAK;+BACD,qBAAqB;oBAI/C,KAAK;2BACE,KAAK;yBACT,EAAE;6BACE,EAAE;2BACH,MAAM;0BACP,MAAM;0BACN,EAAE;4BACC,KAAK;;IAMtC,gBAAgB;QACd,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAC7E;IAED,oBAAoB;QAClB,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;KAChF;IAED,cAAc,CAAC,KAAY;QACzB,MAAM,MAAM,GAAG,KAAK,CAAC,MAA0B,CAAC;QAChD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC;QAC3B,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QAExB,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACvB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;YAClB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;;QAGxB,UAAU,CAAC;YACT,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC;YAC7C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC;YACtC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;SAC1B,EAAE,IAAI,CAAC,CAAC;KACV;IAED,eAAe,CAAC,KAAa;QAC3B,MAAM,QAAQ,GAAG;YACf,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,sBAAsB,EAAE;YACvD,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,wBAAwB,EAAE;YAC3D,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,2BAA2B,EAAE;YACjE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,sBAAsB,EAAE;YAC9D,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAK,EAAE,oBAAoB,EAAC;SAC5D,CAAC;QAEF,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC;KAC7F;IAED,WAAW,CAAC,KAAU;QACpB,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;QACpD,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;QACrB,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,WAAW,CAAC,KAAa;QACvB,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACrG,IAAI,CAAC,YAAY,EAAE,CAAC;KACrB;IAED,YAAY;QACV,UAAU,CAAC;YACT,IAAI,IAAI,CAAC,qBAAqB,EAAE;gBAC9B,MAAM,YAAY,GAAG,IAAI,CAAC,qBAAqB,CAAC,WAAW,CAAC;;gBAG5D,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,KAAK,CAAC,GAAG,MAAM,GAAG,GAAG,YAAY,GAAG,EAAE,IAAI,CAAC;gBAEvF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC,GAAG,MAAM,GAAG,MAAM,CAAC;aACnE;SACF,CAAC,CAAC;KACJ;IAED,mBAAmB;QACjB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,QACEA,kEAAK,KAAK,EAAC,aAAa,EAAC,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,iBAAiB,GAAG,EAAoB,CAAC,IACjFA,oEAAO,OAAO,EAAE,IAAI,CAAC,SAAS,IAAG,IAAI,CAAC,SAAS,CAAS,EACxDA,kEAAK,KAAK,EAAC,mBAAmB,EAAC,OAAO,EAAE,OAAO,IAAI,CAAC,YAAY,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,IACpFA,oEACE,EAAE,EAAE,IAAI,CAAC,SAAS,EAClB,KAAK,EAAC,YAAY,EAClB,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,IAAI,CAAC,eAAe,EACjC,KAAK,EAAE,IAAI,CAAC,UAAU,EACtB,QAAQ,EAAE,IAAI,CAAC,UAAU,EACzB,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAsB,CAAC,EACvD,MAAM,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,GACxC,EACFA,kEAAK,KAAK,EAAE,mBAAmB,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,GAAG,cAAc,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,qBAAqB,GAAG,EAAoB,CAAC,IAClJ,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,KAAK,EAAEC,OAAK;;;;;;;;;QASnCD,oBAAQ,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAACC,OAAK,CAAC,IACrFD,gBAAI,IAAI,EAAC,UAAU,IAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAAM,EAC9FA,mBAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAK,CAC9B,CACV,CAAC,CACE,CACF,EACL,IAAI,CAAC,IAAI,KACRA,kEAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,IAAI,GAAG,MAAM,GAAG,EAAE,EAAE,IACnD,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK;;;;;QAKvBA,yCAA6B,IAAI,EAAC,UAAU,qBAAkB,IAAI,EAAE,KAAK,EAAEE,wBAAS,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,IAClIF,eAAG,IAAI,EAAC,MAAM,IAAE,KAAK,CAAC,QAAQ,CAAK,EACnCA,eAAG,IAAI,EAAC,iBAAiB,IAAE,KAAK,CAAC,KAAK,CAAK,CACf,CAC/B,CAAC,CACE,CACP,CACG,EACN;KACH;;;;;;","names":["h","index","StateEnum"],"sources":["src/components/test-input-tag/test-input-tag.css?tag=test-input-tag","src/components/test-input-tag/test-input-tag.tsx"],"sourcesContent":[".input_group {\r\n  --height: auto;\r\n  --inputheight: 4.5rem;\r\n  --weight: 100%;\r\n  /* flex-direction: row-reverse; */\r\n  display: flex;\r\n  position: relative;\r\n}\r\n\r\n.input_like_parent {\r\n  width: 100%;\r\n  border: 1px solid var(--color-border-input, #CDD5DF);\r\n  border-radius: var(--rounded-sm);\r\n  padding: 0.625rem 0.875rem 0.625rem var(--spacing-3);\r\n}\r\n\r\n.input_like {\r\n  width: 100%;\r\n  overflow-y: scroll;\r\n  transition: height 50ms ease-in-out;\r\n}\r\n\r\n.results_display {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 0.5rem;\r\n  background-color: var(--color-surface, #FFFFFF);\r\n  display: none;\r\n  margin-top: 0.5rem;\r\n}\r\n\r\n.results_display.show_results{\r\n  display: block;\r\n}\r\n\r\n.tags{\r\n    padding-top: 1rem;\r\n}\r\n\r\n.dropdown_list.show {\r\n  display: block;\r\n}\r\n\r\n.dropdown_menu{\r\n    display: flex;\r\n    width: 100%;\r\n    max-height: 15rem;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: stretch;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n    position: absolute;\r\n    top: 100%;\r\n    z-index: 10;\r\n    gap: var(--spacing-none);\r\n    /* bottom: calc(1% + var(--inputheight)); */\r\n    transition: 1s ease-in-out;\r\n}","import { Component, Event, EventEmitter, Prop, State, h } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'test-input-tag',\r\n  styleUrl: 'test-input-tag.css',\r\n})\r\nexport class TestInputTag {\r\n  @Prop({ reflect: true }) idOfInput!: string;\r\n  @Prop({ reflect: true }) type!: string;\r\n  @Prop({ reflect: true }) labelText!: string;\r\n  @Prop({ reflect: true }) isReadOnly: boolean = false;\r\n  @Prop({ reflect: true }) placeholderText: string = 'Search for staff...';\r\n\r\n  @Event() exportValue: EventEmitter<any[]>;\r\n\r\n  @State() show: boolean = false;\r\n  @State() showSpinner: boolean = false;\r\n  @State() staffInfo: any[] = [];\r\n  @State() selectedStaff: any[] = [];\r\n  @State() paddingLeft: string = '1rem';\r\n  @State() paddingTop: string = '0rem';\r\n  @State() inputValue: string = '';\r\n  @State() dropdownOpen: boolean = false;\r\n\r\n  inputElement!: HTMLInputElement;\r\n  resultsDisplayElement!: HTMLDivElement;\r\n  inputGroupElement!: HTMLDivElement;\r\n\r\n  componentDidLoad() {\r\n    this.inputElement.addEventListener('input', this.handleTagInput.bind(this));\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    this.inputElement.removeEventListener('input', this.handleTagInput.bind(this));\r\n  }\r\n\r\n  handleTagInput(event: Event) {\r\n    const target = event.target as HTMLInputElement;\r\n    const value = target.value;\r\n    this.inputValue = value;\r\n\r\n    if (value.trim() === '') {\r\n      this.show = false;\r\n      this.staffInfo = [];\r\n      return;\r\n    }\r\n\r\n    this.showSpinner = true;\r\n\r\n    // Simulate API call\r\n    setTimeout(() => {\r\n      this.staffInfo = this.mockStaffSearch(value);\r\n      this.show = this.staffInfo.length > 0;\r\n      this.showSpinner = false;\r\n    }, 1000); // Simulated debounce time\r\n  }\r\n\r\n  mockStaffSearch(query: string) {\r\n    const mockData = [\r\n      { fullname: 'John Doe', email: 'john.doe@example.com' },\r\n      { fullname: 'Jane Smith', email: 'jane.smith@example.com' },\r\n      { fullname: 'Alice Johnson', email: 'alice.johnson@example.com' },\r\n      { fullname: 'Emmanuel Kadiri', email: 'kadiri2047@gmail.com' },\r\n      { fullname: 'Gideon Ogunkola', email: 'gideon@example.com'}\r\n    ];\r\n\r\n    return mockData.filter(staff => staff.fullname.toLowerCase().includes(query.toLowerCase()));\r\n  }\r\n\r\n  selectStaff(staff: any) {\r\n    this.selectedStaff = [...this.selectedStaff, staff];\r\n    this.inputValue = '';\r\n    this.staffInfo = [];\r\n    this.show = false;\r\n    this.updateStyles();\r\n  }\r\n\r\n  removeStaff(index: number) {\r\n    this.selectedStaff = [...this.selectedStaff.slice(0, index), ...this.selectedStaff.slice(index + 1)];\r\n    this.updateStyles();\r\n  }\r\n\r\n  updateStyles() {\r\n    setTimeout(() => {\r\n      if (this.resultsDisplayElement) {\r\n        const resultsWidth = this.resultsDisplayElement.offsetWidth;\r\n        // const inputWidth = this.inputElement.offsetWidth;\r\n\r\n        this.paddingLeft = this.selectedStaff.length === 0 ? '1rem' : `${resultsWidth + 10}px`;\r\n\r\n        this.paddingTop = this.selectedStaff.length > 2 ? '1rem' : '0rem';\r\n      }\r\n    });\r\n  }\r\n\r\n  exportSelectedStaff() {\r\n    this.exportValue.emit(this.selectedStaff);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"input_group\" ref={el => (this.inputGroupElement = el as HTMLDivElement)}>\r\n        <label htmlFor={this.idOfInput}>{this.labelText}</label>\r\n        <div class=\"input_like_parent\" onClick={() => (this.dropdownOpen = !this.dropdownOpen)}>\r\n          <input\r\n            id={this.idOfInput}\r\n            class=\"input_like\"\r\n            type=\"text\"\r\n            placeholder={this.placeholderText}\r\n            value={this.inputValue}\r\n            readOnly={this.isReadOnly}\r\n            ref={el => (this.inputElement = el as HTMLInputElement)}\r\n            onBlur={() => this.exportSelectedStaff()}\r\n          />\r\n          <div class={`results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`} ref={el => (this.resultsDisplayElement = el as HTMLDivElement)}>\r\n            {this.selectedStaff.map((staff, index) => (\r\n              //   <span>\r\n              //     {staff.fullname}\r\n              //     <img\r\n              //       src=\"path-to-your-cancel-icon.svg\"\r\n              //       alt=\"Remove\"\r\n              //       onClick={() => this.removeStaff(index)}\r\n              //     />\r\n              //   </span>\r\n              <gb-tag size=\"sm\" action=\"X_close\" icon=\"avatar\" onClick={() => this.removeStaff(index)}>\r\n                <h1 slot=\"initials\">{staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())}</h1>\r\n                <p>{staff.fullname.split(' ')[0]}</p>\r\n              </gb-tag>\r\n            ))}\r\n          </div>\r\n        </div>\r\n        {this.show && (\r\n          <div class={`dropdown_menu ${this.show ? 'show' : ''}`}>\r\n            {this.staffInfo.map(staff => (\r\n              //   <li class=\"aList\" onClick={() => this.selectStaff(staff)}>\r\n              //     <div>{staff.fullname}</div>\r\n              //     <div>{staff.email}</div>\r\n              //   </li>\r\n              <gb-input-dropdown-menu-item type=\"checkbox\" supporting-text={true} state={StateEnum.Default} onClick={() => this.selectStaff(staff)}>\r\n                <p slot=\"name\">{staff.fullname}</p>\r\n                <p slot=\"supporting_text\">{staff.email}</p>\r\n              </gb-input-dropdown-menu-item>\r\n            ))}\r\n          </div>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}"],"version":3}