globuswebcomponents 0.4.6 → 0.4.7

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: 'd56efb6ae31a357ad3ff535c8cc3d2e704c50cd2', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: 'eb61bfa60cb024bcd4045e575de16aa02f6cf909', class: "progress_bar" }, index.h("div", { key: '4a05bf03f29213f0a451e4508e981bee7a42d288', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '90aef6236ce18a629cddb50ad8bd24907cf5ba40', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '6da1df60d24ea6f02df30f7cd499ab5c0a528ccf', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: 'bc94f29e221b6bf4a7cd455c9aaf73459400be8f', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '68f5e192e9c95727ba392ff27b7dae9d7bc6f122', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: 'abea897c2cfff180157ad8c10db7efdca68ab059', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: '1c1e9d759a9d86d86d3d3a1afb9db158ec83a444', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: 'cc6e42cf274e3f8c0cd4b385afcc6d7facc2c012', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
+        return (index.h("div", { key: 'eb5477d6703357732c1251e3564ae1236deda2b5', class: `progress_bar_container ${this.labelPosition}` }, index.h("div", { key: '0e052dab73468234c002e47a5e26ecd1b24c51e7', class: "progress_bar" }, index.h("div", { key: '9f5e80a8a2c1b488eb554893697f12036386aa29', class: "progress_fill", style: { width: `${progressValue}%` } })), index.h(index.Fragment, null, this.showLabel && (index.h("div", { key: '101bac3455ec37502f8af06b02fdc30a270ce290', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && index.h("span", { key: '7d9c1f25a6cd12d3cf15fe9000efa19c39565b28', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && index.h("span", { key: '2500633e697a506f3f3b329cb9c9f72f142bf596', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (index.h("gb-tooltip", { key: '1b3101d3f78ecf3bb1b3dc096d7be6e5349ada53', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, index.h("p", { key: '8b2b13407bc2a61b9949c214bfe1eae980c275b4', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (index.h("gb-tooltip", { key: 'e55b3f27c2c76662c0dacb44b3f97b081e312efd', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, index.h("p", { key: '1e6bff9ad4a4ccf9c3b210c06faf6983a9eb1533', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
     }
 };
 GbProgressBar.style = GbProgressBarStyle0;

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

@@ -16,7 +16,7 @@ const GbProgressCircle = class {
         this.progress = 0;
     }
     render() {
-        return (index.h("div", { key: '824aa6bcece6b186b05721a56d6de5c524e95a90', class: "progress" }, index.h("svg", { key: '187f1d990532db1dac0d8ae16e23cc1af5a45ee1', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'dd70248b0df397a420986f2b4cfee249a24fc6f1', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: '99c2a9b1759e4d541a9d7a1a960f40d6f8c534ec', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: 'e1d27535426f94093d56e66737cbfddd70d650fa', class: "progress-text", "data-progress": "0" }, "50%")));
+        return (index.h("div", { key: '4135977dd11d1751699e86fcf3cdfc0faebb5d35', class: "progress" }, index.h("svg", { key: '6e3a447d44b8f692e119e924ff86fe97ddbd973f', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, index.h("circle", { key: 'd8981ee57374fda4b8269aacd245d9dbb6fd6ba9', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), index.h("circle", { key: 'ddceecd1779df598e2fb0e1021fbe3bc98aeb22d', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), index.h("div", { key: '412b056a8f1562cda71a2dfbad4376a3aa6626b9', class: "progress-text", "data-progress": "0" }, "50%")));
     }
 };
 GbProgressCircle.style = GbProgressCircleStyle0;

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

@@ -24,7 +24,7 @@ const GbRichText = class {
             destructive: this.destructive,
             disabled: this.state === 'disabled'
         };
-        return (index.h("div", { key: 'f3b1180becce0595c057a6911a942ee46b7d65ed', class: classes }, index.h("div", { key: '43a39e0fea27bdcee48d01bdcd766c86907d2351', class: "input-with-label" }, index.h("label", { key: '4ae41220dbc93a7f915463c31629271c65e17b33' }, this.label), index.h("div", { key: '23d3e6b6a4dd708459fe4a0a61dbf880d34eb9ec', class: "input-container" }, index.h("div", { key: 'd7ad341ca974b96487deb6ea89e070c6285005ae', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: '5335fb61100d88130f516268a19016ee13eae508', 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: '05c18dd0ed4f20accc207c799563fc2673df75cd', class: "error-icon" }, index.h("svg", { key: 'f833e52bd2ee5b55cd71e61bafa3e979fdbd2fad', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'c657b71d7df08b6d3cdadb97d278ed0b5b022b68', 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: '55d8d497d31cb560703eca506f3fcc2ca91a169e', class: "text-container" }, index.h("textarea", { key: 'f6f5f5b57f5caf43ae64735d3735b93de9b26436' }, this.showPlaceholder && (index.h("div", { key: '78265dafb4fb81a8239dd55d5859759f30a3f9e9' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: 'a0bcb0358ec240c59fd18d36359023b2dc99b16e', class: "hint-text" }, this.hintText))));
+        return (index.h("div", { key: '3903ab1b95a9e7f75f1eccf8aadd15261caa4b9c', class: classes }, index.h("div", { key: '8a2a00f5385a2f21bc37bb883e0b965c68a1a309', class: "input-with-label" }, index.h("label", { key: 'c48bc4b76085d3c4805feb8cb2a806add3d78dd2' }, this.label), index.h("div", { key: '5b7b1e14e320b07da2aa85769d13f0bf7f87717e', class: "input-container" }, index.h("div", { key: 'ce95303642f06f00555643a3deaf014d5b571baf', class: "toolbar-container" }, index.h("gb-wysiwyg-toolbar", { key: 'fba1f574ee5f32b158778fcc2a58f07f509cd83b', 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: '1c3db1a1e4fbd4b8e4c6bbfe1d4ab9ecb2288bcd', class: "error-icon" }, index.h("svg", { key: '080ae8297615cd56f2184ea4e2df81f91c9d7410', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, index.h("path", { key: 'c682017b74b0f48b09def10d296def85038a3943', 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: 'ff63e65196b088c117404d67023a95a5ff57734b', class: "text-container" }, index.h("textarea", { key: '174dc2c7101432b4fa765e3f126ed4356b8e975a' }, this.showPlaceholder && (index.h("div", { key: 'd76d0a3196ea4e54edfb12de3a948866a6930e2c' }, this.placeholder)))))), this.showHintText && (index.h("div", { key: '57543dfe5dd278859bc8763196568767eae895d8', 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: '5ec894c94d216c721f1fe43a791b39635f92829d', class: "scrollbar-container" }, index.h("div", { key: '8815fbf09d08ccc6b7f2663023f254fd0fd03be0', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: '9fbcbb7aeb481d8552d656df66af00b45f7eb0a3' }))));
+        return (index.h("div", { key: '85326fc3d391573c7a48bec3951580348f8087f6', class: "scrollbar-container" }, index.h("div", { key: '498237d5223d7360d5b3dc064e33eda95d624275', class: "scrollbar", style: { height: this.length } }, index.h("slot", { key: 'b7b4e2720cba81b75b9f67ec81835e7e650bb79c' }))));
     }
 };
 GbScrollbar.style = GbScrollbarStyle0;

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

@@ -28,7 +28,7 @@ const SliderControlHandle = class {
         this.isFocused = false;
     }
     render() {
-        return (index.h("div", { key: '773b651dc3c54cadaeaea5ac2589f5d9cac31516', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '3a7fa4c501353c2f9a580f8b3026361e1c6a8e49', class: "tooltip-container" }, index.h("gb-tooltip", { key: '359fc90c75b0faa9e7a9d89d116d663dcd34a636', arrow: 'none' }, index.h("p", { key: 'e3caf0ea90f8dcbbce1631ff39087b52a4f2a7ae', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '73f2460bb260a329b33e07f899d2a0f2b7904d72', class: "thumb-label" }, this.value, "%"))));
+        return (index.h("div", { key: '40e938e2e9973175715b9b7acc42975b1da0adcd', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (index.h("div", { key: '0046086f8d96f9c71fe0efc9ab47eb3929a26b2d', class: "tooltip-container" }, index.h("gb-tooltip", { key: '45acf037d1f7a19b2362bd71486fab10ba59599d', arrow: 'none' }, index.h("p", { key: '090ba2eb818f22613502c5c1c3342700f1c0818f', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (index.h("div", { key: '17d9f20aaae01a5ac0ad42d2f2e2eec43dab445f', class: "thumb-label" }, this.value, "%"))));
     }
 };
 SliderControlHandle.style = GbSliderControlHandleStyle0;

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

@@ -66,7 +66,7 @@ const GbSlider = class {
         this.trackEl.style.width = `${rightPos - leftPos}%`;
     }
     render() {
-        return (index.h("div", { key: 'e8a2a4305db3019a1bc6b5611544759695241b53', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: '342253e560c24cfdade644e5e289e0f68d3f7681', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: 'a10f5adb21939e3a081280981d8d105ee0880da6', 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: '24a21480c158fd921ffbeab06fb35c6152ee0c2f', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
+        return (index.h("div", { key: '9dba5ba34dc8ec90f33eae1c4c0dde1a83115254', class: "slider-container", ref: (el) => this.containerEl = el }, index.h("div", { key: 'af5e977cf9b769212929c23a68a2a1232c525a9a', class: "track", ref: (el) => this.trackEl = el }), index.h("gb-slider-control-handle", { key: '30c41ad93517306b05030adbf859e853bd1f0fcc', 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: '323a8f8f6893ab29f020f6f670724559004c8f3f', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
     }
     get el() { return index.getElement(this); }
 };

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

@@ -15,8 +15,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            index.h("input", { key: '016a205a71c0a05069e507bdb51a8b9d835c33c6', type: "checkbox", id: "customCheckbox" }),
-            index.h("label", { key: '4bf1a3277ee9918c997c2444c1bcc678aa37b6fc', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
+            index.h("input", { key: 'd6a9785cb9fe9bd37ebbff52d7fef068d11e0171', type: "checkbox", id: "customCheckbox" }),
+            index.h("label", { key: 'f2c833346a8b876a494ced461db2c93dbc879639', class: `${this.size} ${this.state}`, htmlFor: "customCheckbox" })
         ];
     }
 };

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

@@ -41,7 +41,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f868959a44143727f8b91e401a7afb5e9ed217e5', class: `toggle_div ${this.size}` }, index.h("div", { key: '9209af10c257b623519fd2176dfee0e7acc7af60', class: "toggle_base" }, index.h("gb-toggle-base", { key: 'f64e3c1a568538cc4d47351f18fac4986cc0f105', size: this.size, state: this.state })), index.h("div", { key: '68dbe8921cdb7182335c89900cfa35ffb8a6ac2a', class: "text" }, index.h("slot", { key: '071fc2da9dd0e94c603b326c469ce93971579570', name: "main_text" }), this.supportingText && (index.h("slot", { key: '55a45b0d8bd208b5addc7ceda6a39037bc7fa754', name: "supporting_text" })))));
+        return (index.h("div", { key: 'f3ef5f35bf0ffc7c4f3d9657f71c09da35897441', class: `toggle_div ${this.size}` }, index.h("div", { key: '53d51086e994270f5b37abda8444a76576c09780', class: "toggle_base" }, index.h("gb-toggle-base", { key: '59011e76cb0c85257fd10f53eda66bfded14c3aa', size: this.size, state: this.state })), index.h("div", { key: '9b766f0a7c51bffb52a84a17328f4ca6744a2c79', class: "text" }, index.h("slot", { key: '334f35211a182a28e3e528e17e4145bdb265683a', name: "main_text" }), this.supportingText && (index.h("slot", { key: '3e3a6c1019f0b5841d828bc2a2f156c415a25ac9', 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: '5197bbd9794d8b6e523384743e67c802b5f29ac9', class: this.size }, index.h("div", { key: '5e04a69e39ca9fac22754468ed89ba70875ab015', class: "input-with-label" }, this.showLabel && (index.h("label", { key: 'fd88301bb909a9d7e44fe347a55d7d9718178595' }, this.label)), this.digits === 4 && (index.h("div", { key: 'c2198b56f5fb1ab9bbf6c2fad6a023e457f92817', class: "input-wrapper" }, index.h("gb-megainput-field", { key: 'e0dceea03a5343607f809c9980481b9d3bb05671', size: this.size }), index.h("gb-megainput-field", { key: '244dc9b76dc7f49d8ac5cc3809f7d305718839f5', size: this.size }), index.h("gb-megainput-field", { key: 'b30837cef1e617b56e8e7956259cb0e72212cec5', size: this.size }), index.h("gb-megainput-field", { key: 'ffb927b0806f56815a7223b37d80527731cca3f7', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'd8b6393164ce807733bec04091b008926d75c5f0', class: "input-wrapper" }, index.h("div", { key: '06dd2ce459680f9db5e7831e477cb519a47fc9a8', class: "first=section" }, index.h("gb-megainput-field", { key: 'd0c3034626a2474596e3f9eaedd3cc4a3ca922e5', size: this.size }), index.h("gb-megainput-field", { key: '5074eb150817ceeeb471ac004cccaf5b11c03b11', size: this.size }), index.h("gb-megainput-field", { key: '6d646053f08582f056fa94befb9bb5aa4f21243a', size: this.size })), index.h("div", { key: 'f47dd8a8f2deb4b97e237e0dfa5f6ea6bf5650aa', class: "second=section" }, index.h("gb-megainput-field", { key: '8d87efa6b43f185f6a55d29481cb8f8e65517e1b', size: this.size }), index.h("gb-megainput-field", { key: '1c2272d512d375a636cfe03f99793f9d403188b2', size: this.size }), index.h("gb-megainput-field", { key: '5970abd9712baef859810641ca989b27641d7757', size: this.size })))), this.digits === 8 && (index.h("div", { key: '78ce83cb27dd71de9504256f1bc6e2a7730e810e', class: "input-wrapper" }, index.h("div", { key: 'bf4881e67e413437a965535017a6ec3324170771', class: "first=section" }, index.h("gb-megainput-field", { key: 'af87ccf63974d0bb2abd7e2b0a6c2ec12b50c217', size: this.size }), index.h("gb-megainput-field", { key: '120e8020bd309ddcfdfe57e71b6f102c769b36c8', size: this.size }), index.h("gb-megainput-field", { key: '3b07c663f0bd529f3cb69f8a67cfcb9a940d9064', size: this.size }), index.h("gb-megainput-field", { key: '2bab054e2f360ab321419dc22b94b9c3025a84cc', size: this.size })), index.h("div", { key: 'b728bb3f39c97f4e5b51c97c7fb4b56855883d6d', class: "second=section" }, index.h("gb-megainput-field", { key: 'abf92172d1352f909e07a057040840043c66e4cc', size: this.size }), index.h("gb-megainput-field", { key: '89493b165ed409482cb8c728d86681db6e04f717', size: this.size }), index.h("gb-megainput-field", { key: 'b0ec9f6ab6671771e4d50ff0aee398088bd589a9', size: this.size }), index.h("gb-megainput-field", { key: '892dfcc300724125ce92c206a88fbcb6016007f5', size: this.size }))))), index.h("p", { key: '5d3943cb419782cf62cd6cf30c8c5992c3b9c88b' }, this.supportingText)));
+        return (index.h("div", { key: '153357d07cca79b128af43c3d28e36e548ac3146', class: this.size }, index.h("div", { key: '28265b6d9a6e9183cf0344ef4fa052bf7c8ddf21', class: "input-with-label" }, this.showLabel && (index.h("label", { key: '8f480c45e14b019ccfb50c330d9fe52e0080ac29' }, this.label)), this.digits === 4 && (index.h("div", { key: 'f56174e9624f465ddfc69fe2806bfd5a1aca4aac', class: "input-wrapper" }, index.h("gb-megainput-field", { key: '7a1e0e04cc8376d597981e079a49060cfca42055', size: this.size }), index.h("gb-megainput-field", { key: 'f961835960c5dc6e78e6fb752e137e38c43271b4', size: this.size }), index.h("gb-megainput-field", { key: '7b1043fc05bc0bc2b79911aeedc099c4b7d9b7cb', size: this.size }), index.h("gb-megainput-field", { key: '1ea40f797717d80a41622706bf69c60130b1f305', size: this.size }))), this.digits === 6 && (index.h("div", { key: 'e9b5c5bb97508ece55e681d625b8abd3e50a31b7', class: "input-wrapper" }, index.h("div", { key: '5b21b56ae9bb7e96f9ee1f9944a693bf69c0ac95', class: "first=section" }, index.h("gb-megainput-field", { key: '9fa587073d323382e0c5448a6a442899c774f671', size: this.size }), index.h("gb-megainput-field", { key: '2c11d1abb928c2daa064fc16494a45a9f2405658', size: this.size }), index.h("gb-megainput-field", { key: '1983a815b610b06433e5d19de248694b97b66ffb', size: this.size })), index.h("div", { key: '9e8a53417ca860b5251306ec3c79a058c76a7cb0', class: "second=section" }, index.h("gb-megainput-field", { key: '6d545fb78c2cac89caa79670169af986ea573754', size: this.size }), index.h("gb-megainput-field", { key: '3d76a9f2867c68bee7a216d5fa82e38647a0794d', size: this.size }), index.h("gb-megainput-field", { key: '77dd32756d6502d083abb764d1e894b9949b1f89', size: this.size })))), this.digits === 8 && (index.h("div", { key: '31cc4565b37820abaefd077a0845c10658065afb', class: "input-wrapper" }, index.h("div", { key: '83f6ae87d185efa1e817d8b1aca33482772d2780', class: "first=section" }, index.h("gb-megainput-field", { key: 'b111f5331723350d37863d45326cf8a0937783dd', size: this.size }), index.h("gb-megainput-field", { key: '8e9f97d1b159bc7f27627e042e2d0c49d1cd218f', size: this.size }), index.h("gb-megainput-field", { key: '21efc42d47d370b03e8ac0f1f0f7e96567473b8f', size: this.size }), index.h("gb-megainput-field", { key: '0ffe4b2337ba470c15d1cd26e371b4e64881b6c3', size: this.size })), index.h("div", { key: 'f2336f515df7b32c72ec755c26b6c9bcaf3e55f8', class: "second=section" }, index.h("gb-megainput-field", { key: 'e47f438ed5faea85619051092f287b39010b2f84', size: this.size }), index.h("gb-megainput-field", { key: '1b4f632f172bd438495e6caf799e73fdc55c1843', size: this.size }), index.h("gb-megainput-field", { key: 'ac28a090118350e8f326985f9f042910bab246db', size: this.size }), index.h("gb-megainput-field", { key: 'ef857ae5412836f804c7a2d35757e9e944472d70', size: this.size }))))), index.h("p", { key: 'a16065e98e0f0454680d1a0995679575820fb8cc' }, this.supportingText)));
     }
 };
 GbTokenField.style = GbTokenFieldStyle0;

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

package/dist/collection/assets/circle.svg

@@ -1,5 +1,6 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g id="circle">
-<circle id="Icon" cx="12" cy="12" r="10" stroke="#E21B2E" stroke-width="1.5" stroke-linejoin="round"/>
+<circle id="Accent" opacity="0.4" cx="12" cy="12" r="10" fill="#042F59"/>
+<circle id="Icon" cx="12" cy="12" r="10" stroke="#042F59" stroke-width="1.5" stroke-linejoin="round"/>
 </g>
 </svg>

package/dist/collection/assets/dashboard-square-03.svg

@@ -1,5 +1,9 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g id="dashboard-square-03">
+<g id="Accent" opacity="0.4">
+<path d="M16 5C16 4.06812 16 3.60218 16.1522 3.23463C16.3552 2.74458 16.7446 2.35523 17.2346 2.15224C17.6022 2 18.0681 2 19 2C19.9319 2 20.3978 2 20.7654 2.15224C21.2554 2.35523 21.6448 2.74458 21.8478 3.23463C22 3.60218 22 4.06812 22 5V9C22 9.93188 22 10.3978 21.8478 10.7654C21.6448 11.2554 21.2554 11.6448 20.7654 11.8478C20.3978 12 19.9319 12 19 12C18.0681 12 17.6022 12 17.2346 11.8478C16.7446 11.6448 16.3552 11.2554 16.1522 10.7654C16 10.3978 16 9.93188 16 9V5Z" fill="white"/>
+<path d="M2 16C2 14.1144 2 13.1716 2.58579 12.5858C3.17157 12 4.11438 12 6 12H8C9.88562 12 10.8284 12 11.4142 12.5858C12 13.1716 12 14.1144 12 16V18C12 19.8856 12 20.8284 11.4142 21.4142C10.8284 22 9.88562 22 8 22H6C4.11438 22 3.17157 22 2.58579 21.4142C2 20.8284 2 19.8856 2 18V16Z" fill="white"/>
+</g>
 <g id="Icon">
 <path d="M16 5C16 4.06812 16 3.60218 16.1522 3.23463C16.3552 2.74458 16.7446 2.35523 17.2346 2.15224C17.6022 2 18.0681 2 19 2C19.9319 2 20.3978 2 20.7654 2.15224C21.2554 2.35523 21.6448 2.74458 21.8478 3.23463C22 3.60218 22 4.06812 22 5V9C22 9.93188 22 10.3978 21.8478 10.7654C21.6448 11.2554 21.2554 11.6448 20.7654 11.8478C20.3978 12 19.9319 12 19 12C18.0681 12 17.6022 12 17.2346 11.8478C16.7446 11.6448 16.3552 11.2554 16.1522 10.7654C16 10.3978 16 9.93188 16 9V5Z" stroke="white" stroke-width="1.5"/>
 <path d="M16 19C16 18.0681 16 17.6022 16.1522 17.2346C16.3552 16.7446 16.7446 16.3552 17.2346 16.1522C17.6022 16 18.0681 16 19 16C19.9319 16 20.3978 16 20.7654 16.1522C21.2554 16.3552 21.6448 16.7446 21.8478 17.2346C22 17.6022 22 18.0681 22 19C22 19.9319 22 20.3978 21.8478 20.7654C21.6448 21.2554 21.2554 21.6448 20.7654 21.8478C20.3978 22 19.9319 22 19 22C18.0681 22 17.6022 22 17.2346 21.8478C16.7446 21.6448 16.3552 21.2554 16.1522 20.7654C16 20.3978 16 19.9319 16 19Z" stroke="white" stroke-width="1.5"/>

package/dist/collection/assets/square-arrow-data-transfer-diagonal.svg

@@ -0,0 +1,6 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="square-arrow-data-transfer-diagonal">
+<path id="Accent" opacity="0.4" d="M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z" fill="white"/>
+<path id="Icon" d="M15.5766 13.8983L15.9282 11.7497C16.0058 11.2757 16.0446 11.0386 15.9175 11.0039C15.7905 10.9692 15.6021 11.1654 15.2254 11.5577L10 17M8.42338 10.1017L8.07175 12.2503C7.99417 12.7243 7.95538 12.9614 8.08246 12.9961C8.20954 13.0308 8.39789 12.8346 8.77459 12.4423L14 7M12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
+</g>
+</svg>

package/dist/collection/collection-manifest.json

@@ -34,7 +34,7 @@
     "components/gb-input-field/gb-input-field.js",
     "components/gb-megainput-field-base/gb-megainput-field.js",
     "components/gb-notification-content/gb-notification-content.js",
-    "components/gb-notification-panel/gb-notification-panel.js",
+    "components/gb-notification-pane/gb-notification-pane.js",
     "components/gb-pagination/gb-pagination.js",
     "components/gb-pagination-button-group-base/gb-pagination-button-group-base.js",
     "components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js",

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js

@@ -16,12 +16,14 @@ export class GbAvatarDropdown {
             slottedInitials.classList.add('text-md-semi-bold');
         }
     }
+    async viewProfileClicked() { }
+    async logoutClicked() { }
     render() {
         if (this.type === 'simple') {
-            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", text: this.text }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K + P" })), this.showDarkTheme && h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" }), this.showLogOut && h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L" })))));
+            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", text: this.text }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K + P", onClick: () => this.viewProfileClicked() })), this.showDarkTheme && h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" }), this.showLogOut && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.logoutClicked() }))))));
         }
         if (this.type === 'complex') {
-            return (h("div", { class: "complex-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", class: "label_group", text: this.text }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), this.listGroupOne && (h("div", { class: "list-group-one" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K+P" })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" })))), this.listGroupTwo && (h("div", { class: "list-group-two" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "configuration_02", label: "Configuration", shortcut: true, shortcutIcon: "S" })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_group", label: "Team", shortcut: true, shortcutIcon: "K->T" })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_add", label: "Invite Members", shortcut: true, shortcutIcon: "I" })))), this.listGroupThree && (h("div", { class: "list-group-three" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L" }))))));
+            return (h("div", { class: "complex-dropdown" }, h("div", { class: "profile" }, h("gb-avatar-label-group", { size: "md", class: "label_group", text: this.text }, h("slot", { name: "name", slot: "name" }), !this.text ? h("slot", { name: "image", slot: "image" }) : h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), this.listGroupOne && (h("div", { class: "list-group-one" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_profile", label: "View Profile", shortcut: true, shortcutIcon: "K+P", onClick: () => this.viewProfileClicked() })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "dark_theme", label: "Dark Theme", shortcut: true, shortcutIcon: "T" })))), this.listGroupTwo && (h("div", { class: "list-group-two" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "configuration_02", label: "Configuration", shortcut: true, shortcutIcon: "S" })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_group", label: "Team", shortcut: true, shortcutIcon: "K->T" })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "user_add", label: "Invite Members", shortcut: true, shortcutIcon: "I" })))), this.listGroupThree && (h("div", { class: "list-group-three" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "logout_button", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.logoutClicked() }))))));
         }
     }
     static get is() { return "gb-avatar-dropdown"; }
@@ -177,6 +179,44 @@ export class GbAvatarDropdown {
             }
         };
     }
+    static get methods() {
+        return {
+            "viewProfileClicked": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            },
+            "logoutClicked": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
     static get elementRef() { return "el"; }
 }
 //# sourceMappingURL=gb-avatar-dropdown.js.map

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Prop, h} from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-avatar-dropdown',\r\n  styleUrl: 'gb-avatar-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n  @Prop() type: 'simple' | 'complex';\r\n  @Prop() text: boolean = false;\r\n  @Prop() showProfile: boolean;\r\n  @Prop() showDarkTheme: boolean;\r\n  @Prop() showLogOut: boolean;\r\n  @Prop() listGroupOne: boolean;\r\n  @Prop() listGroupTwo: boolean;\r\n  @Prop() listGroupThree: boolean;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-md-semi-bold');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    if (this.type === 'simple') {\r\n      return (\r\n        <div class=\"simple-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" text={this.text}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          <div class=\"menu-items\">\r\n            <div class=\"list\">\r\n              {this.showProfile && (\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_profile\" label=\"View Profile\" shortcut shortcutIcon=\"K + P\"></gb-dropdown-items-with-shortcut>\r\n              )}\r\n              {this.showDarkTheme && <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>}\r\n              {this.showLogOut && <gb-dropdown-items-with-shortcut icon iconSrc=\"logout_button\" label=\"Log out\" shortcut shortcutIcon=\"L\"></gb-dropdown-items-with-shortcut>}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (this.type === 'complex') {\r\n      return (\r\n        <div class=\"complex-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" class=\"label_group\" text={this.text}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          {this.listGroupOne && (\r\n            <div class=\"list-group-one\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_profile\" label=\"View Profile\" shortcut shortcutIcon=\"K+P\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupTwo && (\r\n            <div class=\"list-group-two\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"configuration_02\" label=\"Configuration\" shortcut shortcutIcon=\"S\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_group\" label=\"Team\" shortcut shortcutIcon=\"K->T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_add\" label=\"Invite Members\" shortcut shortcutIcon=\"I\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupThree && (\r\n            <div class=\"list-group-three\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"logout_button\" label=\"Log out\" shortcut shortcutIcon=\"L\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n}"]}
+{"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Method, Prop, h} from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'gb-avatar-dropdown',\r\n  styleUrl: 'gb-avatar-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n  @Prop() type: 'simple' | 'complex';\r\n  @Prop() text: boolean = false;\r\n  @Prop() showProfile: boolean;\r\n  @Prop() showDarkTheme: boolean;\r\n  @Prop() showLogOut: boolean;\r\n  @Prop() listGroupOne: boolean;\r\n  @Prop() listGroupTwo: boolean;\r\n  @Prop() listGroupThree: boolean;\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-md-semi-bold');\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async viewProfileClicked() {}\r\n\r\n  @Method()\r\n  async logoutClicked() {}\r\n\r\n  render() {\r\n    if (this.type === 'simple') {\r\n      return (\r\n        <div class=\"simple-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" text={this.text}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          <div class=\"menu-items\">\r\n            <div class=\"list\">\r\n              {this.showProfile && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"user_profile\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K + P\"\r\n                  onClick={() => this.viewProfileClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n              {this.showDarkTheme && <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>}\r\n              {this.showLogOut && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"logout_button\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.logoutClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (this.type === 'complex') {\r\n      return (\r\n        <div class=\"complex-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" class=\"label_group\" text={this.text}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          {this.listGroupOne && (\r\n            <div class=\"list-group-one\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"user_profile\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K+P\"\r\n                  onClick={() => this.viewProfileClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupTwo && (\r\n            <div class=\"list-group-two\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"configuration_02\" label=\"Configuration\" shortcut shortcutIcon=\"S\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_group\" label=\"Team\" shortcut shortcutIcon=\"K->T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_add\" label=\"Invite Members\" shortcut shortcutIcon=\"I\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupThree && (\r\n            <div class=\"list-group-three\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"logout_button\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.logoutClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n}"]}

package/dist/collection/components/gb-avatar-group/gb-avatar-group.js

@@ -36,7 +36,8 @@ export class GbAvatarGroup {
         }
     }
     render() {
-        return (h("div", { key: '47341d899174c2ad30b9d4b0a4db8593e91fb263', class: `avatar_group ${this.size}` }, this.images.map(image => (h("div", { class: `avatar ${this.size}` }, h("gb-avatar", { size: this.size, weight: this.setWeight() }, h("img", { src: image, alt: "" }))))), this.moreUsers && (h("div", { key: '0f4f8a7cd3bccc5b73cb630562c46cbd7dbd8a02', class: `avatar ${this.size}` }, h("gb-avatar", { key: '6edafef0b92886d22747a6d7631bb185bbd6bd09', text: this.text, size: this.size, weight: this.setWeight() }, h("slot", { key: '2911fe0a19b53dfe2330223fc36a32891126f945', name: "initials", slot: "initials" })))), this.addMoreButton && h("gb-avatar-add-button", { key: 'd3f46aad48ba06ef808e285c94a7f95cd57b8ee4', state: this.state, size: this.size })));
+        console.log(this.images);
+        return (h("div", { key: 'e8b6e5c98da4f4e30fdf4b75e11099cd9b6e50c5', class: `avatar_group ${this.size}` }, this.images.map((image, index) => (h("div", { class: `avatar ${this.size}`, key: index }, h("gb-avatar", { size: this.size, weight: this.setWeight() }, h("img", { src: image, alt: "" }))))), this.moreUsers && (h("div", { key: 'b23ceeb46493d218f3122dc07d0d7b2c86641e1a', class: `avatar ${this.size}` }, h("gb-avatar", { key: '475f0387d0ad0a9a616e7275d304721a1821f89c', text: this.text, size: this.size, weight: this.setWeight() }, h("slot", { key: 'b37dac71d73a1a40448a69fc58d292a3c5a409c5', name: "initials", slot: "initials" })))), this.addMoreButton && h("gb-avatar-add-button", { key: '1343f8626146cbcbd7b556e58bdce6fcf2015c0d', state: this.state, size: this.size })));
     }
     static get is() { return "gb-avatar-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-avatar-group/gb-avatar-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-avatar-group.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-group/gb-avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAgB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOrF,MAAM,OAAO,aAAa;;;;;oBAIA,IAAI;qBACD,SAAS,CAAC,OAAO;sBACjB,EAAE;;IAG7B,aAAa;QACX,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,SAAS;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO,CAAC;YAC/B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACpD,CAAC;IAEH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACxB,WAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;gBAC/B,iBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBAClD,WAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,GAAG,CAChB,CACR,CACP,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;gBAC/B,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBACnE,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACR,CACP;YACA,IAAI,CAAC,aAAa,IAAI,6EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAyB,CACpG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-avatar-group',\r\n  styleUrl: 'gb-avatar-group.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() moreUsers: boolean;\r\n  @Prop() addMoreButton: boolean;\r\n  @Prop() text: boolean = true;\r\n  @Prop() state: StateEnum = StateEnum.Default;\r\n  @Prop() images: string[] = [];\r\n  @Element() el: HTMLElement;\r\n\r\n  getNumberSize() {\r\n    switch (this.size) {\r\n      case 'xs':\r\n        return 'text-xs-semi-bold';\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n      case 'md':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  setWeight() {\r\n    switch (this.size) {\r\n      case 'md':\r\n        return BorderWeights.Regular;\r\n      case 'sm':\r\n        return BorderWeights.Light;\r\n      case 'xs':\r\n        return BorderWeights.Light;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedNumber = this.el.querySelector('p');\r\n\r\n    if (slottedNumber) {\r\n      slottedNumber.classList.add(this.getNumberSize());\r\n    }\r\n\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`avatar_group ${this.size}`}>\r\n        {this.images.map(image => (\r\n          <div class={`avatar ${this.size}`}>\r\n            <gb-avatar size={this.size} weight={this.setWeight()}>\r\n              <img src={image} alt=\"\" />\r\n            </gb-avatar>\r\n          </div>\r\n        ))}\r\n        {this.moreUsers && (\r\n          <div class={`avatar ${this.size}`}>\r\n            <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          </div>\r\n        )}\r\n        {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size}></gb-avatar-add-button>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-avatar-group.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-group/gb-avatar-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAgB,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOrF,MAAM,OAAO,aAAa;;;;;oBAIA,IAAI;qBACD,SAAS,CAAC,OAAO;sBACjB,EAAE;;IAG7B,aAAa;QACX,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,mBAAmB,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,SAAS;QACP,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,OAAO,CAAC;YAC/B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;YAC7B,KAAK,IAAI;gBACP,OAAO,aAAa,CAAC,KAAK,CAAC;QAC/B,CAAC;IACH,CAAC;IAED,gBAAgB;QACd,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAEjD,IAAI,aAAa,EAAE,CAAC;YAClB,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;QACpD,CAAC;IAEH,CAAC;IAED,MAAM;QACJ,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QACzB,OAAO,CACL,4DAAK,KAAK,EAAE,gBAAgB,IAAI,CAAC,IAAI,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,WAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK;gBAC3C,iBAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBAClD,WAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,GAAG,CAChB,CACR,CACP,CAAC;YACD,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAE,UAAU,IAAI,CAAC,IAAI,EAAE;gBAC/B,kEAAW,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE;oBACnE,6DAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ,CACnC,CACR,CACP;YACA,IAAI,CAAC,aAAa,IAAI,6EAAsB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAyB,CACpG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes, StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-avatar-group',\r\n  styleUrl: 'gb-avatar-group.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatarGroup {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() moreUsers: boolean;\r\n  @Prop() addMoreButton: boolean;\r\n  @Prop() text: boolean = true;\r\n  @Prop() state: StateEnum = StateEnum.Default;\r\n  @Prop() images: string[] = [];\r\n  @Element() el: HTMLElement;\r\n\r\n  getNumberSize() {\r\n    switch (this.size) {\r\n      case 'xs':\r\n        return 'text-xs-semi-bold';\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n      case 'md':\r\n        return 'text-md-semi-bold';\r\n    }\r\n  }\r\n\r\n  setWeight() {\r\n    switch (this.size) {\r\n      case 'md':\r\n        return BorderWeights.Regular;\r\n      case 'sm':\r\n        return BorderWeights.Light;\r\n      case 'xs':\r\n        return BorderWeights.Light;\r\n    }\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedNumber = this.el.querySelector('p');\r\n\r\n    if (slottedNumber) {\r\n      slottedNumber.classList.add(this.getNumberSize());\r\n    }\r\n\r\n  }\r\n\r\n  render() {\r\n    console.log(this.images);\r\n    return (\r\n      <div class={`avatar_group ${this.size}`}>\r\n        {this.images.map((image, index) => (\r\n          <div class={`avatar ${this.size}`} key={index}>\r\n            <gb-avatar size={this.size} weight={this.setWeight()}>\r\n              <img src={image} alt=\"\" />\r\n            </gb-avatar>\r\n          </div>\r\n        ))}\r\n        {this.moreUsers && (\r\n          <div class={`avatar ${this.size}`}>\r\n            <gb-avatar text={this.text} size={this.size} weight={this.setWeight()}>\r\n              <slot name=\"initials\" slot=\"initials\"></slot>\r\n            </gb-avatar>\r\n          </div>\r\n        )}\r\n        {this.addMoreButton && <gb-avatar-add-button state={this.state} size={this.size}></gb-avatar-add-button>}\r\n      </div>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.css

@@ -2150,22 +2150,26 @@
 
 .dropdown-container {
     display: flex;
-    width: 213px;
-    padding: var(--spacing-half) 0px;
+    width: 13.3125rem;
+    padding: var(--spacing-half) 0;
     flex-direction: column;
     justify-content: center;
-    align-items: center;
     gap: var(--spacing-half);
     border-radius: var(--rounded-sm);
-    border: 1px solid #E3E8EF;
-    background: #FFFFFF;
-    /* Shadow/sm */
-    box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.10), 0px 1px 2px 0px rgba(16, 24, 40, 0.06);
+    border: 1px solid var(--color-border-subtler, #E3E8EF);
+    background: var(--color-surface, #FFFFFF);
+    box-shadow: var(--shadow-sm);
+}
+
+.user_guide,
+.bug,
+.log_error{
+    width: 96.5%;
 }
 
 gb-dropdown-items-with-shortcut {
     width: fit-content;
-    max-width: 213px;
+    max-width: 100%;
 }
 
 gb-dropdown-items-with-shortcut.shortcut-container {

package/dist/collection/components/gb-help-dropdown/gb-help-dropdown.js

@@ -3,8 +3,9 @@ export class GbHelpDropdown {
     constructor() {
         this.showLogError = undefined;
     }
+    async downloadUserGuideClicked() { }
     render() {
-        return (h("div", { key: 'fc07551bc96673d186c7ddc6e38a8b0a25e00816', class: "dropdown-container" }, h("gb-dropdown-items-with-shortcut", { key: '0469e9dc3daa58fd5257419deb617868bc0d94a8', icon: true, iconSrc: 'book_open', label: 'Download user guide' }), h("gb-dropdown-items-with-shortcut", { key: '6d14220e2ac8832112ede9013daf85ea5ebe27f7', icon: true, iconSrc: 'bug_02', label: 'Report a bug' }), this.showLogError && (h("gb-dropdown-items-with-shortcut", { key: 'd59facc12e81ec2734476eeb3324161920f63477', icon: true, iconSrc: 'alert_02', label: 'Log a profile error' }))));
+        return (h("div", { key: '175da2a5a0e700d7ea87b58f2757f9163105b926', class: "dropdown-container" }, h("div", { key: 'f2bd10cb3b6969f34832b9707f77fbe9970be9c0', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: 'b77bf4d87892f4a19383f5e606f1677a25d16b14', icon: true, iconSrc: "book_open", label: "Download user guide", onClick: () => this.downloadUserGuideClicked() })), h("div", { key: '73778837f5f25a56003cfccaff826d477598c4a8', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '4673e1df85369b2474b51b9f87fc57f391cce52c', icon: true, iconSrc: "bug_02", label: "Report a bug" })), this.showLogError && (h("div", { key: 'f0423837551897071d50b74d126109f9790bf88e', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: 'cd086a3be7ed1b86a65e1bef3de2f5d2d1a76ef7', icon: true, iconSrc: "alert_02", label: "Log a profile error" })))));
     }
     static get is() { return "gb-help-dropdown"; }
     static get encapsulation() { return "shadow"; }
@@ -39,5 +40,26 @@ export class GbHelpDropdown {
             }
         };
     }
+    static get methods() {
+        return {
+            "downloadUserGuideClicked": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "",
+                    "tags": []
+                }
+            }
+        };
+    }
 }
 //# sourceMappingURL=gb-help-dropdown.js.map