globuswebcomponents 1.4.7 → 1.4.9

package/dist/cjs/gb-action-panel.cjs.entry.js

@@ -70,7 +70,7 @@ const GbActionPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'fdd6f7ba4f3c869737bbb8926a8c3544fe295eec', class: "action_panel_div" }, this.type === 'decision_panel' && (index.h("div", { key: 'e4ab7a5f6ac51dc3689041b8248d009c2a6965fa', class: "panel_content" }, index.h("div", { key: '4ec226d28f2cc49eeaab5d1c06f25c1ec697e90e', class: "left_action" }, this.showCloseButton && index.h("gb-button-close", { key: 'b90958db797566af737194da352a6ed43f184e80', size: "md", color: "primary" }), this.showSelectedRows && index.h("slot", { key: 'f5e1740b6c46fdb94c68b1ce24f344e1eef49b18', name: "selected_rows" }), this.showCheckbox && (index.h("gb-checkbox", { key: '2e55d44ec99eeddb47ae249309b94c9e0f99e177', size: "md", state: reusableModels.StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, index.h("slot", { key: '973dfa44c0037cb110ae73acfb177183de9499e6', name: "label", slot: "label" })))), index.h("div", { key: '4cd6ff411c9b515b43724d6dd8c4c573d8560ce0', class: "right_action" }, this.firstButton && (index.h("gb-button", { key: 'a4d69e39285a5bd9ce7343526a049cd1c33b3600', size: "xl", hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, index.h("p", { key: 'ac27bb80c702815decdf847c9b34adde399d1832' }, this.firstButtonText))), this.secondButton && (index.h("gb-button", { key: 'd7af8ff45d9f7a008eaa8a7f3b1cd84f568504a3', size: "xl", hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, index.h("p", { key: 'cda3b892da6e82d2f61b9d34054c856ef55f212f' }, this.secondButtonText))), this.thirdButton && (index.h("gb-button", { key: '74e6018eb85a215f48f310db54c10ecf7d055eaf', size: "xl", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, index.h("p", { key: 'd5f78cde5a30f67e11cc653420878cf4a2714c6a' }, this.thirdButtonText)))))), this.type === 'form_control' && (index.h("div", { key: 'efa5ba91ff8d55af967d7f2e92148ce17743ce4b', class: "panel_content" }, index.h("div", { key: '98b06e0b163ab3af8e43603619515bd3c7dc4413', class: "actions" }, index.h("gb-button", { key: '35751c0a49c3f9331cf15d97bfb332a1c0fcf218', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '3999c10778fd27ed8d26ea449ffd9be9ade16d8e' }, "Previous")), index.h("div", { key: 'cdd620a3df75df9415f9bebdbb0a59fd2980ad1b', class: "right" }, index.h("gb-button", { key: '95b9a8fe996983955aec655237a19f8e3ad047db', size: "xl", hierarchy: "secondary_color", icon: "default" }, index.h("p", { key: '9db5310b5f43d092e7eda92c77a9d7466ea75f03' }, "Save as draft")), this.showSubmitButton ? (index.h("gb-button", { size: "xl", hierarchy: "primary", icon: "default" }, index.h("p", null, this.submitButtonText))) : (index.h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", null, "Next")))))))));
+        return (index.h("div", { key: '1c9732049f7ef171cb2395eddd06b7271445536a', class: "action_panel_div" }, this.type === 'decision_panel' && (index.h("div", { key: '062a67298b7a38a1fce27dcc7d76dff7a93a64f5', class: "panel_content" }, index.h("div", { key: '73785d12571e30e1a1a28efd3712c72c5e0bb850', class: "left_action" }, this.showCloseButton && index.h("gb-button-close", { key: '5dcd9139ea9a92ac82a84c4f1c5f39cd33364b89', size: "md", color: "primary" }), this.showSelectedRows && index.h("slot", { key: 'e3bc0c3c0b7a18bb1581ef643c1e3c9d923b4b6d', name: "selected_rows" }), this.showCheckbox && (index.h("gb-checkbox", { key: 'af1b847e083148bd95d23726e262d4c7ec688ed1', size: "md", state: reusableModels.StateEnum.Default, type: "checkbox", text: true, "supporting-text": false, onCheckboxClicked: this.onCheckboxClicked.bind(this) }, index.h("slot", { key: '7b3dea55b416b3073760d469279e03c6518c46b0', name: "label", slot: "label" })))), index.h("div", { key: 'a50497752019f3314838bc57b87d84ec2997e418', class: "right_action" }, this.firstButton && (index.h("gb-button", { key: '7f3105a15eaa0e7ec461e896732c6dbdd145c65b', size: "xl", hierarchy: "primary", icon: "default", "icon-leading": this.firstButtonIconLeading ? true : false, "icon-trailing": this.firstButtonIconTrailing ? true : false, "icon-leading-swap": this.firstButtonIconLeading, "icon-trailing-swap": this.firstButtonIconTrailing, onClick: () => this.onFirstButtonClicked() }, index.h("p", { key: 'ee766cdf46db168b948d21e15b6d2b8c13248747' }, this.firstButtonText))), this.secondButton && (index.h("gb-button", { key: 'df48ec7ff2e34719bbcfeddd85000d02494442ef', size: "xl", hierarchy: "secondary_color", icon: "default", "icon-leading": this.secondButtonIconLeading ? true : false, "icon-trailing": this.secondButtonIconTrailing ? true : false, "icon-leading-swap": this.secondButtonIconLeading, "icon-trailing-swap": this.secondButtonIconTrailing, onClick: () => this.onSecondButtonClicked() }, index.h("p", { key: 'be716bc7dc760d10f5827d6d16cfd2400ad98169' }, this.secondButtonText))), this.thirdButton && (index.h("gb-button", { key: '2e6615f41d528ce937bb979a0e74230be9fd658a', size: "xl", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.thirdButtonIconLeading ? true : false, "icon-trailing": this.thirdButtonIconTrailing ? true : false, "icon-leading-swap": this.thirdButtonIconLeading, "icon-trailing-swap": this.thirdButtonIconTrailing, onClick: () => this.onThirdButtonClicked() }, index.h("p", { key: '87dad9557cd95a7ad821026cec4e9fb398e323bc' }, this.thirdButtonText)))))), this.type === 'form_control' && (index.h("div", { key: 'b542fc87fca740b3b03b1e5a6f9146d6cb85d0e3', class: "panel_content" }, index.h("div", { key: '19d02b213df457697260f9312ca97cdbd004b53d', class: "actions" }, index.h("gb-button", { key: '3910158c744ace654c3226fed6cda8155c6d4ac5', size: "xl", state: this.previousButtonState, hierarchy: "secondary_gray", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/arrow-left-02.svg" }, index.h("p", { key: '7a191a4796f00f12bed7c4be2f0e93b5122749fd' }, "Previous")), index.h("div", { key: '0abee8d7265ab9c2b3911f7f4804578c9037b31d', class: "right" }, index.h("gb-button", { key: '674de87e2a07e0f0641f16944df8b4085cbde572', size: "xl", hierarchy: "secondary_color", icon: "default" }, index.h("p", { key: 'c4357103fd4d737ef6887e65ca9fc2111933dd26' }, "Save as draft")), this.showSubmitButton ? (index.h("gb-button", { size: "xl", hierarchy: "primary", icon: "default" }, index.h("p", null, this.submitButtonText))) : (index.h("gb-button", { size: "xl", hierarchy: "primary", icon: "default", "icon-trailing": true, "icon-trailing-swap": "assets/arrow-right-02.svg" }, index.h("p", null, "Next")))))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-avatar-add-button.cjs.entry.js

@@ -10,7 +10,7 @@ const GbAvatarAddButton = class {
         this.showToolTip = false;
     }
     render() {
-        return (index.h("div", { key: 'e8cd96befd87fe96a27f10adce948b91b3c765ad' }, this.showToolTip && (index.h("gb-tooltip", { key: 'd78ae6aff899a52dcba5b53acd240776ad38fbbe', class: `tooltip ${this.size}`, arrow: "bottom_center", "show-supporting-text": "false" }, index.h("p", { key: '832b166e10229adb2507dad58beee437c01ccda0', slot: "label", class: "text-xs-semi-bold" }, "Add User"))), index.h("div", { key: '172f3ca0fb96de384376308d4621ae3dccb350e0', class: `avatar_back ${this.size} ${this.state}`, onMouseEnter: () => { this.showToolTip = true; }, onMouseLeave: () => { this.showToolTip = false; } }, index.h("svg", { key: 'a5f387e9b07446c5d8cee2a14d9ff9056ad22248', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `plus_sign ${this.size} ${this.state}` }, index.h("path", { key: '237e10d2d51d8266ce8704aed2b5589ceb8165e6', d: "M8.00008 2.6665V13.3332M13.3334 7.99984H2.66675", stroke: "#697586", "stroke-width": "1.33", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (index.h("div", { key: 'a492c486799f09129698a2f0a622d0b16fa6fd38' }, this.showToolTip && (index.h("gb-tooltip", { key: '9df40ec6f1d56f5b97f60f9bcfeab9bd643f804d', class: `tooltip ${this.size}`, arrow: "bottom_center", "show-supporting-text": "false" }, index.h("p", { key: '9db97ff238b2db4d23bfe7588abb06cadaa382f4', slot: "label", class: "text-xs-semi-bold" }, "Add User"))), index.h("div", { key: '32e0543053aea0ef83db0704084ba9bad7bb01c7', class: `avatar_back ${this.size} ${this.state}`, onMouseEnter: () => { this.showToolTip = true; }, onMouseLeave: () => { this.showToolTip = false; } }, index.h("svg", { key: '528da543679ae21220ce1def2ad4267d15899d55', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `plus_sign ${this.size} ${this.state}` }, index.h("path", { key: 'f9b1173580b817a6505ca9da0ae9f8695e7457e0', d: "M8.00008 2.6665V13.3332M13.3334 7.99984H2.66675", stroke: "#697586", "stroke-width": "1.33", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
 };
 GbAvatarAddButton.style = gbAvatarAddButtonCss;

package/dist/cjs/gb-avatar-group.cjs.entry.js

@@ -43,7 +43,7 @@ const GbAvatarGroup = class {
     }
     render() {
         // console.log(this.images);
-        return (index.h("div", { key: '33a75bde22d1763978ac724afd08e4cfd0f68fa6', class: `avatar_group ${this.size}` }, this.images.map((image, index$1) => (index.h("div", { class: `avatar ${this.size}`, key: index$1 }, index.h("gb-avatar", { size: this.size, weight: this.setWeight(), text: false }, index.h("img", { src: image, alt: "", slot: "image" }))))), this.moreUsers && (index.h("div", { key: 'eade8b1d54eea061f27b3685667704e2aa82ab6e', class: `avatar ${this.size}` }, index.h("gb-avatar", { key: '9438310919eb5de3fe012309977289c1f9f37df8', text: this.text, size: this.size, weight: this.setWeight() }, index.h("slot", { key: 'fe41d1e17e4118b79ed048ff658bd09c2d199160', name: "initials", slot: "initials" })))), this.addMoreButton && index.h("gb-avatar-add-button", { key: 'bc052284710505a0adbee38e34b05d4bac213cb6', state: this.state, size: this.size, onClick: () => this.onAddMoreButtonClicked() })));
+        return (index.h("div", { key: 'c0034a705689d875b0f6da1e28a81724fa7fd129', class: `avatar_group ${this.size}` }, this.images.map((image, index$1) => (index.h("div", { class: `avatar ${this.size}`, key: index$1 }, index.h("gb-avatar", { size: this.size, weight: this.setWeight(), text: false }, index.h("img", { src: image, alt: "", slot: "image" }))))), this.moreUsers && (index.h("div", { key: '237dc4619a69635bb0716a55a813c0506210d68e', class: `avatar ${this.size}` }, index.h("gb-avatar", { key: '7154d94e93380c957b4a5d0649ddaca4729238ca', text: this.text, size: this.size, weight: this.setWeight() }, index.h("slot", { key: '907d1ff0cdf7211d197fed43a33c60ca53ff46f9', name: "initials", slot: "initials" })))), this.addMoreButton && index.h("gb-avatar-add-button", { key: '92cf7777d21b8da5cc5e6dfc1c38a6b754970bea', state: this.state, size: this.size, onClick: () => this.onAddMoreButtonClicked() })));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-avatar-label-group.cjs.entry.js

@@ -88,7 +88,7 @@ const GbAvatarLabelGroup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e5e4c76c235b3bc08d3a4fd21c53498e9e1efc71', class: `label ${this.size}` }, index.h("div", { key: '819625f70bac4627fb019d539e0ac775ec310296', class: "label_pic" }, index.h("gb-avatar", { key: '59c21174ed610d28f6cb1a9778c615206c5981a2', size: this.size, "status-icon": this.statusIcon, state: this.state, text: true, placeholder: this.placeholder, color: !this.color ? 'gray' : this.color, "show-border": this.showBorder }, !this.text ? index.h("slot", { name: "image", slot: "image" }) : index.h("slot", { name: "initials", slot: "initials" }))), index.h("div", { key: 'b74032c69f55e8df56af6fd5e03f496ecc997d3f', class: "label_text" }, index.h("slot", { key: 'e15b54ad790a5e9e8e3702e440e8065f41e5b79b', name: "name" }), index.h("slot", { key: 'd9273633cd2f1863c3ee539f504301c525cd8264', name: "supporting_text" }))));
+        return (index.h("div", { key: '627921c57c0bbc46f22059d572cd2e82e1bb89e9', class: `label ${this.size}` }, index.h("div", { key: 'cc24ed2d1d8a906c8d50f529c9aad010d307be5e', class: "label_pic" }, index.h("gb-avatar", { key: '1eae89585b39b35b31609553ecbc36e0c1638106', size: this.size, "status-icon": this.statusIcon, state: this.state, text: true, placeholder: this.placeholder, color: !this.color ? 'gray' : this.color, "show-border": this.showBorder }, !this.text ? index.h("slot", { name: "image", slot: "image" }) : index.h("slot", { name: "initials", slot: "initials" }))), index.h("div", { key: '6ad488924dfe9aa5271f739434e72eecef3fa711', class: "label_text" }, index.h("slot", { key: 'a8a7c5aff268363d15ae4d1853cdf71badb29d1f', name: "name" }), index.h("slot", { key: '4906fd0a5dad8e29f7146d963512c59604acc322', name: "supporting_text" }))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-avatar-profile-photo.cjs.entry.js

@@ -42,7 +42,7 @@ const GbAvatarProfilePhoto = class {
     }
     render() {
         const profileSize = this.getProfileSize();
-        return (index.h("div", { key: '89f50353e37c9f536054cd08bb6c6821cfc37dab', class: `profile_photo ${profileSize}` }, index.h("gb-avatar", { key: 'c7a9fdf0c4eb34fdc675f8efc4f60b2c361ff81b', size: profileSize, icon: "user", text: this.text, "status-icon": this.verified && ('verified'), weight: this.setWeight() }, !this.text ? (index.h("slot", { name: "image", slot: "image" })) : (index.h("slot", { name: "initials", slot: "initials" })), this.placeholder && (index.h("div", { key: 'a32e075a15a6d21d8a14902f4ae2f8b2b47db89f', class: `placeholder` }, index.h("svg", { key: 'bb82bac8349b5a07f69047d3e78b3c1fa57a0778', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, index.h("path", { key: 'f28e33640cb502f14451fe2a7901ec2e242035aa', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), index.h("path", { key: '8fed5fc9fcb31a74cc4bf184cc3126eefbf06b7e', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" })))))));
+        return (index.h("div", { key: '51ecba5477a8e81dfeb3a377567659550bed80e2', class: `profile_photo ${profileSize}` }, index.h("gb-avatar", { key: '792b21d7e766c173cf21bed6b0e60034e697cda3', size: profileSize, icon: "user", text: this.text, "status-icon": this.verified && ('verified'), weight: this.setWeight() }, !this.text ? (index.h("slot", { name: "image", slot: "image" })) : (index.h("slot", { name: "initials", slot: "initials" })), this.placeholder && (index.h("div", { key: '56f3d0fadf92f56176c2cdd852a7035bcbcd669c', class: `placeholder` }, index.h("svg", { key: '4a579d52fea63fb1173b67c75292cc0f687f4400', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `user_avatar ${this.size}` }, index.h("path", { key: '4358d0a2ca80b18f65008ac68e4399ce3a9b7320', d: "M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z", fill: "#697586" }), index.h("path", { key: 'e5e8f643e2681607387c2530070df2d01b43c245', d: "M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z", fill: "#697586" })))))));
     }
     get el() { return index.getElement(this); }
 };

package/dist/cjs/gb-avatar.gb-avatar-contrast-inner-border.gb-status-indicator.entry.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-avatar.gb-avatar-contrast-inner-border.gb-status-indicator.entry.cjs.js","sources":["src/components/gb-avatar/gb-avatar.css?tag=gb-avatar&encapsulation=shadow","src/components/gb-avatar/gb-avatar.tsx","src/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.css?tag=gb-avatar-contrast-inner-border&encapsulation=shadow","src/components/gb-avatar-contrast-inner-border/gb-avatar-contrast-inner-border.tsx","src/components/gb-status-indicator/gb-status-indicator.css?tag=gb-status-indicator&encapsulation=shadow","src/components/gb-status-indicator/gb-status-indicator.tsx"],"sourcesContent":["@import './../../global/global.css';\r\n\r\n:host{\r\n    width: fit-content;\r\n}\r\n\r\n.avatar{\r\n    position: relative;\r\n    width: fit-content;\r\n    border-radius: var(--rounded-full);\r\n    cursor: pointer;\r\n}\r\n\r\n.inner_content.xxs{\r\n    width: 1.125rem;\r\n    height: 1.125rem;\r\n}\r\n\r\n.inner_content.xs{\r\n    width: 1.5rem;\r\n    height: 1.5rem;\r\n}\r\n\r\n.inner_content.sm{\r\n    width: 2rem;\r\n    height: 2rem;\r\n}\r\n\r\n.inner_content.md{\r\n    width: 2.5rem;\r\n    height: 2.5rem;\r\n}\r\n\r\n.inner_content.lg{\r\n    width: 3rem;\r\n    height: 3rem;\r\n}\r\n\r\n.inner_content.xl{\r\n    width: 3.5rem;\r\n    height: 3.5rem;\r\n}\r\n\r\n.inner_content.xl2{\r\n    width: 4rem;\r\n    height: 4rem;\r\n}\r\n\r\n.inner_content.profile_sm{\r\n    width: 4.5rem;\r\n    height: 4.5rem;\r\n}\r\n\r\n.inner_content.profile_md{\r\n    width: 6rem;\r\n    height: 6rem;\r\n}\r\n\r\n.inner_content.profile_lg{\r\n    width: 10rem;\r\n    height: 10rem;\r\n}\r\n\r\n::slotted(img){\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: var(--rounded-full);\r\n}\r\n\r\n.placeholder,\r\n.initials{\r\n    width: 100%;\r\n    height: 100%;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    border-radius: var(--rounded-full);\r\n}\r\n\r\n.indicator{\r\n    position: absolute;\r\n    bottom: -0.1rem;\r\n    right: -0.03rem;\r\n}\r\n\r\n/* Size Styles */\r\n.user_avatar.xxs{\r\n    width: 0.75rem;\r\n    height: 0.75rem;\r\n}\r\n\r\n.user_avatar.xs{\r\n    width: var(--spacing-4);\r\n    height: var(--spacing-4);\r\n}\r\n\r\n.user_avatar.sm{\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n}\r\n\r\n.user_avatar.md{\r\n    width: var(--spacing-6);\r\n    height: var(--spacing-6);\r\n}\r\n\r\n.user_avatar.lg{\r\n    width: 1.75rem;\r\n    height: 1.75rem;\r\n}\r\n\r\n.user_avatar.xl{\r\n    width: 2rem;\r\n    height: 2rem;\r\n}\r\n\r\n.user_avatar.xl2{\r\n    width: 2rem;\r\n    height: 2rem;\r\n}\r\n\r\n.user_avatar.profile_sm{\r\n    width: 2.25rem;\r\n    height: 2.25rem;\r\n}\r\n\r\n.user_avatar.profile_md{\r\n    width: 3rem;\r\n    height: 3rem;\r\n}\r\n\r\n.user_avatar.profile_lg{\r\n    width: 5rem;\r\n    height: 5rem;\r\n}\r\n\r\n/* Avatar Color Styles */\r\n.initials.gray,\r\n.placeholder.gray{\r\n    background-color: var(--color-background-gray-subtler, #EEF2F6);\r\n}\r\n\r\n.initials.gray:hover,\r\n.placeholder.gray:hover{\r\n    background-color: var(--color-background-gray-subtle, #E3E8EF);\r\n}\r\n\r\n.initials.gray:active,\r\n.placeholder.gray:active{\r\n    background-color: var(--color-background-gray-subtlest, #F6F8FA);\r\n}\r\n\r\n.initials.blue,\r\n.placeholder.blue{\r\n    background-color: var(--color-background-information-subtler, #C8E0F9);\r\n}\r\n\r\n.initials.blue:hover,\r\n.placeholder.blue:hover{\r\n    background-color: var(--color-background-information-subtle, #9AC7F4);\r\n}\r\n\r\n.initials.blue:active,\r\n.placeholder.blue:active{\r\n    background-color: var(--color-background-information-subtlest, #E4F0FC);\r\n}\r\n\r\n.initials.cyan,\r\n.placeholder.cyan{\r\n    background-color: var(--color-background-discovery-subtler, #E0F2FE);\r\n}\r\n\r\n.initials.cyan:hover,\r\n.placeholder.cyan:hover{\r\n    background-color: var(--color-background-discovery-subtle, #B9E6FE);\r\n}\r\n\r\n.initials.cyan:active,\r\n.placeholder.cyan:active{\r\n    background-color: var(--color-background-discovery-subtlest, #F0F9FF);\r\n}\r\n\r\n.initials.pink,\r\n.placeholder.pink{\r\n    background-color: var(--color-background-pink-subtler, #FCE7F6);\r\n}\r\n\r\n.initials.pink:hover,\r\n.placeholder.pink:hover{\r\n    background-color: var(--color-background-pink-subtle, #FCCEEE);\r\n}\r\n\r\n.initials.pink:active,\r\n.placeholder.pink:active{\r\n    background-color: var(--color-background-pink-subtlest, #FDF2FA);\r\n}\r\n\r\n.initials.purple,\r\n.placeholder.purple{\r\n    background-color: var(--color-background-purple-subtler, #EBE9FE);\r\n}\r\n\r\n.initials.purple:hover,\r\n.placeholder.purple:hover{\r\n    background-color: var(--color-background-purple-subtle, #D9D6FE);\r\n}\r\n\r\n.initials.purple:active,\r\n.placeholder.purple:active{\r\n    background-color: var(--color-background-purple-subtlest, #F4F3FF);\r\n}\r\n\r\n.initials.green,\r\n.placeholder.green{\r\n    background-color: var(--color-background-success-subtler, #DCFAE6);\r\n}\r\n\r\n.initials.green:hover,\r\n.placeholder.green:hover{\r\n    background-color: var(--color-background-success-subtle, #A9EFC5);\r\n}\r\n\r\n.initials.green:active,\r\n.placeholder.green:active{\r\n    background-color: var(--color-background-success-subtlest, #ECFDF3);\r\n}\r\n\r\n.initials.yellow,\r\n.placeholder.yellow{\r\n    background-color: var(--color-background-warning-subtler, #FEF0C7);\r\n}\r\n\r\n.initials.yellow:hover,\r\n.placeholder.yellow:hover{\r\n    background-color: var(--color-background-warning-subtle, #FEDF89);\r\n}\r\n\r\n.initials.yellow:active,\r\n.placeholder.yellow:active{\r\n    background-color: var(--color-background-warning-subtlest, #FFFAEB);\r\n}\r\n\r\n::slotted([slot=\"initials\"].gray){\r\n    color: var(--color-text, #4B5565);\r\n}\r\n\r\n::slotted([slot=\"initials\"].blue){\r\n    color: var(--color-text-information, #064E94);\r\n}\r\n\r\n::slotted([slot=\"initials\"].cyan){\r\n    color: var(--color-text-discovery, #0086C9);\r\n}\r\n\r\n::slotted([slot=\"initials\"].pink){\r\n    color: var(--color-text-pink, #DD2590);\r\n}\r\n\r\n::slotted([slot=\"initials\"].purple){\r\n    color: var(--color-text-purple, #6938EF);\r\n}\r\n\r\n::slotted([slot=\"initials\"].green){\r\n    color: var(--color-text-success, #079455);\r\n}\r\n\r\n::slotted([slot=\"initials\"].yellow){\r\n    color: var(--color-text-warning, #DC6803);\r\n}\r\n\r\n.user_avatar.gray path{\r\n    fill: var(--color-icon-subtle, #697586);\r\n}\r\n\r\n.user_avatar.blue path{\r\n    fill: var(--color-icon-information, #064E94);\r\n}\r\n\r\n.user_avatar.cyan path{\r\n    fill: var(--color-icon-discovery, #0086C9);\r\n}\r\n\r\n.user_avatar.pink path{\r\n    fill: var(--color-icon-pink, #DD2590);\r\n}\r\n\r\n.user_avatar.purple path{\r\n    fill: var(--color-icon-purple, #6938EF);\r\n}\r\n\r\n.user_avatar.green path{\r\n    fill: var(--color-icon-success, #079455);\r\n}\r\n\r\n.user_avatar.yellow path{\r\n    fill: var(--color-icon-warning, #DC6803);\r\n}","import { Component, Element, h, Prop, State } from \"@stencil/core\";\r\nimport { AvatarColorTypes, BorderWeights, GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-avatar',\r\n  styleUrl: 'gb-avatar.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatar {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() placeholder: boolean = false;\r\n  @Prop() text: boolean = true;\r\n  @Prop() statusIcon: string = '';\r\n  @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Online;\r\n  @Prop() icon: 'user' = 'user';\r\n  @Prop() color: AvatarColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Element() el: HTMLElement;\r\n  @Prop() weight: BorderWeights = BorderWeights.Light;\r\n  @State() assignedColorClass: string;\r\n\r\n  private colorClasses = [\r\n    'gray', // Red\r\n    'blue', // Green\r\n    'cyan', // Blue\r\n    'green', // Pink\r\n    'purple', // Yellow\r\n    'pink', // Purple\r\n    'yellow', // Teal\r\n  ];\r\n\r\n  getInitialsSize() {\r\n    switch (this.size) {\r\n      case 'xl2':\r\n        return 'display-xs-semi-bold';\r\n      case 'xl':\r\n        return 'text-xl-semi-bold';\r\n      case 'lg':\r\n        return 'text-lg-semi-bold';\r\n      case 'md':\r\n        return 'text-md-semi-bold';\r\n      case 'sm':\r\n        return 'text-sm-semi-bold';\r\n      case 'xs':\r\n        return 'text-xs-semi-bold';\r\n      case 'xxs':\r\n        return 'text-xxs-semi-bold';\r\n    }\r\n  }\r\n\r\n  setWeight() {\r\n    if (this.showBorder) {\r\n      switch (this.size) {\r\n        case 'xl2':\r\n          return BorderWeights.Regular;\r\n        case 'xl':\r\n          return BorderWeights.Regular;\r\n        case 'lg':\r\n          return BorderWeights.Regular;\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        case 'xxs':\r\n          return BorderWeights.VeryLight;\r\n      }\r\n    }\r\n  }\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  private getRandomColorClass(): string {\r\n    const randomIndex = Math.floor(Math.random() * this.colorClasses.length);\r\n    return this.colorClasses[randomIndex];\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('h1');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add(this.getInitialsSize());\r\n      slottedInitials.classList.add(this.assignedColorClass);\r\n    }\r\n  }\r\n\r\n  componentWillLoad() {\r\n    if (!this.color) {\r\n      this.assignedColorClass = this.getRandomColorClass();\r\n    } else {\r\n      this.assignedColorClass = this.color.toLowerCase();\r\n    }\r\n  }\r\n\r\n  render() {\r\n    const classes = `${this.assignedColorClass}`;\r\n\r\n    return [\r\n      <div class=\"avatar\">\r\n        <gb-avatar-contrast-inner-border show-border={this.showBorder} size={this.size} weight={this.weight}>\r\n          <div class={`inner_content ${this.size}`}>\r\n            {this.text ? (\r\n              // ${!this.color ? 'gray' : this.color}\r\n              <div class={`initials ${classes}`}>\r\n                <slot name=\"initials\"></slot>\r\n              </div>\r\n            ) : (\r\n              <slot name=\"image\"></slot>\r\n            )}\r\n            {this.placeholder && (\r\n              <div class={`placeholder ${classes}`}>\r\n                {this.icon === 'user' && (\r\n                  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`user_avatar ${this.size} ${classes}`}>\r\n                    <path\r\n                      d=\"M11.8706 9.89137C11.9482 9.93754 12.044 9.99158 12.1524 10.0528C12.6276 10.3209 13.3459 10.7261 13.8381 11.2078C14.1458 11.5091 14.4383 11.9061 14.4914 12.3924C14.548 12.9097 14.3223 13.395 13.8697 13.8263C13.0887 14.5703 12.1515 15.1666 10.9393 15.1666H5.06045C3.84825 15.1666 2.91106 14.5703 2.13009 13.8263C1.67741 13.395 1.45177 12.9097 1.50831 12.3924C1.56147 11.9061 1.85391 11.5091 2.16169 11.2078C2.6538 10.7261 3.37214 10.3209 3.84735 10.0528C3.95578 9.99158 4.05158 9.93754 4.12912 9.89137C6.49848 8.48055 9.50126 8.48055 11.8706 9.89137Z\"\r\n                      fill=\"#697586\"\r\n                    />\r\n                    <path\r\n                      d=\"M4.49987 4.33325C4.49987 2.40026 6.06688 0.833252 7.99987 0.833252C9.93287 0.833252 11.4999 2.40026 11.4999 4.33325C11.4999 6.26625 9.93287 7.83325 7.99987 7.83325C6.06688 7.83325 4.49987 6.26625 4.49987 4.33325Z\"\r\n                      fill=\"#697586\"\r\n                    />\r\n                  </svg>\r\n                )}\r\n              </div>\r\n            )}\r\n          </div>\r\n        </gb-avatar-contrast-inner-border>\r\n        <gb-status-indicator class={`indicator ${this.size}`} status-icon={this.statusIcon} size={this.size} state={this.state}></gb-status-indicator>\r\n      </div>,\r\n    ];\r\n  }\r\n}","@import './../../global/global.css';\r\n\r\n.inner_border{\r\n    border-radius: var(--rounded-full);\r\n    width: fit-content;\r\n    height: fit-content;\r\n}\r\n\r\n.inner_border.very_light.no_border{\r\n    border: 0.3px solid transparent;\r\n}\r\n\r\n.inner_border.light.no_border{\r\n    border: 0.5px solid transparent;\r\n}\r\n\r\n.inner_border.regular.no_border{\r\n    border: 0.75px solid transparent;\r\n}\r\n\r\n.inner_border.heavy.no_border{\r\n    border: 1px solid transparent;\r\n}\r\n\r\n/* Weights */\r\n.inner_border.very_light{\r\n    border: 0.3px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.light{\r\n    border: 0.5px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.regular{\r\n    border: 0.75px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}\r\n\r\n.inner_border.heavy{\r\n    border: 1px solid var(--color-blanket-subtler, rgba(33, 44, 101, 0.2));\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { BorderWeights, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-avatar-contrast-inner-border',\r\n    styleUrl: 'gb-avatar-contrast-inner-border.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbAvatarContrastInnerBorder {\r\n    @Prop() weight: BorderWeights;\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() showBorder: boolean = false;\r\n\r\n    setWeight() {\r\n        if(this.showBorder){\r\n          switch (this.size) {\r\n          case 'xl2':\r\n            return BorderWeights.Regular;\r\n          case 'xl':\r\n            return BorderWeights.Regular;\r\n          case 'lg':\r\n            return BorderWeights.Regular;\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          case 'xxs':\r\n            return BorderWeights.VeryLight;\r\n          case 'profile_lg':\r\n            return BorderWeights.Heavy;\r\n          case 'profile_md':\r\n            return BorderWeights.Heavy;\r\n          case 'profile_sm':\r\n            return BorderWeights.Regular;\r\n          }\r\n        }\r\n    }\r\n\r\n    render() {\r\n        return (\r\n          <div class={`inner_border ${this.size} ${this.weight} ${!this.showBorder ? 'no_border' : ''}`}>\r\n            <slot></slot>\r\n          </div>\r\n        );\r\n    }\r\n}","@import './../../global/global.css';\r\n\r\n.online_icon{\r\n    border: 1.5px solid var(--color-boarder-inverse, #FFFFFF);\r\n    border-radius: var(--rounded-full);\r\n}\r\n\r\n/* Online Indicator States */\r\n.online_icon.offline{\r\n    background-color: var(--color-background-gray, #CDD5DF);\r\n}\r\n\r\n.online_icon.online{\r\n    background-color: var(--color-icon-success, #079455);\r\n}\r\n\r\n/* Online Indicator Sizes */\r\n.online_icon.xxs{\r\n    width: 0.25rem;\r\n    height: 0.25rem;\r\n}\r\n\r\n.online_icon.xs{\r\n    width: 0.375rem;\r\n    height: 0.375rem;\r\n}\r\n\r\n.online_icon.sm{\r\n    width: var(--spacing-2);\r\n    height: var(--spacing-2);\r\n}\r\n\r\n.online_icon.md{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n.online_icon.lg{\r\n    width: var(--spacing-3);\r\n    height: var(--spacing-3);\r\n}\r\n\r\n.online_icon.xl{\r\n    width: 0.875rem;\r\n    height: 0.875rem;\r\n}\r\n\r\n.online_icon.xl2{\r\n    width: var(--spacing-4);\r\n    height: var(--spacing-4);\r\n}\r\n\r\n/* Verified Tick Sizes */\r\n.verified.xxs{\r\n    width: 0.375rem;\r\n    height: 0.375rem;\r\n}\r\n\r\n.verified.xs{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n.verified.sm{\r\n    width: var(--spacing-3);\r\n    height: var(--spacing-3);\r\n}\r\n\r\n.verified.md{\r\n    width: 0.875rem;\r\n    height: 0.875rem;\r\n}\r\n\r\n.verified.lg{\r\n    width: var(--spacing-4);\r\n    height: var(--spacing-4);\r\n}\r\n\r\n.verified.xl{\r\n    width: 1.125rem;\r\n    height: 1.125rem;\r\n}\r\n\r\n.verified.xl2{\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n}\r\n\r\n.verified.xl3{\r\n    width: var(--spacing-6);\r\n    height: var(--spacing-6);\r\n}\r\n\r\n.verified.xl4{\r\n    width: var(--spacing-7);\r\n    height: var(--spacing-7);\r\n}\r\n\r\n.verified.profile_sm{\r\n    width: var(--spacing-5);\r\n    height: var(--spacing-5);\r\n    position: absolute;\r\n    bottom: 0.15rem;\r\n    right: 0.01rem;\r\n}\r\n\r\n.verified.profile_md{\r\n    width: var(--spacing-6);\r\n    height: var(--spacing-6);\r\n    position: absolute;\r\n    bottom: 0.25rem;\r\n    right: 0.2rem;\r\n}\r\n\r\n.verified.profile_lg{\r\n    width: var(--spacing-7);\r\n    height: var(--spacing-7);\r\n    position: absolute;\r\n    bottom: 0.5rem;\r\n    right: 0.2rem;\r\n}\r\n\r\n/* Company Icon Sizes */\r\n.company.xs{\r\n    width: 0.25rem;\r\n    height: 0.25rem;\r\n}\r\n\r\n.company.xs{\r\n    width: 0.625rem;\r\n    height: 0.625rem;\r\n}\r\n\r\n.company.sm{\r\n    width: 0.75rem;\r\n    height: var(--spacing-3);\r\n}\r\n\r\n.company.md{\r\n    width: 0.875rem;\r\n    height: 0.875rem;\r\n}\r\n\r\n.company.lg{\r\n    width: 1rem;\r\n    height: var(--spacing-4);\r\n}\r\n\r\n.company.xl{\r\n    width: 1.125rem;\r\n    height: 1.125rem;\r\n}\r\n\r\n.company.xl2{\r\n    width: 1.25rem;\r\n    height: var(--spacing-5);\r\n}","import { Component, h, Prop } from \"@stencil/core\";\r\nimport { GeneralSizes, OnlineIndicatorStates } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-status-indicator',\r\n    styleUrl: 'gb-status-indicator.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbStatusIndicator {\r\n    @Prop() statusIcon: string = '';\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() state: OnlineIndicatorStates = OnlineIndicatorStates.Offline;\r\n    @Prop() indicatorStateClass: string = this.state;\r\n\r\n    render() {\r\n        return [\r\n          <div>\r\n            {this.statusIcon === 'online_indicator' && <div class={`online_icon ${this.size} ${this.indicatorStateClass}`}></div>}\r\n            {this.statusIcon === 'verified' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" fill=\"none\" class={`verified ${this.size}`}>\r\n                <g clip-path=\"url(#clip0_0_21453)\">\r\n                  <path\r\n                    d=\"M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z\"\r\n                    fill=\"#0086C9\"\r\n                  />\r\n                  <path d=\"M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                </g>\r\n                <defs>\r\n                  <clipPath id=\"clip0_0_21453\">\r\n                    <rect width=\"32\" height=\"32\" fill=\"white\" />\r\n                  </clipPath>\r\n                </defs>\r\n              </svg>\r\n            )}\r\n            {this.statusIcon === 'company' && (\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" class={`company ${this.size}`}>\r\n                <path\r\n                  d=\"M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z\"\r\n                  fill=\"#FF0033\"\r\n                  stroke=\"white\"\r\n                  stroke-width=\"1.5\"\r\n                />\r\n                <path\r\n                  fill-rule=\"evenodd\"\r\n                  clip-rule=\"evenodd\"\r\n                  d=\"M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z\"\r\n                  fill=\"white\"\r\n                />\r\n              </svg>\r\n            )}\r\n          </div>,\r\n        ];\r\n    }\r\n}"],"names":["OnlineIndicatorStates","BorderWeights","h"],"mappings":"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"}