globuswebcomponents 0.6.5 → 0.6.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/gb-avatar_34.cjs.entry.js +91 -83
- package/dist/cjs/gb-avatar_34.cjs.entry.js.map +1 -1
- package/dist/cjs/gb-button-close_2.cjs.entry.js +1 -1
- package/dist/cjs/gb-megainput-field.cjs.entry.js +2 -2
- package/dist/cjs/gb-progress-circle.cjs.entry.js +1 -1
- package/dist/cjs/gb-rich-text.cjs.entry.js +1 -1
- package/dist/cjs/gb-scrollbar.cjs.entry.js +1 -1
- package/dist/cjs/gb-slider-control-handle.cjs.entry.js +1 -1
- package/dist/cjs/gb-slider.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast-button.cjs.entry.js +1 -1
- package/dist/cjs/gb-toast.cjs.entry.js +1 -1
- package/dist/cjs/gb-toggle.cjs.entry.js +1 -1
- package/dist/cjs/gb-token-field.cjs.entry.js +1 -1
- package/dist/cjs/gb-verification-code-field.cjs.entry.js +2 -2
- package/dist/cjs/globuscomponents.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/gb-checkbox/gb-checkbox.css +5 -1
- package/dist/collection/components/gb-checkbox/gb-checkbox.js +1 -5
- package/dist/collection/components/gb-checkbox/gb-checkbox.js.map +1 -1
- package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js +26 -5
- package/dist/collection/components/gb-checkbox-base/gb-checkbox-base.js.map +1 -1
- package/dist/collection/components/gb-header/gb-header.js +34 -8
- package/dist/collection/components/gb-header/gb-header.js.map +1 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.css +0 -1
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js +2 -2
- package/dist/collection/components/gb-help-tooltip/gb-help-tooltip.js.map +1 -1
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js +24 -30
- package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.js.map +1 -1
- package/dist/collection/components/gb-input-field/gb-input-field.css +29 -0
- package/dist/collection/components/gb-input-field/gb-input-field.js +21 -12
- package/dist/collection/components/gb-input-field/gb-input-field.js.map +1 -1
- package/dist/collection/components/gb-megainput-field-base/gb-megainput-field.js +2 -2
- package/dist/collection/components/gb-notification-content/gb-notification-content.js +1 -1
- package/dist/collection/components/gb-notification-pane/gb-notification-pane.js +4 -4
- package/dist/collection/components/gb-pagination/gb-pagination.js +1 -1
- package/dist/collection/components/gb-pagination-button-group-base/gb-pagination-button-group-base.js +1 -1
- package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js +1 -1
- package/dist/collection/components/gb-pagination-number-base/gb-pagination-number-base.js +1 -1
- package/dist/collection/components/gb-password-button/gb-password-button.js +1 -1
- package/dist/collection/components/gb-progress-bar/gb-progress-bar.js +1 -1
- package/dist/collection/components/gb-progress-circle/gb-progress-circle.js +1 -1
- package/dist/collection/components/gb-rich-text/gb-rich-text.js +1 -1
- package/dist/collection/components/gb-scrollbar/gb-scrollbar.js +1 -1
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js +1 -2
- package/dist/collection/components/gb-side-bar-item/gb-side-bar-item.js.map +1 -1
- package/dist/collection/components/gb-sidebar/gb-sidebar.js +1 -1
- package/dist/collection/components/gb-slider/gb-slider.js +1 -1
- package/dist/collection/components/gb-slider-control-handle/slider-control-handle.js +1 -1
- package/dist/collection/components/gb-status-indicator/gb-status-indicator.js +1 -1
- package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js +3 -3
- package/dist/collection/components/gb-tag/gb-tag.js +1 -1
- package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js +1 -1
- package/dist/collection/components/gb-tag-close/gb-tag-close.js +1 -1
- package/dist/collection/components/gb-tag-count/gb-tag-count.js +1 -1
- package/dist/collection/components/gb-toast/gb-toast.js +1 -1
- package/dist/collection/components/gb-toast-button/gb-toast-button.js +1 -1
- package/dist/collection/components/gb-toggle/gb-toggle.js +1 -1
- package/dist/collection/components/gb-toggle-base/gb-toggle-base.js +2 -2
- package/dist/collection/components/gb-token-field/gb-token-field.js +1 -1
- package/dist/collection/components/gb-tooltip/gb-tooltip.js +1 -1
- package/dist/collection/components/gb-verification-code-field/gb-verification-code-field.js +2 -2
- package/dist/components/gb-avatar-add-button.js +1 -1
- package/dist/components/gb-avatar-dropdown.js +6 -6
- package/dist/components/gb-avatar-group.js +4 -4
- package/dist/components/gb-avatar-label-group.js +1 -1
- package/dist/components/gb-avatar-profile-photo.js +2 -2
- package/dist/components/gb-avatar.js +1 -1
- package/dist/components/gb-badge.js +1 -1
- package/dist/components/gb-checkbox-base.js +1 -1
- package/dist/components/gb-checkbox-group-item.js +1 -1
- package/dist/components/gb-checkbox-group.js +5 -5
- package/dist/components/gb-checkbox.js +1 -1
- package/dist/components/gb-collapse-button.js +1 -1
- package/dist/components/gb-dropdown-items-with-shortcut.js +1 -1
- package/dist/components/gb-file-upload-item-base.js +1 -1
- package/dist/components/gb-file-upload.js +3 -3
- package/dist/components/gb-header.js +19 -10
- package/dist/components/gb-header.js.map +1 -1
- package/dist/components/gb-help-dropdown.js +3 -3
- package/dist/components/gb-help-tooltip.js +1 -1
- package/dist/components/gb-horizontal-tabs.js +4 -4
- package/dist/components/gb-input-dropdown-menu-item.js +1 -1
- package/dist/components/gb-input-dropdown.js +1 -1
- package/dist/components/gb-input-field.js +66 -21
- package/dist/components/gb-input-field.js.map +1 -1
- package/dist/components/gb-megainput-field.js +1 -1
- package/dist/components/gb-notification-content.js +1 -1
- package/dist/components/gb-notification-pane.js +5 -5
- package/dist/components/gb-pagination-button-group-base.js +1 -1
- package/dist/components/gb-pagination-dot-indicator.js +1 -1
- package/dist/components/gb-pagination-number-base.js +1 -1
- package/dist/components/gb-pagination.js +1 -1
- package/dist/components/gb-password-button.js +1 -1
- package/dist/components/gb-progress-bar.js +1 -1
- package/dist/components/gb-progress-circle.js +1 -1
- package/dist/components/gb-rich-text.js +14 -14
- package/dist/components/gb-scrollbar.js +1 -1
- package/dist/components/gb-side-bar-item.js +1 -1
- package/dist/components/gb-sidebar.js +7 -7
- package/dist/components/gb-slider-control-handle.js +1 -1
- package/dist/components/gb-slider.js +3 -3
- package/dist/components/gb-status-indicator.js +1 -1
- package/dist/components/gb-tab-button-base.js +1 -1
- package/dist/components/gb-tag-checkbox.js +1 -1
- package/dist/components/gb-tag-close.js +1 -1
- package/dist/components/gb-tag-count.js +1 -1
- package/dist/components/gb-tag.js +1 -1
- package/dist/components/gb-toast-button.js +1 -1
- package/dist/components/gb-toast.js +2 -2
- package/dist/components/gb-toggle-base.js +1 -1
- package/dist/components/gb-toggle.js +2 -2
- package/dist/components/gb-token-field.js +2 -2
- package/dist/components/gb-tooltip.js +1 -1
- package/dist/components/gb-verification-code-field.js +3 -3
- package/dist/components/gb-wysiwyg-toolbar.js +1 -1
- package/dist/components/{p-e3df7633.js → p-116b173f.js} +6 -7
- package/dist/components/p-116b173f.js.map +1 -0
- package/dist/components/{p-d13fec4e.js → p-11f0802d.js} +2 -2
- package/dist/components/{p-d13fec4e.js.map → p-11f0802d.js.map} +1 -1
- package/dist/components/{p-b60e6bf3.js → p-33093c95.js} +2 -2
- package/dist/components/{p-b60e6bf3.js.map → p-33093c95.js.map} +1 -1
- package/dist/components/{p-9177026d.js → p-376c28b8.js} +5 -5
- package/dist/components/p-376c28b8.js.map +1 -0
- package/dist/components/{p-0456af7b.js → p-3e00f9f0.js} +2 -2
- package/dist/components/{p-0456af7b.js.map → p-3e00f9f0.js.map} +1 -1
- package/dist/components/{p-1fe4daf8.js → p-4693d074.js} +3 -3
- package/dist/components/{p-1fe4daf8.js.map → p-4693d074.js.map} +1 -1
- package/dist/components/{p-8f55e62a.js → p-5a4f7ac2.js} +5 -5
- package/dist/components/{p-8f55e62a.js.map → p-5a4f7ac2.js.map} +1 -1
- package/dist/components/{p-d49c9891.js → p-5f9a7699.js} +5 -5
- package/dist/components/{p-d49c9891.js.map → p-5f9a7699.js.map} +1 -1
- package/dist/components/{p-0bc41dab.js → p-619e02da.js} +4 -8
- package/dist/components/p-619e02da.js.map +1 -0
- package/dist/components/{p-70cc61c1.js → p-62ea600e.js} +3 -3
- package/dist/components/{p-70cc61c1.js.map → p-62ea600e.js.map} +1 -1
- package/dist/components/{p-93839d6c.js → p-7085ac72.js} +3 -3
- package/dist/components/{p-93839d6c.js.map → p-7085ac72.js.map} +1 -1
- package/dist/components/{p-ee117fed.js → p-748acad9.js} +2 -2
- package/dist/components/{p-ee117fed.js.map → p-748acad9.js.map} +1 -1
- package/dist/components/{p-328ca954.js → p-7ef247e0.js} +11 -7
- package/dist/components/p-7ef247e0.js.map +1 -0
- package/dist/components/{p-f9aea40e.js → p-811d5082.js} +3 -3
- package/dist/components/{p-f9aea40e.js.map → p-811d5082.js.map} +1 -1
- package/dist/components/{p-f7dac30e.js → p-8d532b63.js} +2 -2
- package/dist/components/{p-f7dac30e.js.map → p-8d532b63.js.map} +1 -1
- package/dist/components/{p-f1e2b919.js → p-a819c8df.js} +13 -13
- package/dist/components/{p-f1e2b919.js.map → p-a819c8df.js.map} +1 -1
- package/dist/components/{p-4faa2686.js → p-abcfc01a.js} +2 -2
- package/dist/components/{p-4faa2686.js.map → p-abcfc01a.js.map} +1 -1
- package/dist/components/{p-9497e965.js → p-aee9ba25.js} +2 -2
- package/dist/components/{p-9497e965.js.map → p-aee9ba25.js.map} +1 -1
- package/dist/components/{p-56013fc8.js → p-b42112dc.js} +3 -3
- package/dist/components/{p-56013fc8.js.map → p-b42112dc.js.map} +1 -1
- package/dist/components/{p-e9176120.js → p-c38f39bb.js} +2 -2
- package/dist/components/{p-e9176120.js.map → p-c38f39bb.js.map} +1 -1
- package/dist/components/{p-4812928e.js → p-c4a39c0a.js} +35 -41
- package/dist/components/p-c4a39c0a.js.map +1 -0
- package/dist/components/{p-3a4d6142.js → p-c4b6f266.js} +2 -2
- package/dist/components/{p-3a4d6142.js.map → p-c4b6f266.js.map} +1 -1
- package/dist/components/{p-d91ecf50.js → p-c5be7dd1.js} +3 -3
- package/dist/components/{p-d91ecf50.js.map → p-c5be7dd1.js.map} +1 -1
- package/dist/components/{p-ed457e85.js → p-ccd753cc.js} +3 -3
- package/dist/components/{p-ed457e85.js.map → p-ccd753cc.js.map} +1 -1
- package/dist/components/{p-72927863.js → p-d0f4d7d0.js} +3 -3
- package/dist/components/{p-72927863.js.map → p-d0f4d7d0.js.map} +1 -1
- package/dist/components/{p-8b0c130f.js → p-d1e10718.js} +7 -7
- package/dist/components/{p-8b0c130f.js.map → p-d1e10718.js.map} +1 -1
- package/dist/components/{p-cdd1242d.js → p-ddaa103f.js} +2 -2
- package/dist/components/{p-cdd1242d.js.map → p-ddaa103f.js.map} +1 -1
- package/dist/components/{p-3ea194b5.js → p-e03eef5d.js} +7 -7
- package/dist/components/{p-3ea194b5.js.map → p-e03eef5d.js.map} +1 -1
- package/dist/components/{p-d9261ac4.js → p-fda207b7.js} +2 -2
- package/dist/components/{p-d9261ac4.js.map → p-fda207b7.js.map} +1 -1
- package/dist/esm/gb-avatar_34.entry.js +91 -83
- package/dist/esm/gb-avatar_34.entry.js.map +1 -1
- package/dist/esm/gb-button-close_2.entry.js +1 -1
- package/dist/esm/gb-megainput-field.entry.js +2 -2
- package/dist/esm/gb-progress-circle.entry.js +1 -1
- package/dist/esm/gb-rich-text.entry.js +1 -1
- package/dist/esm/gb-scrollbar.entry.js +1 -1
- package/dist/esm/gb-slider-control-handle.entry.js +1 -1
- package/dist/esm/gb-slider.entry.js +1 -1
- package/dist/esm/gb-toast-button.entry.js +1 -1
- package/dist/esm/gb-toast.entry.js +1 -1
- package/dist/esm/gb-toggle.entry.js +1 -1
- package/dist/esm/gb-token-field.entry.js +1 -1
- package/dist/esm/gb-verification-code-field.entry.js +2 -2
- package/dist/esm/globuscomponents.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js +1 -1
- package/dist/globuscomponents/globuscomponents.esm.js.map +1 -1
- package/dist/globuscomponents/{p-e84fddfb.entry.js → p-1864491d.entry.js} +2 -2
- package/dist/globuscomponents/{p-615a7e4e.entry.js → p-1f270004.entry.js} +2 -2
- package/dist/globuscomponents/{p-c86f4d04.entry.js → p-4b65a5a8.entry.js} +2 -2
- package/dist/globuscomponents/{p-dbaf2b13.entry.js → p-598139f4.entry.js} +2 -2
- package/dist/globuscomponents/{p-bd87639a.entry.js → p-78302b3e.entry.js} +2 -2
- package/dist/globuscomponents/{p-eee24fd4.entry.js → p-8661cd4f.entry.js} +2 -2
- package/dist/globuscomponents/{p-a66137f5.entry.js → p-8990bb5a.entry.js} +2 -2
- package/dist/globuscomponents/p-a5d41b28.entry.js +2 -0
- package/dist/globuscomponents/{p-35eef8c6.entry.js → p-b472bd54.entry.js} +2 -2
- package/dist/globuscomponents/{p-3ced3015.entry.js → p-c110dd22.entry.js} +2 -2
- package/dist/globuscomponents/{p-213333d1.entry.js → p-cc7fbef7.entry.js} +2 -2
- package/dist/globuscomponents/p-cc7fbef7.entry.js.map +1 -0
- package/dist/globuscomponents/{p-89485a6d.entry.js → p-db2ae7c9.entry.js} +2 -2
- package/dist/globuscomponents/{p-8f6a956b.entry.js → p-f48536c9.entry.js} +2 -2
- package/dist/types/components/gb-checkbox-base/gb-checkbox-base.d.ts +2 -0
- package/dist/types/components/gb-header/gb-header.d.ts +1 -0
- package/dist/types/components/gb-input-dropdown/gb-input-dropdown.d.ts +2 -2
- package/dist/types/components/gb-input-field/gb-input-field.d.ts +2 -1
- package/dist/types/components.d.ts +22 -4
- package/package.json +1 -1
- package/dist/components/p-0bc41dab.js.map +0 -1
- package/dist/components/p-328ca954.js.map +0 -1
- package/dist/components/p-4812928e.js.map +0 -1
- package/dist/components/p-9177026d.js.map +0 -1
- package/dist/components/p-e3df7633.js.map +0 -1
- package/dist/globuscomponents/p-213333d1.entry.js.map +0 -1
- package/dist/globuscomponents/p-a09b2304.entry.js +0 -2
- /package/dist/globuscomponents/{p-e84fddfb.entry.js.map → p-1864491d.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-615a7e4e.entry.js.map → p-1f270004.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-c86f4d04.entry.js.map → p-4b65a5a8.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-dbaf2b13.entry.js.map → p-598139f4.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-bd87639a.entry.js.map → p-78302b3e.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-eee24fd4.entry.js.map → p-8661cd4f.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a66137f5.entry.js.map → p-8990bb5a.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-a09b2304.entry.js.map → p-a5d41b28.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-35eef8c6.entry.js.map → p-b472bd54.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-3ced3015.entry.js.map → p-c110dd22.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-89485a6d.entry.js.map → p-db2ae7c9.entry.js.map} +0 -0
- /package/dist/globuscomponents/{p-8f6a956b.entry.js.map → p-f48536c9.entry.js.map} +0 -0
|
@@ -12,7 +12,7 @@ export class GbPaginationButtonGroupBase {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '2eb6d278ee7ee06e899d26fcb8ad48a589391335', class: `button_base_div ${this.icon}` }, this.icon === 'false' && h("slot", { key: 'd34bb191780e0febf2a46366428450000eba096a' }), this.icon === 'leading' && (h(Fragment, null, h("svg", { key: 'a82a9dbf227aa036a6f8c0f5b9bbfae1f4b27c01', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '4fbe239fe5ced50dbb92a438ee909cda0c65bfcf', d: "M3.33325 9.99981H16.6666M3.33325 9.99981C3.33326 11.0978 7.49975 14.1667 7.49975 14.1667M3.33325 9.99981C3.33324 8.90182 7.49978 5.83334 7.49978 5.83334", stroke: "#4B5565", "stroke-width": "1.67", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("slot", { key: 'e8282392cc86bdfb39d135f8f3a66cff306d670a' }))), this.icon === 'trailing' && (h(Fragment, null, h("slot", { key: 'b86e41c072a6b0caaf84392ca1eae6c00d6cb0ea' }), this.iconTrailing && (h("svg", { key: '3d902a044b5f6ba63c1c82cc55e4b0600f8009e1', xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" }, h("path", { key: '5845338585d54be981a47136dd413c7205482834', d: "M16.6668 9.99984H3.3335M16.6668 9.99984C16.6668 11.0978 12.5003 14.1667 12.5003 14.1667M16.6668 9.99984C16.6669 8.90185 12.5002 5.83337 12.5002 5.83337", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-pagination-button-group-base"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
package/dist/collection/components/gb-pagination-dot-indicator/gb-pagination-dot-indicator.js
CHANGED
|
@@ -6,7 +6,7 @@ export class GbPaginationDotIndicator {
|
|
|
6
6
|
this.size = undefined;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return h("div", { key: '
|
|
9
|
+
return h("div", { key: 'e23743d28267b84c799dae2ddf5052f97ff0633e', class: `dot_indicator_div
|
|
10
10
|
${this.type} ${this.current ? 'current' : ''}
|
|
11
11
|
${this.size}` });
|
|
12
12
|
}
|
|
@@ -10,7 +10,7 @@ export class GbPaginationNumberBase {
|
|
|
10
10
|
}
|
|
11
11
|
}
|
|
12
12
|
render() {
|
|
13
|
-
return (h("div", { key: '
|
|
13
|
+
return (h("div", { key: 'ea540184453e28e2e242402c77e76cb183af1cef', class: `page_number_base ${this.shape}` }, h("slot", { key: '683da0be010c87da515066955cd868c15c3cfb34', name: "page_number" })));
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-pagination-number-base"; }
|
|
16
16
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class GbPasswordButton {
|
|
|
8
8
|
this.isPasswordVisible = !this.isPasswordVisible;
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: 'da9c19c9a66838f8d4626e8f113784f1b7afabf4' }, h("gb-btn", { key: 'fce6a412deaee5a178d481e5bfcc80455f879915', size: "sm", hierarchy: "link_gray", state: "default", onClick: () => this.togglePasswordVisibility() }, this.isPasswordVisible ? (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "HIDE"))) : (h("gb-button", { size: "sm", hierarchy: "tertiary_gray", icon: "default", state: this.state }, h("p", null, "SHOW"))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-password-button"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -8,7 +8,7 @@ export class GbProgressBar {
|
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
10
|
const progressValue = Math.min(Math.max(this.progress, 0), 100);
|
|
11
|
-
return (h("div", { key: '
|
|
11
|
+
return (h("div", { key: '0a86acd5527aca2e22599a44512db1a48bd1a478', class: `progress_bar_container ${this.labelPosition}` }, h("div", { key: '645ee77faeee49735de57e0be7d656d2d22afc55', class: "progress_bar" }, h("div", { key: '6655e79a328c84766c12ae0161e7e35f4931c5fb', class: "progress_fill", style: { width: `${progressValue}%` } })), h(Fragment, null, this.showLabel && (h("div", { key: '3dfed9961c8b65256cb6975679e71f83ef8355c9', class: `label ${this.labelPosition}` }, this.labelPosition === 'right' && h("span", { key: '0a9290dc3364ec3c8b8df91f063f28daf9aa7f7b', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'bottom' && h("span", { key: '1499556f49d8ea20858806379231d4c2b190e917', class: `text-sm-medium` }, progressValue, "%"), this.labelPosition === 'top_floating' && (h("gb-tooltip", { key: 'caa6ef792f9f5f4e5929fd537e55b3982ac00e78', class: `top_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 6.5).toString()}%` } }, h("p", { key: '858d2874208ab269fa6b4d51979b359488d913c3', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))), this.labelPosition === 'bottom_floating' && (h("gb-tooltip", { key: 'b85aa1494ede36a77cc820dbe690ea20577f3235', class: `bottom_tooltip`, arrow: "none", style: { marginLeft: `${(progressValue - 59.5).toString()}%` } }, h("p", { key: 'dd83bf52a374c1b25798aede26dbb11163fb1eac', slot: "main_text", class: "text-xs-semi-bold" }, progressValue, "%"))))))));
|
|
12
12
|
}
|
|
13
13
|
static get is() { return "gb-progress-bar"; }
|
|
14
14
|
static get encapsulation() { return "shadow"; }
|
|
@@ -7,7 +7,7 @@ export class GbProgressCircle {
|
|
|
7
7
|
this.progress = 0;
|
|
8
8
|
}
|
|
9
9
|
render() {
|
|
10
|
-
return (h("div", { key: '
|
|
10
|
+
return (h("div", { key: 'd00b0e604df596e5f4d396955bd848004d7888f1', class: "progress" }, h("svg", { key: 'f693790104788c18a7f3b4b71e212a22889bdb85', class: "progress-circle", width: "200px", height: "200px", xmlns: "http://www.w3.org/2000/svg" }, h("circle", { key: '03e39242a7cf2bb13bbb150a3ae63c57898a2bf9', class: "progress-circle-back", cx: "80", cy: "80", r: "74" }), h("circle", { key: 'a0a12d251b314f0428561b50f0d0056a89f1e38c', class: "progress-circle-prog", cx: "80", cy: "80", r: "74" })), h("div", { key: '8262b715869e731978618af45eaf98d839b6d5fd', class: "progress-text", "data-progress": "0" }, "50%")));
|
|
11
11
|
}
|
|
12
12
|
static get is() { return "gb-progress-circle"; }
|
|
13
13
|
static get encapsulation() { return "shadow"; }
|
|
@@ -15,7 +15,7 @@ export class GbRichText {
|
|
|
15
15
|
destructive: this.destructive,
|
|
16
16
|
disabled: this.state === 'disabled'
|
|
17
17
|
};
|
|
18
|
-
return (h("div", { key: '
|
|
18
|
+
return (h("div", { key: '491e519b084af21608d2010937e04e900fbefdd2', class: classes }, h("div", { key: '4412c3f50c2be28e40a0f800a589b9c888fe22c9', class: "input-with-label" }, h("label", { key: 'fee1ea0153502352dbc69a823534542e7732d3c4' }, this.label), h("div", { key: '48c1fc836d54e53a0b4f30dbc1044ded113dda89', class: "input-container" }, h("div", { key: '28c0dfad468ce70b55e76fc0a36548b82c6dafa6', class: "toolbar-container" }, h("gb-wysiwyg-toolbar", { key: 'd794db06a8b0c2a56951942f95d897a252388c2c', breakpoint: "desktop", bold: true, italic: true, h1: true, h2: true, quote: true, link: true, image: true, bulletList: true, numberList: true })), this.destructive && (h("span", { key: '53e7c903b7ad84826907e570d6b4d66f5cb6e266', class: "error-icon" }, h("svg", { key: '6690a28aa2456c7a8bbfdd6337a3e84a19f559bc', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '524bdf92c237857af68f5900e34747bd9dfac50c', d: "M7.99483 10H8.00081M8.00016 8V5.33333M14.6668 8C14.6668 11.6819 11.6821 14.6667 8.00016 14.6667C4.31826 14.6667 1.3335 11.6819 1.3335 8C1.3335 4.3181 4.31826 1.33333 8.00016 1.33333C11.6821 1.33333 14.6668 4.3181 14.6668 8Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" })))), h("div", { key: '9e8157b6dd5c4dd9d3611c5da6047942e9da4485', class: "text-container" }, h("textarea", { key: '40b61e333951814c5ea90983a9471931455d9e7d' }, this.showPlaceholder && (h("div", { key: '4d09057349184e9c3af8b4a77192f3c80213e53c' }, this.placeholder)))))), this.showHintText && (h("div", { key: '49f47eae9542a5725bb14ff291b7039eb9a6fde3', class: "hint-text" }, this.hintText))));
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "gb-rich-text"; }
|
|
21
21
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbScrollbar {
|
|
|
4
4
|
this.length = '25%';
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '7a34f6434097487fe1f253601f962c429ec4cb07', class: "scrollbar-container" }, h("div", { key: '09d71027c31bd3eae4f99391dd035411bbf0d6c3', class: "scrollbar", style: { height: this.length } }, h("slot", { key: 'c50ccda3778ea4d5fd963a071853d8eeb8283c3d' }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-scrollbar"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -27,13 +27,12 @@ export class GbSideBarItem {
|
|
|
27
27
|
}
|
|
28
28
|
getLabel() {
|
|
29
29
|
const slottedLabel = this.el.querySelector('slot');
|
|
30
|
-
// console.log(slottedLabel.textContent);
|
|
31
30
|
return slottedLabel.textContent;
|
|
32
31
|
}
|
|
33
32
|
render() {
|
|
34
33
|
const redBarSrc = getAssetPath(`assets/bar.svg`);
|
|
35
34
|
const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
|
|
36
|
-
return (h("div", { key: '
|
|
35
|
+
return (h("div", { key: 'ec427cfca346b1e68a7fcfc076fd632ce0cb4d0e', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9a8bfea4a9d138312cedfc4c34644bda417598fc', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'fca71f625d7a58f1c69af38126013db54c478b91', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e67b20cb759c07e433099dc03ac22b938018fd19', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '2a386ebbe4eab16874aa9a94759f3b35d07dc9b7', class: "content" }, h("div", { key: '71e5bc3eabef891ac4d38d3469c0f488849f3de6', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'b6406966495c5dcd9dee11373acc5a6bad75af86', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '8095d1333894572dc58dcf60277064a419d2cd3f', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'd4318c841019c24a9a4fbe196ed3edddaf485256' }, "10"))), this.showArrow && (h("svg", { key: '7ff81aefb375226cbae232d2dbd684ca2bbbf6a6', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '83ce31a3e5f39364ca8b454e401439086c433324', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'b4e2b89b9df573550469d731b7805b88653d1572', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'acdd25e988091c69513a5dfed2450c79c98f073d', slot: "label" }, this.label)))));
|
|
37
36
|
}
|
|
38
37
|
static get is() { return "gb-side-bar-item"; }
|
|
39
38
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAShH,MAAM,OAAO,aAAa;;;;qBAGA,EAAE;oBACH,EAAE;;yBAEI,KAAK;yBACL,KAAK;2BACc,KAAK;8BACnB,EAAE;;;IAKpC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ;QACN,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"gb-side-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-side-bar-item/gb-side-bar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAgB,OAAO,EAAE,MAAM,eAAe,CAAC;AAShH,MAAM,OAAO,aAAa;;;;qBAGA,EAAE;oBACH,EAAE;;yBAEI,KAAK;yBACL,KAAK;2BACc,KAAK;8BACnB,EAAE;;;IAKpC,KAAK,CAAC,QAAQ,CAAC,QAAgB;QAC7B,MAAM,QAAQ,GAAG,YAAY,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC;QAC7C,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,CAAC,CAAC;QACvC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;QAClC,IAAI,CAAC,cAAc,GAAG,GAAG,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,CAAC;IACpF,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,kBAAkB,CAAC,IAAI,EAAE,CAAC;IACjC,CAAC;IAED,QAAQ;QACN,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QACnD,OAAO,YAAY,CAAC,WAAW,CAAC;IAClC,CAAC;IAED,MAAM;QACJ,MAAM,SAAS,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAC;QACjD,MAAM,WAAW,GAAG,YAAY,CAAC,sBAAsB,CAAC,CAAC;QAEzD,OAAO,CACL,4DAAK,KAAK,EAAE,yBAAyB,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YAClI,4DAAK,KAAK,EAAE,iBAAiB,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACpE,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,kBAAkB,IAAI,4DAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,GAAG;gBAC7G,IAAI,CAAC,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,oBAAoB,IAAI,4DAAK,GAAG,EAAE,WAAW,EAAE,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,KAAK,GAAG;gBAClH,4DAAK,KAAK,EAAC,SAAS;oBAClB,4DAAK,KAAK,EAAE,QAAQ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,GAAQ;oBACxF,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,CAClC,0DAAG,KAAK,EAAE,cAAc,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAG,IAAI,CAAC,KAAK,CAAK,CAC5I,CACG;gBACL,IAAI,CAAC,IAAI,KAAK,iBAAiB,IAAI,CAClC;oBACG,IAAI,CAAC,SAAS,IAAI,CACjB,iEAAU,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM;wBAC7F,iEAAS,CACA,CACZ;oBACA,IAAI,CAAC,SAAS,IAAI,CACjB,4DAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,SAAS,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,QAAQ,EAAE;wBAC1I,6DACE,CAAC,EAAC,sEAAsE,EACxE,MAAM,EAAC,SAAS,kBACH,KAAK,oBACH,OAAO,qBACN,OAAO,GACvB,CACE,CACP,CACA,CACJ,CACG;YACL,IAAI,CAAC,IAAI,KAAK,WAAW,IAAI,IAAI,CAAC,WAAW,IAAI,CAChD,iFAAwB,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,KAAK,EAAC,SAAS;gBACxD,0DAAG,IAAI,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAK,CACrB,CACd,CACG,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, Fragment, getAssetPath, State, Event, EventEmitter, Element } from \"@stencil/core\";\r\nimport { GeneralBackgroundCategories } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n tag: 'gb-side-bar-item',\r\n styleUrl: 'gb-side-bar-item.css',\r\n shadow: true,\r\n})\r\n\r\nexport class GbSideBarItem {\r\n @Prop() state: 'default' | 'active';\r\n @Prop() type: 'full_with_label' | 'icon_only';\r\n @Prop() label: string = '';\r\n @Prop() icon: string = '';\r\n @Prop() category: GeneralBackgroundCategories;\r\n @Prop() showArrow: boolean = false;\r\n @Prop() showBadge: boolean = false;\r\n @Prop({ mutable: true }) showTooltip: boolean = false;\r\n @State() leadingIconSvg: string = '';\r\n @State() textState: any;\r\n @Event() sideBarItemClicked: EventEmitter<void>;\r\n @Element() el: HTMLElement;\r\n\r\n async loadIcon(iconName: string) {\r\n const iconPath = getAssetPath(`${iconName}`);\r\n const response = await fetch(iconPath);\r\n const svg = await response.text();\r\n this.leadingIconSvg = svg;\r\n }\r\n\r\n componentWillLoad() {\r\n this.loadIcon(this.icon);\r\n this.textState = this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium';\r\n }\r\n\r\n onSideBarItemClicked() {\r\n this.sideBarItemClicked.emit();\r\n }\r\n\r\n getLabel() {\r\n const slottedLabel = this.el.querySelector('slot');\r\n return slottedLabel.textContent;\r\n }\r\n\r\n render() {\r\n const redBarSrc = getAssetPath(`assets/bar.svg`);\r\n const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);\r\n\r\n return (\r\n <div class={`side_bar_item_container`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n <div class={`nav_item_base ${this.state} ${this.type} ${this.category}`}>\r\n {this.state === 'active' && this.category === 'plain_background' && <img src={redBarSrc} alt=\"\" class=\"bar\" />}\r\n {this.state === 'active' && this.category === 'colored_background' && <img src={whiteBarSrc} alt=\"\" class=\"bar\" />}\r\n <div class=\"content\">\r\n <div class={`icon ${this.state} ${this.category}`} innerHTML={this.leadingIconSvg}></div>\r\n {this.type === 'full_with_label' && (\r\n <p class={`label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}`}>{this.label}</p>\r\n )}\r\n </div>\r\n {this.type === 'full_with_label' && (\r\n <>\r\n {this.showBadge && (\r\n <gb-badge size=\"sm\" type=\"pill_outline\" color={this.state === 'active' ? 'information' : 'gray'}>\r\n <p>10</p>\r\n </gb-badge>\r\n )}\r\n {this.showArrow && (\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" class={`arrow ${this.state} ${this.category}`}>\r\n <path\r\n d=\"M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12\"\r\n stroke=\"#212C65\"\r\n stroke-width=\"1.5\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n />\r\n </svg>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n {this.type === 'icon_only' && this.showTooltip && (\r\n <gb-tooltip show-arrow={true} arrow=\"left\" class=\"tooltip\">\r\n <p slot=\"label\">{this.label}</p>\r\n </gb-tooltip>\r\n )}\r\n </div>\r\n );\r\n }\r\n}"]}
|
|
@@ -68,7 +68,7 @@ export class GbSidebar {
|
|
|
68
68
|
const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
|
|
69
69
|
const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
|
|
70
70
|
const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
|
|
71
|
-
return (h("div", { key: '
|
|
71
|
+
return (h("div", { key: '22541be011cfede7921457886a414bf22d03034e', class: `sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: '4f48868f148b3bd9c96490bca55b9d170792204a', class: "pattern" }, h("img", { key: '9c27dddfae816cdb1c4748fcb31a83be9443ebbb', src: patternSrc, alt: "" }))), h("div", { key: '11f5fec22ce338a57714339f12fa107e54484572', class: "nav" }, h("div", { key: '7f89b6bcc93a8c81e2d5af5454a93ac5f7cc7ae6', class: `sidebar_header ${this.state}` }, h("div", { key: 'adba85ea746eee18e95d7b482bebe0a679e65954', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '1bc6acfb8e0149901fb49bc3d14d98f40f26924e', src: logoSrc, alt: "" })), h("div", { key: '7d036d5ad93de78de1ecf8bdc9792c03a28ac11c', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: '02abe18dd7c047714f3a82654d6fd32353204c85', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '84fe49a273bccecd0a5600594e30901f8bee8d82', class: "navigation" }, h("div", { key: '70cad9267a24d06db0e9747a78af3a036942c98d', class: "item" }, h("gb-side-bar-item", { key: '7c31eaae916f7041fa3f960e6025e178265d6013', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-side-bar-item", { key: '8bd0ac60767c03a6f0c7d9f7c6dcbeb14db332a4', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-side-bar-item", { key: '3608a5721234d941e5dbd008e8132e80b83c50ee', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-side-bar-item", { key: '4a83ade2b7cb74caec87bd5b1230beacd9a0f854', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-side-bar-item", { key: '496cccf6327133c8e1c93dfd25605a3cd13b4323', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: '4cb355489314ece3a9d3c514e4fb1c6ad0371d17', class: "navigation" }, h("div", { key: 'accfeeb0c6af3dfc8de27f2746159e51fe28e3cf', class: "item" }, this.sixthItemLabel && (h("gb-side-bar-item", { key: '1bbab838b59fbd3ba7f1dd7e90fefb3064e64926', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-side-bar-item", { key: '1ccfa2550e19e3271af4f7ecf48eea22df39cedf', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-side-bar-item", { key: '10d30e7352bddd2e13f21be42ca1cb5f65b4c35f', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-side-bar-item", { key: '29ba7d029858c029ed81520d90eb938186f14251', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-side-bar-item", { key: '71fc9094fab07437144d1fd99b479ecd126a01f6', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: '14cca8d879cc45e9dfe939b32a53ffaf0066484e', class: "application_name" }, h("div", { key: '30a46ccd80b793bbc9f9014d9e2c3a3c8220f396', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'b2137dea1c5b249206081cbc686cfe479f77f5a3', class: "application_name_pattern" }, h("img", { key: 'f7cfa45343c798f01c0335c5721db63a9ae588d3', src: patternSrc, alt: "" }))), h("div", { key: '894b65f116d03985f993b543cd7ddfd582e195d5', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '947b5b832cc961f7c2c48f697baa25566fd74f2f', class: textClass }, h("slot", { key: '38c5812ec10340cbc9fa0a4f50770fc069e79bc5', name: "application_name" })))))));
|
|
72
72
|
}
|
|
73
73
|
static get is() { return "gb-sidebar"; }
|
|
74
74
|
static get encapsulation() { return "shadow"; }
|
|
@@ -56,7 +56,7 @@ export class GbSlider {
|
|
|
56
56
|
this.trackEl.style.width = `${rightPos - leftPos}%`;
|
|
57
57
|
}
|
|
58
58
|
render() {
|
|
59
|
-
return (h("div", { key: '
|
|
59
|
+
return (h("div", { key: '3056d419a896f9e7e3b8116a7b852a7344d65291', class: "slider-container", ref: (el) => this.containerEl = el }, h("div", { key: '8c571d7cd45f63f242e3f6956282f0fea9444a6c', class: "track", ref: (el) => this.trackEl = el }), h("gb-slider-control-handle", { key: 'b53d8a8d8bc45d59d11b408362ec1d2e762ef0e7', class: "left", value: this.leftValue, type: this.thumbType, style: { left: `${this.leftValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '7fbfdbc024cb798e83f06629ffa9ebffb2685f2b', class: "right", value: this.rightValue, type: this.thumbType, style: { left: `${this.rightValue}%` }, onMouseDown: (e) => this.handleMouseDown(e, 'right') })));
|
|
60
60
|
}
|
|
61
61
|
static get is() { return "gb-slider"; }
|
|
62
62
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class SliderControlHandle {
|
|
|
19
19
|
this.isFocused = false;
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: 'a1b11801c1b7a38c3a3a42d0ce1c029f521de2d8', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '015d89c21cb683a4f15c42a26fe53f199b36918c', class: "tooltip-container" }, h("gb-tooltip", { key: 'f9ba0dee2eaafc586a6b5d54e989116e3b193c9b', arrow: 'none' }, h("p", { key: '952482edf350a54306742eba284b2d6d9d578cf3', class: "text-xs-semi-bold", slot: "main_text" }, this.value, "%")))), this.type === 'text' && (h("div", { key: 'bb408dbb1d35e9078497d63f8251fd178d63e2c4', class: "thumb-label" }, this.value, "%"))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-slider-control-handle"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbStatusIndicator {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return [
|
|
12
|
-
h("div", { key: '
|
|
12
|
+
h("div", { key: 'a74106ae00ed299359541bbae0bb4f596908ca32' }, this.statusIcon === 'online_indicator' && h("div", { key: '7c7adb3656b0994ed67fa582edc3268313a737af', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'a5c58b503eb112b9b242a994be66544845334377', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '696499e54578f0b8462b40e83abc0de73baa628a', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: 'b3d53ba1b70e85d44d9ff3bccf2e96a05b4a178c', 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", fill: "#0086C9" }), h("path", { key: '8f0f8bef01ec331f7a1c300be14379984abcb197', 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" })), h("defs", { key: '0f110b1217102bd7199c68ac6752e0208b9179ac' }, h("clipPath", { key: '19d3943f23b569ac238bafb613b762e66767c5a0', id: "clip0_0_21453" }, h("rect", { key: '2b753b66a3c035be978ed0a6c53da7c0fed51136', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h("svg", { key: '78fe96c06596fbff6231dafab4192f95b56f4d2f', xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { key: 'b0aa30c4f0eefd79ad8ae27cbf0ef9ea02b12f64', 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", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { key: '24dbc51ed938b2443b40c20b36d5582f3723c931', "fill-rule": "evenodd", "clip-rule": "evenodd", 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", fill: "white" })))),
|
|
13
13
|
];
|
|
14
14
|
}
|
|
15
15
|
static get is() { return "gb-status-indicator"; }
|
|
@@ -42,12 +42,12 @@ export class GbTabButtonBase {
|
|
|
42
42
|
this.tabClicked.emit();
|
|
43
43
|
}
|
|
44
44
|
render() {
|
|
45
|
-
return (h("div", { key: '
|
|
45
|
+
return (h("div", { key: 'd295c4e51843201345d68fefe91b02d49f3be2b3', class: `tab_button_div ${this.type}
|
|
46
46
|
${this.current ? 'current' : ''}
|
|
47
47
|
${this.fullWidth ? 'full_width' : ''}
|
|
48
|
-
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '
|
|
48
|
+
${this.size}`, onClick: () => this.handleClick() }, h("p", { key: '7176d7fc26d5f387b7fc0e22064c0888fd773ce3', class: `${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '889aedfbab79da460f0053b86cf1fdb26ed6e350', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary' ? 'information' :
|
|
49
49
|
this.current && this.type === 'underline' ? 'information' :
|
|
50
|
-
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '
|
|
50
|
+
this.current && this.type === 'line' ? 'information' : 'gray' }, h("slot", { key: '2d6326444f6b5ef4c8bbe45032331c96619d6afa', name: "count" })))));
|
|
51
51
|
}
|
|
52
52
|
static get is() { return "gb-tab-button-base"; }
|
|
53
53
|
static get encapsulation() { return "shadow"; }
|
|
@@ -12,7 +12,7 @@ export class GbTag {
|
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
14
|
const flagSwap = getAssetPath(`assets/${this.flagSwap}.svg`);
|
|
15
|
-
return (h("div", { key: '
|
|
15
|
+
return (h("div", { key: '53f2d9fd4cdc12f71467e343ca9e6a7b729a4875', class: `container ${this.size}` }, h("div", { key: '9f02ddebda9831504d80bc57384fa2b9e76e4300', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'dacf0f51fee51457ff5ffa77e730b17d02309779', size: this.size }), this.icon === 'country' && (h("div", { key: '436394d57dd0ba97babd21b0cdfaa3aa47889047', class: "icon left-icon" }, h("img", { key: 'bae8da4dcdec22b71013b4cf41441543ec59de26', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'a3d36e590a7a5bb6f55201094182957a8bf4ac70', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'a058f28647bb9208ec62c3bd877e9557b4d8f206', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: 'b22fd128df7faf0438df9c36f184f47b7a35f7e5', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '13537e46852838265d4a4554d73ade8d75e07f41', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("slot", { key: 'f3621e8edbb52932bc7acffcc60935308e8538f5' }), this.action === 'count' && (h("gb-tag-count", { key: 'd2b0e88bffd0040b512afef71553ac4216afe107', size: this.size }, h("slot", { key: '9c72054791bca63a16724599e11a8fc2f70d9555', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'eb272548f560a4dda6581c259dcb7902ae853ae4', size: this.size, onClick: () => this.onTagClose() })));
|
|
16
16
|
}
|
|
17
17
|
static get is() { return "gb-tag"; }
|
|
18
18
|
static get encapsulation() { return "shadow"; }
|
|
@@ -6,7 +6,7 @@ export class GbTagCheckbox {
|
|
|
6
6
|
this.disabled = false;
|
|
7
7
|
}
|
|
8
8
|
render() {
|
|
9
|
-
return (h("label", { key: '
|
|
9
|
+
return (h("label", { key: 'eb1d2cb2248d013dfc84c9b0aab35216dba92974', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '7aa3dd82ba6dcb7ea50fc2a228ca2f7eca5dabf1', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '6a7494ff6aa4527e33b80b128481040f5496f698', class: `custom-checkbox ${this.size}` }, h("svg", { key: '0192e947813a20d13605f07c97af1ac6a81e0953', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'e24cba688dac6d3eaedf752dca2dce4807aa0f56', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
|
|
10
10
|
}
|
|
11
11
|
static get is() { return "gb-tag-checkbox"; }
|
|
12
12
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbTagClose {
|
|
|
4
4
|
this.size = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: 'cd56602c5a0efe1ffa3270ee223e68ad1b60aaa6', class: this.size }, h("svg", { key: '056ebe1caebe8217ac9447768d045ba2b9b86310', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '7fe2d2dd96930b65ebce06a52e39c9254f399a90', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-close"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -4,7 +4,7 @@ export class GbTagCount {
|
|
|
4
4
|
this.size = undefined;
|
|
5
5
|
}
|
|
6
6
|
render() {
|
|
7
|
-
return (h("div", { key: '
|
|
7
|
+
return (h("div", { key: '62a46db91d3612ad17c4afe098c20e41f977e0f5', class: this.size }, h("slot", { key: 'a3e418490bfebc6a1b0f71a68621e6a3a48c4d80', name: "count" })));
|
|
8
8
|
}
|
|
9
9
|
static get is() { return "gb-tag-count"; }
|
|
10
10
|
static get encapsulation() { return "shadow"; }
|
|
@@ -37,7 +37,7 @@ export class GbToast {
|
|
|
37
37
|
slottedSupportingText.classList.add(this.getSupportingColorClasses());
|
|
38
38
|
}
|
|
39
39
|
render() {
|
|
40
|
-
return (h("div", { key: '
|
|
40
|
+
return (h("div", { key: 'bdd6a8adcc9919784c147ef8caf70ceabc3c0d27', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'd832223ebba890237791ba5d6ce7c4d111c4e81f', class: `icon_container` }, h("svg", { key: 'cc0611dae93bd5867fae9565da7e0b0edb4887e8', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '2c6611b181afd38ceb63b3a70509913d0f8b4b37', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'ee32e030dfc2e3a7c27323a24e256c87dc5ca214', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '16fbb4f8fb47848af22022c3b0cc60cabfdfac1b', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '798f0a77f2c5285419e00b8950e11c61c8ad162d', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '171d1b3c1cf5b98296ef25975a2dd77fee894921', class: `text ${this.size}` }, h("slot", { key: 'a8ee7e717f635ce6ab512b20433ec32673d6726a', name: "main_text" }), this.showSupportingText && h("slot", { key: '98554cb624d886324bca88fbf9c83f6818537273', name: "supporting_text" })), this.actions && (h("div", { key: '5a3a895c8876d2ea38119e2ae34a3fe7c6fc4488', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: 'c0c347c482ad6e211a8d0949978ab43467580e02', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'd8eb87ba2ef393bcacb0db493c3deb39fa2c6109', class: `container ${this.breakpoint}` }, h("div", { key: '24691ca8b7a00ae7fcc530cfdffc3519099f097a', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'a27d64ed5117347277b00a6803762c57a80426de', class: `inner_content ${this.breakpoint}` }, h("div", { key: '952676b787493738b89956abfbc830ee029727b5', class: `icon_container` }, h("svg", { key: '25e0f7f0c6c1f60ec32514b17c83188dbebd2b30', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'c64eb2877251cee6d704bc6167e3b7870d1590d7', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '23331b8e38c7ec8963344a73ff9aa815688ec47c', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '593d12ce70656f9f12770d2b769e757c59da443e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'e83feca9b6b96c55c743ff643289a4c25356cb7c', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '89da09343a6b4fcfabca2ca699e81c23a9795cdc', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e10b2996595ceef5c476bacbd0741d2da3b054b3', name: "supporting_text" }))), this.actions && (h("div", { key: '4b714712236a2827439eeaa2ded0f6cd3eaf76c6', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '52a25a940726e94d49e43adcd1a66386098b0b26', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}` }))))));
|
|
41
41
|
}
|
|
42
42
|
static get is() { return "gb-toast"; }
|
|
43
43
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,7 +9,7 @@ export class GbToastButton {
|
|
|
9
9
|
slottedContent.classList.add('text-sm-semi-bold');
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '1b345e8a654dc411b7ac8559256ff357850328da', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '418521979b28fc2fb805c67873627688813db4ef' })));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-toast-button"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -33,7 +33,7 @@ export class GbToggle {
|
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
|
-
return (h("div", { key: '
|
|
36
|
+
return (h("div", { key: 'c95c198a6c00c8a4c6d1766769f764f1eeb50ad8', class: `toggle_div ${this.size}` }, h("div", { key: '316b5c6266657caf6065eaa4fdf191b396551dc7', class: "toggle_base" }, h("gb-toggle-base", { key: '69fb4297e5a0f90a49093adbf59ac84544f46f65', size: this.size, state: this.state, pressed: this.pressed })), h("div", { key: 'd814cfba9a9939b153b597b1e583f4f04bfa5fa6', class: "text" }, h("slot", { key: 'c242152df5c871db607138aa1271a12fc0c97f9a', name: "main_text" }), this.supportingText && (h("slot", { key: 'cb7369fc98ba8cb37864e1717caa86b50c8fed2f', name: "supporting_text" })))));
|
|
37
37
|
}
|
|
38
38
|
static get is() { return "gb-toggle"; }
|
|
39
39
|
static get encapsulation() { return "shadow"; }
|
|
@@ -13,8 +13,8 @@ export class GbToggleBase {
|
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
15
|
return [
|
|
16
|
-
h("input", { key: '
|
|
17
|
-
h("label", { key: '
|
|
16
|
+
h("input", { key: '712d1151a39a0d055233d8ae270eeccffc1af506', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
|
|
17
|
+
h("label", { key: 'bc07cebbf68f831e18eeb3f62f5bc9e9b680c5fe', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
|
|
18
18
|
];
|
|
19
19
|
}
|
|
20
20
|
static get is() { return "gb-toggle-base"; }
|
|
@@ -9,7 +9,7 @@ export class GbTokenField {
|
|
|
9
9
|
this.supportingText = '';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: '139a475f630a58dbcb882bd201fe5eff60a27842', class: this.size }, h("div", { key: '3ae132c76dc60f243b3e8cd2975f161d46907b62', class: "input-with-label" }, this.showLabel && (h("label", { key: '8b2ceedda86be12a6d6fedc4691518f5f54ab17d' }, this.label)), this.digits === 4 && (h("div", { key: '7d8c4289049762afe6441138dc7158506ddb4184', class: "input-wrapper" }, h("gb-megainput-field", { key: '1732364b3e7398168a468cf161ae5a28609b0797', size: this.size }), h("gb-megainput-field", { key: '3e0d2aeb91a4564c95e44dabf05daa0849a70294', size: this.size }), h("gb-megainput-field", { key: '9239b85273cf8c672c7eaf649c526cc9c4696c71', size: this.size }), h("gb-megainput-field", { key: 'a2e1dbd4f3233bdc2607b95fe283524cbd25beeb', size: this.size }))), this.digits === 6 && (h("div", { key: '623ad1f4ace92ae41e2e22fc2fc693cbb219cf1b', class: "input-wrapper" }, h("div", { key: '2418a00ddf527db4e2a42c5d5df70c2ded8c3453', class: "first=section" }, h("gb-megainput-field", { key: 'bcce68e2f2d84fb941cbaae8fa3bf212b67eb8d8', size: this.size }), h("gb-megainput-field", { key: 'bd07a7e7f5fdfe189a0fdb0f67cca2d9704f8f63', size: this.size }), h("gb-megainput-field", { key: 'c77e1189d01ead1afecefffb103140339f180c09', size: this.size })), h("div", { key: '7da10616eefadbc73bd31ecb85e1491e52f48b84', class: "second=section" }, h("gb-megainput-field", { key: 'd9f0b5f43d4eb41af68474b74c7449730f6d6234', size: this.size }), h("gb-megainput-field", { key: '9853e8aa3d9b74b9c1109474cc5af487d24df49b', size: this.size }), h("gb-megainput-field", { key: 'a33f3637923c8aa9bafcc54ad633d832bae76507', size: this.size })))), this.digits === 8 && (h("div", { key: 'bcf63564b74ce116827edf144bbaa7153180b35e', class: "input-wrapper" }, h("div", { key: '7aba37c74157af1bd772d2d9a95fa72ddac8c8e6', class: "first=section" }, h("gb-megainput-field", { key: 'ce5b7a607d7609036108a2aebe257366248b43be', size: this.size }), h("gb-megainput-field", { key: '4e61ee618b90488a35e9771d8e2d49653e7c9085', size: this.size }), h("gb-megainput-field", { key: '79e03e6398bcd31e87d26b788288ffa9a1c157eb', size: this.size }), h("gb-megainput-field", { key: 'ae62a7e973202f8400527f43258a1c430d9da8e8', size: this.size })), h("div", { key: '7c8462f99db28ba6f825fd6df8ee3ea03258025b', class: "second=section" }, h("gb-megainput-field", { key: '332e6d20107eec4f4524b44398d24e2db64e84f2', size: this.size }), h("gb-megainput-field", { key: '38b5856513cbfd19bffb8e145c406a481df48628', size: this.size }), h("gb-megainput-field", { key: 'b86c13a4fc603bacceb861cccc01570dd6921b94', size: this.size }), h("gb-megainput-field", { key: '51b0de9c817998a7c26c4b87d370c4075fb0bcbf', size: this.size }))))), h("p", { key: 'f0d942ec3e4c71fa1f6b8647b1007d6703e20540' }, this.supportingText)));
|
|
13
13
|
}
|
|
14
14
|
static get is() { return "gb-token-field"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
@@ -19,7 +19,7 @@ export class GbTooltip {
|
|
|
19
19
|
return this.showArrow ? `arrow ${this.arrow}` : '';
|
|
20
20
|
}
|
|
21
21
|
render() {
|
|
22
|
-
return (h("div", { key: '
|
|
22
|
+
return (h("div", { key: '200e7109e185f496d82b04b0dd75411808982114', class: "tooltip_container" }, h("div", { key: '168b2f639ff81c362b06114eb7d088d76b1251fd', class: "tooltip" }, h("div", { key: '60ac9f306090bbb53110b7b6d7777c591489ef67', class: this.getArrowClass() }), h("div", { key: '761978394e3f54598371a8490bb81f349432b666', class: "tooltip_content" }, h("slot", { key: '7aeaf857569385fd060a08fa59bed216a43f971e', name: "label" }), this.showSupportingText && h("slot", { key: '602f3ca1d9206e460109d6a311f6388c6ddb6226', name: "supporting_text" })))));
|
|
23
23
|
}
|
|
24
24
|
static get is() { return "gb-tooltip"; }
|
|
25
25
|
static get encapsulation() { return "shadow"; }
|
|
@@ -9,11 +9,11 @@ export class GbVerificationCodeField {
|
|
|
9
9
|
this.hintText = '';
|
|
10
10
|
}
|
|
11
11
|
render() {
|
|
12
|
-
return (h("div", { key: '
|
|
12
|
+
return (h("div", { key: 'd7d4d769af8ceac92e6fff409a6ea957431fc4a3', class: {
|
|
13
13
|
container: true,
|
|
14
14
|
[this.size]: true,
|
|
15
15
|
[this.digits]: true,
|
|
16
|
-
} }, h("div", { key: '
|
|
16
|
+
} }, h("div", { key: '75340bdf26dbba9dc820183f2269c15117a42fed', class: "input-with-label" }, this.showLabel && (h("label", { key: 'c2c81943710607c306c8f2798dd3210fe6d9926f', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'dbdf49c33d25ef3e97c2697bbb6735f7bc560565', class: "input-wrapper" }, h("gb-megainput-field", { key: '13281fab9384705cdc719d6612914e65df82a988', size: this.size }), h("gb-megainput-field", { key: '98354e308dd1b3df7c122d8943a8fb39b03db9ae', size: this.size }), h("gb-megainput-field", { key: '401c9ca95d5cad28d85c4e29a465d919669a4d0d', size: this.size }), h("gb-megainput-field", { key: '1740f1421bab7bf2daa6a8a6df15f754b81e5e26', size: this.size }))), this.digits === 6 && (h("div", { key: 'f8ae3833ef0309f268463adf3b88fd787b4418f1', class: "input-wrapper" }, h("gb-megainput-field", { key: 'c2c205c5d0a3acc93e67c5b8884707e691c0fa61', size: this.size }), h("gb-megainput-field", { key: '76233d169e773e6cc7ea87eb2f082931dd75a48b', size: this.size }), h("gb-megainput-field", { key: 'a7ceb1009a801a34e064847243066cf0be1e2f3f', size: this.size }), h("p", { key: '3bed63ca631d7a81e9772c9bfe6eb95cc816f145', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: '7b134c9180201b7e4fbc423001877dfd73067b2a', size: this.size }), h("gb-megainput-field", { key: '19f8d34210f4876cfc6c5661f841cd053246407d', size: this.size }), h("gb-megainput-field", { key: '7502eb151a33834d9626d2480f5091193243b8b4', size: this.size }))), this.digits === 8 && (h("div", { key: '5b70078b74396bf906355c02a1ae1a3ded060a00', class: "input-wrapper" }, h("gb-megainput-field", { key: 'b76d10e10045f4830601e44124ad600ca3f7630c', size: this.size }), h("gb-megainput-field", { key: '98c687ed6330305f80c58e0d9501f0ead25aac97', size: this.size }), h("gb-megainput-field", { key: 'b58b2c084b9ac0eaf4e115eebbc0418fc4e047fe', size: this.size }), h("gb-megainput-field", { key: '883bcc0e1c40c166ac15480e6b747a0e55529086', size: this.size }), h("p", { key: 'c22506ed2dba0f9af839d76766fac2c0b6f4d308', class: "line display-sm-bold" }, "-"), h("gb-megainput-field", { key: 'c9af82358fb376c22dd4160c78dc95e351bbba76', size: this.size }), h("gb-megainput-field", { key: '16c2607845a680a308a5a43f6304bb3f1292cb21', size: this.size }), h("gb-megainput-field", { key: '025b98eb83cf569a6370b9d6b9457f5a7bec46d6', size: this.size }), h("gb-megainput-field", { key: 'fac47abbf291d404227a9c338c4e11da2d9adca1', size: this.size })))), this.showHintText && (h("div", { key: 'b921ba045041beea947b309616c9cee447eee898', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
|
|
17
17
|
}
|
|
18
18
|
static get is() { return "gb-verification-code-field"; }
|
|
19
19
|
static get encapsulation() { return "shadow"; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { G as GbAvatarAddButton$1, d as defineCustomElement$1 } from './p-3e00f9f0.js';
|
|
2
2
|
|
|
3
3
|
const GbAvatarAddButton = GbAvatarAddButton$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|